1 2 3 4 5 | <td class="trans"><input type="radio" name="radio" value="test1"></td> <td class="trans"><input name="veld1"></td> <td class="trans"><input type="radio" name="radio" value="test2"></td> <td class="trans"><input name="veld2"></td> |
Ik kom er totaal niet uit eigenlijk......quote:
Je geeft de attribuut for de id van het element waar de label bij hoort.quote:Op woensdag 23 februari 2005 21:14 schreef ikke_ook het volgende:
[..]
Ik kom er totaal niet uit eigenlijk......
Ik zie niet in hoe dat ooit moet gaan werken..... Kan iemand me verder helpen?
1 2 3 4 5 6 7 8 | <input id="btnColorRed" name="color" type="radio" value="red"> <label for="btnColorRed">Red</label> <input id="btnColorGreen" name="color" type="radio" value="green"> <label for="btnColorGreen">Green</label> <input id="btnColorBlue" name="color" type="radio" value="blue"> <label for="btnColorBlue">Blue</label> |
Bedankt! Ik heb helaas nog geen tijd gehad om het uit te proberen, maar als het gelukt is, post ik het hier .quote:Op maandag 21 februari 2005 18:35 schreef SuperRembo het volgende:
[ code verwijderd ]
[ code verwijderd ]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <html><head><body> <script language="javascript"> function fadeIn(i,j,fadeObject){ document.getElementById(fadeObject).filters.alpha.opacity=i; i++; if (i<j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0); } function fadeOut(i,j,fadeObject){ document[fadeObject].filters.alpha.opacity=i; i--; if (i>j) setTimeout("fadeOut("+i+","+j+",'"+fadeObject+"')", 0); } </script> <style type="text/css"> .button { filter:alpha(opacity="30"); } </style> <img src="button.gif" class="button" name="jahoe" onMouseOver="fadeIn(30,100,'jahoe');" onMouseOut="fadeOut(100,30,'jahoe');" width="88" height="31" border="0"> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 | function fadeIn(i,j,fadeObject){ if (navigator.appName == "Microsoft Internet Explorer") { document.getElementById(fadeObject).filters.alpha.opacity=i; i=i+1; if (i<=j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0); }else{ i=i/10; j=j/10; document.getElementById(fadeObject).filters.alpha.-moz-opacitity=i; i=i+0.1; if (i<=j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0); } } |
het gaat dus mis bij -moz-opacity.quote:Error: missing name after . operator
Source File: http://localhost/exclusief/index2.php
Line: 18, Column: 66
Source Code:
document.getElementById(fadeObject).filters.alpha.-moz-opacitity=i;
1 2 3 4 5 | #trans { filter:alpha(opacity=50);/* IE */ -moz-opacity:0.5;/* Moz */ opacity: 0.5;/* CSS3 */ } |
Dank je. Ja stiekem wist ik dat. Maar... hoe verwerk ik dit in bovenstaand script?quote:Op woensdag 2 maart 2005 13:04 schreef SuperRembo het volgende:
Alleen IE kent filters, in mozilla regel je dat met CSS
[ code verwijderd ]
En je moet 't goed spellen, dus niet opacitity![]()
1 2 | var el = document.getElementById(id); el.style.MozOpacity = 0.5; |
Zo even kijken!quote:
1 2 3 4 5 6 7 8 | function slideDown(s){ if(document.getElementById){ if(parseInt(obj.style.top) < s){ obj.style.top = parseInt(obj.style.top) + 2 + "px"; setTimeout("slideDown(s)",15); } } } |
quote:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | function fadeIn(i,j,fadeObject){ if (navigator.appName == "Microsoft Internet Explorer") { document.getElementById(fadeObject).filters.alpha.opacity=i; i=i+1; if (i<=j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0); }else{ i=i/10; j=j/10; var el = document.getElementById(fadeObject); el.style.MozOpacity = i; i=i+0.1; i=i*10; j=j*10; if (i<=j) setTimeout("fadeIn("+i+","+j+",'"+fadeObject+"')",0); } } |
Mjah, dat is dus raar want die functie wordt gewoon met een onmouseover aangeroepen.quote:Op woensdag 2 maart 2005 16:25 schreef SuperRembo het volgende:
Ja ehh, dan zal ie fadeObject wel niet gevonden hebben he.
Opgelostquote:Op woensdag 2 maart 2005 17:05 schreef Swetsenegger het volgende:
[..]
Mjah, dat is dus raar want die functie wordt gewoon met een onmouseover aangeroepen.
In I.E. wordt fadeObject wel gevonden en in ff niet
1 2 3 4 5 6 7 | <script> function timer(t,laag) { var idle=setTimeout("slideUp("+t+",'"+laag+"')", 500); } </script> <div style="position:absolute; width:100px; height:100px; background-color:black; cursor:pointer; cursor:hand;" onmouseover="slideDown(170,203,'contactmenu');clearTimeout('idle');" onmouseout="timer(170,'contactmenu');"><img src="image/contact.jpg" class="menu" id="contact" /></div> |
Dat is een goede. Nu ff zoeken hoe ik items aan een array toevoeg in javascriptquote:Op donderdag 3 maart 2005 18:17 schreef SuperRembo het volgende:
Je kan de timers in een globale array zetten met als key de id van de div.
1 2 3 4 5 6 7 8 9 | <script> var idle=new Array(); function timer(t,laag) { idle[laag]=setTimeout("slideUp("+t+",'"+laag+"')",500); } </script> <div style="position:absolute; width:100px; height:100px; background-color:black; cursor:pointer; cursor:hand;" onmouseover="slideDown(170,203,'contactmenu');clearTimeout(idle['contactmenu']);" onmouseout="fadeOut(99,85,'contact');timer(170,'contactmenu');"><img src="image/contact.jpg" class="menu" id="contact" /></div> |
denk wel dat het mogelijk is via getElementById('divid')... en dan iets met Height ofzo. Ben het niet zeker, want heb het nog nooit nodig hadquote:Op zaterdag 5 maart 2005 13:46 schreef Swetsenegger het volgende:
Kan ik met javascript de hoogte vinden van een div welke geen fixed height heeft?
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |