login  Naam:   Wachtwoord: 
Registreer je!
 Forum

css aanmaken (Opgelost)

Offline per_k - 17/10/2007 09:06
Avatar van per_kNieuw lid Is er 'n manier om nieuwe stijlen aan te maken m.b.v. javascript? dus bijv. #pizza{color:'#FF0000'} in <style> erbij zetten

4 antwoorden

Gesponsorde links
Offline marten - 17/10/2007 09:40
Avatar van marten Beheerder Dan kan je vast hier wel wat mee
http://codepunk.hardwar.org.uk/css2js.htm
Offline per_k - 17/10/2007 12:15
Avatar van per_k Nieuw lid Hiermee kun je toch alleen maar de bestaande CSS aanpassen?
Offline GTW - 17/10/2007 12:18 (laatste wijziging 17/10/2007 12:20)
Avatar van GTW Gouden medaille

PHP gevorderde		 nee, hier kun je ook nieuwe css styles mee maken

het werkt alleen niet zoals je denkt, je maakt de nieuwe stijlen dan aan op de achtergrond. je ziet het dus niet 'direct' in de broncode staan.

dus bijvoorbeeld in jouw voorbeeld:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. document.getElementById('pizza').style.color = "#FF0000";
Offline per_k - 17/10/2007 15:22 (laatste wijziging 17/10/2007 15:54)
Avatar van per_k Nieuw lid maar wat doe ik hier dan fout in regel 16 (laat maar -_- en bedankt ):

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table align="left" width="130px" border="0" bordercolor="#000000" height='250px' style="border-width:thin; border-color:#FF0000; " cellpadding="0" cellspacing="0">
  2. <script type="text/javascript">
  3. var naam = new Array();
  4. naam[0]="Pokemon";
  5. naam[1]="Pizza";
  6. naam[2]="Digimon";
  7. naam[3]="Cod";
  8. naam[4]="Quake Wars";
  9. naam[5]="Kaarten";
  10. naam[6]="Beeldscherm";
  11. naam[7]="Taart";
  12. naam[8]="Klok";
  13. naam[9]="Joystick";
  14. naam[10]="MSN";
  15. for(var i=0;i<11;i++){
  16. document.getElementById('stijl'+i).style.color = "#FF0000";
  17. document.write("<tr><th onMouseOver=\"javascript:link("+i+")\" onMouseOut=\"javascript:lank("+i+")\"><a href=\"#\" class=\"menu\" id=\"stijl"+i+"\">"+naam[i]+"</a><br></th></th>");
  18. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.503s