1 2 3 4 5 6 7 8 9 10 11 | function Add() { var optgroup = document.getElementById('optgroup'); var select = document.getElementById('select'); element = document.createElement("option"); element.setAttribute("value", 1); element.innerHTML = "Testing"; optgroup.appendChild(element); document.getElementById('h').value = optgroup.getElementsByTagName("option").length; } |
Nee, 't is intranetquote:Op vrijdag 31 december 2004 16:02 schreef _Jeffrey_ het volgende:
Hier in FF 1.0 werkt het gewoon goed.
Misschien staat er een layer over de link heen ofzo? heb je een online voorbeeldje?
Het lijkt een Opera bug te zijn. Zelfs als je de innerHTML van het hele select element opvraagt nadat het option element geplaatst is, lijkt het gewoon op de goede plaats in het select element te staan, maar het wordt gewoon niet zichtbaar. Option elementen toevoegen aan het select element werkt wel goedquote:Op vrijdag 31 december 2004 16:25 schreef Arjan321 het volgende:
Zie http://www.n321.com/poc.html
Waarom werkt dit allemaal geweldig in Gecko en IE, maar niet in Opera?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | function Add() { var optgroup = document.getElementById('optgroup'); var select = document.getElementById('select'); var container = document.getElementById('containeri'); element = document.createElement("option"); element.setAttribute("value", 1); element.innerHTML = "Testing"; optgroup.appendChild(element); if (window.opera) { clone = select.cloneNode(true); container.removeChild(select); container.appendChild(clone); } } |
je kunt wel een script maken dat alle tekst-waardes omzet naar hun hex-karakter (via de Stringmethode.toString(16))quote:Op donderdag 13 januari 2005 17:08 schreef Swetsenegger het volgende:
Is er een javascript equivalent van php's htmlentities?
1 | <&bléüh> |
1 | <&bléüh> |
1 2 3 4 5 6 7 8 9 10 11 | var my_variabele = '<&bléüh>' var string_output='' var temp_var for( var i=0; i < my_variabele.length; i++ ) { temp_var = my_variabele.charAt( i ); temp_var = temp_var.charCodeAt(0); temp_var = ''+ temp_var.toString(16) + ';' string_output += temp_var; } return string_output |
helaas is het een embedded systeem waarbij er geen ruimte is voor php of ander serverside oplossingen. Alleen client side scripting.quote:Op donderdag 13 januari 2005 17:47 schreef RM-rf het volgende:
[..]
je kunt wel een script maken dat alle tekst-waardes omzet naar hun hex-karakter (via de Stringmethode.toString(16))
[ code verwijderd ]
wordt dan
[ code verwijderd ]
dmv code als bv:
[ code verwijderd ]
Maar dat kan ook een onpraktische situatie zijn, als het voor een CMS is, is het eerder aan te raden om sowieso alle input via html_entities te laten gaan en gebruikers te verbieden zelf direkt html in te voeren, hooguit misschien bepaalde standaard-waardes er voorheen uit te filteren, daarmee behoud je een betere controle over de input van gebruikers
(juist binnen een CMS is het een zeker risico om mensen volledig het recht te geven direkt HTML in te voeren)
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 | function cloack(waarde) { if(waarde == "yes") { document.getElementById('layer1').style.visibility = 'hidden'; document.getElementById('layer1').style.display = 'None'; document.getElementById('layer2').style.visibility = 'visible'; document.getElementById('layer2').style.display = 'Block'; document.getElementById('command').style.display = 'None'; } else if(waarde == "no") { document.getElementById('layer2').style.visibility = 'hidden'; document.getElementById('layer2').style.display = 'None'; document.getElementById('layer1').style.visibility = 'visible'; document.getElementById('layer1').style.display = 'Block'; document.getElementById('command').style.display = 'None'; } else { document.getElementById('layer2').style.visibility = 'hidden'; document.getElementById('layer2').style.display = 'None'; document.getElementById('layer1').style.visibility = 'hidden'; document.getElementById('layer1').style.display = 'None'; document.getElementById('command').style.display = 'None'; } } |
quote:Op vrijdag 14 januari 2005 23:39 schreef mschol het volgende:
vraagje aan de JS experts:
[ code verwijderd ]
is er een manier om dit efficienter te doen??? of niet?
ik gebruik een if, else if, else script omdat ik in de dropdown box 3 waardes heb: ja, nee en blank (de standaard waarde)
1 2 3 4 5 6 7 | function cloack(waarde) { document.getElementById("layer1").style.visibility = waarde == "yes" ? 'visible' : "hidden"; document.getElementById("layer1").style.display = waarde == "yes" ? 'block' : "none"; document.getElementById("layer2").style.visibility = waarde == "no" ? 'visible' : "hidden"; document.getElementById("layer2").style.display = waarde == "no" ? 'block' : "none"; document.getElementById('command').style.display = 'None'; } |
1 2 3 4 5 | function cloak(waarde) { document.getElementById('layer1').style.display = waarde == 'yes' ? 'block' : 'none'; document.getElementById('layer2').style.display = waarde == 'no' ? 'block' : 'none'; document.getElementById('command').style.display = 'none'; } |
1 2 3 4 5 6 7 | <input type="checkbox" name="en_aanvang" checked onClick="Toggle('agenda_nieuw_aanvang')"> Aanvang: <input type="text" name="agenda_nieuw_aanvang" maxlength="10"> uur<br/> <input type="checkbox" name="en_prijs" checked onClick="Toggle('agenda_nieuw_prijs')"> Prijs: ¤<input type="text" name="agenda_nieuw_prijs" maxlength="5"><br/> |
1 2 3 4 5 6 7 8 9 | <script language="Javascript"> function Toggle(elID) { if(document.getElementById(elID).style.disabled == true) { document.getElementById(elID).style.disabled = false; } else { document.getElementById(elID).style.disabled = true; } } </script> |
1 | document.getElementById(elID).disabled |
quote:Op vrijdag 21 januari 2005 16:32 schreef Heliospan het volgende:
[ code verwijderd ]
Ugh, mijn schrale beetje javascriptkennis laat me weer in de steek. Wat ik wil is op zich niet zo moeilijk leek me. Als op de checkboxen 'en_aanvang' of 'en_prijs' geklikt wordt, wordt respectievelijk 'agenda_nieuw_aanvang' disabled/enabled, of 'agenda_nieuw_prijs' disabled/enabled. Ik heb echter meerdere pogingen gedaan om de "Toggle"-functie te schrijven, maar ik kom er niet uit. En het moet zo makkelijk zijn. Kan iemand me even uit de brand helpen?
Dit werkt iig niet
[ code verwijderd ]
1 2 3 | <script language="Javascript"> document.getElementById(elID).disabled = document.getElementById(elID).disabled == true ? false : true; </script> |
1 2 3 4 5 6 7 8 9 | function Toggle(elID) { if(document.getElementById(elID).disabled == true) { document.getElementById(elID).disabled = false; document.getElementById(elID).style.backgroundColor = "#ffffff"; } else { document.getElementById(elID).disabled = true; document.getElementById(elID).style.backgroundColor = "#aaaaaa"; } } |
1 2 3 4 5 6 7 8 9 10 11 | function Toggle(id) { var el = document.getElementById(id); if (!el) return; if (el.disabled) { el.disabled = false; el.style.backgroundColor = '#fff'; } else { el.disabled = true; el.style.backgroundColor = '#aaa'; } } |
Inderdaad een stuk duidelijker dan "Object Expected", wat IE 9 op de 10x zegtquote:Op vrijdag 21 januari 2005 19:41 schreef Arjan321 het volgende:
Moet wel even zeggen dat FireFox een prachtige javascript console heeft, die, zolang je niets al te vreemd doet, een foutmelding geeft wat er fout gaat in het script (Tools -> Javascript Console)
1 2 3 4 5 6 7 8 9 10 | <body> <img name="home" border="0" src="image/static.gif" width="14px" height="14px"> <a href="home.htm" onmouseover="document.home.src='image/on.gif';playSound(0)" onmouseout="document.home.src='image/off.gif'">home</a><br /> <img name="occassion" border="0" src="image/static.gif" width="14px" height="14px"> <a href="occassion.htm" onmouseover="document.occassion.src='image/on.gif';playSound(0)" onmouseout="document.occassion.src='image/off.gif'">occassion</a><br /> <img name="aanbieding" border="0" src="image/static.gif" width="14px" height="14px"> <a href="aanbieding.htm" onmouseover="document.aanbieding.src='image/on.gif';playSound(0)" onmouseout="document.aanbieding.src='image/off.gif'">aanbieding</a><br /> <img name="bestellen" align=middle src="image/static.gif" width="14px" height="14px"> <a href="bestellen.htm" onmouseover="document.bestellen.src='image/on.gif';playSound(0)" onmouseout="document.bestellen.src='image/off.gif'">bestellen</a><br /> </body> |
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 30 31 32 33 34 | var aySound = new Array(); aySound[0] = "image/rollover01.wav"; document.write('<BGSOUND ID="auIEContainer">') IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0; NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0; ver4 = IE||NS? 1:0; onload=auPreload; function auPreload() { if (!ver4) return; if (NS) auEmb = new Layer(0,window); else { Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>"; document.body.insertAdjacentHTML("BeforeEnd",Str); } var Str = ''; for (i=0;i<aySound.length;i++) Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>" if (IE) auEmb.innerHTML = Str; else { auEmb.document.open(); auEmb.document.write(Str); auEmb.document.close(); } auCon = IE? document.all.auIEContainer:auEmb; auCon.control = auCtrl; } function auCtrl(whSound,play) { if (IE) this.src = play? aySound[whSound]:''; else eval("this.document.embeds[whSound]." + (play? "play()":"stop()")) } function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); } function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); } |
Ja die.quote:Op zondag 23 januari 2005 12:58 schreef Arjan321 het volgende:
https://bugzilla.mozilla.org/show_bug.cgi?id=266210 dus hè
1 2 3 | <span style="background-image: url('image/static.gif');background-repeat: no-repeat;padding-left: 15px;"> <a href="#" onmouseover="this.parentNode.style.backgroundImage='url(\'image/on.gif\')'" onmouseout="this.parentNode.style.backgroundImage='url(\'image/off.gif\')'">home</a> </span> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <html> <head> <title></title> <style type="text/css"> a { padding-left: 20px; background-image: url('off.gif'); background-repeat: no-repeat; background-position: 0% 50%; } a:hover { background-image: url('on.gif'); } </style> </head> <body> <a href="">Foo</a><br> <a href="">Bar</a><br> <a href="">Baz</a><br> </body> </html> |
Dat is godverdomme al de tweede keer dat ik tegen een gecko bug aanloop en workarounds voor MOZILLA moet verzinnen (in plaats van voor IE)quote:Op zondag 23 januari 2005 11:47 schreef SuperRembo het volgende:
Met niet-animated gifjes werkt het wel goed. Het is dus een bug in FireFox
Gefeliciteerd met je vondst
nee, dan zou je eerder met SVG (Scalable Vector Graphics, een W3C-standaard voor vector-gebaseerde afbeeldingen, in markup format) moeten werken, deze kent transform-attributen met een rotate-functiequote:Op zondag 23 januari 2005 19:44 schreef Swetsenegger het volgende:
Andere vraag. Bestaat er een DHTML mogelijkheid om div's te roteren?
Op google vind ik nietecht een oplossing
Dit vond ik op google inderdaad.quote:Op maandag 24 januari 2005 14:16 schreef RM-rf het volgende:
[..]
nee, dan zou je eerder met SVG (Scalable Vector Graphics, een W3C-standaard voor vector-gebaseerde afbeeldingen, in markup format) moeten werken, deze kent transform-attributen met een rotate-functie
Mozilla kent wel de mogelijkheid om zowel XHTML, MathML en SVG te combineren en door elkaar te gebruiken
maar explorer ondersteund dit niet, explorer kent wel de mogelijkheid om WML (een proprietair MS-formaat voor vectoren) of proprietaire css-filters toe te passen, die teksten laten roteren:
http://msdn.microsoft.com(...)e/filters/matrix.asp
maar een cross-browser oplossing is er niet.
quote:Op zaterdag 22 januari 2005 18:46 schreef Swetsenegger het volgende:Ander probleem, het volgende script zou 'crossbrowser' wavjes moeten laten horen bij events. In IE doet hij het, in gecko niet.
[ code verwijderd ]
Iemand een idee?
Het script dat je postte is uit de Netscape4 tijd (navigatoir.plugins['LiveAudio] en werken met New Layer()-methods, dat is allemaal document.layers troep)quote:Op maandag 24 januari 2005 15:32 schreef Swetsenegger het volgende:
Iemand nog een idee over deze? Werkt niet onder gecko
[..]
Ok, ik vond het al een lang en onduidelijk script voor zoites simpelsquote:Op maandag 24 januari 2005 15:40 schreef RM-rf het volgende:
[..]
Het script dat je postte is uit de Netscape4 tijd (navigatoir.plugins['LiveAudio] en werken met New Layer()-methods, dat is allemaal document.layers troep)
volgens mij kun je gewoonweg de explorer methode toepassen, ook voor gecko en andere browsers
Ja background sound is irritant, maar een heel zacht simpel piepje bij het aanwijzen van een knop vind ik wel toegevoegde waarde.quote:Op maandag 24 januari 2005 16:06 schreef Arjan321 het volgende:
bgsound is iets dat (gelukkig) alleen IE ondersteund.. Anders zou je iets als flash moeten gebruiken als je crossbrowser geluidjes wilt afspelen bij onmouseover..
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 | <html> <body topmargin=0 leftmargin=0> <script language="javascript"> function preview() { document.getElementById('preview').innerHTML = '<font size="' + document.getElementById('size').value + '" face="' + document.getElementById('font').value + '">Preview</font>'; } </script> <table border="0"> <tr><td>Font</td><td>Size</td><td> </td></tr> <tr><td><select id="font" name="font" size="4" onClick="preview();"> <option value="Arial">Arial</option> <option value="Helvetica">Helvetica</option> <option value="Times New Roman">Times New Roman</option> <option value="Verdana">Verdana</option></select></td> <td><select id="size" name="size" size="4" onClick="preview();"> <option value="8">8</option><option value="10">10</option> <option value="12">12</option><option value="14">14</option> <option value="18">18</option><option value="24">24</option> <option value="36">36</option></select></td> <td> </td> </tr> <tr><td colspan="3" style="height: 30px;" id="preview">Preview</td> </tr> </table> |
Waarom doe je het in godsnaam met innerHTML en een Font elementquote:Op donderdag 27 januari 2005 01:40 schreef Chandler het volgende:
Ik zit met het volgende, het het volgende scriptje probeer ik een font en grootte selecteren en weer te geven in de daarvoor bestemde 'box' met id.. nu is het probleem dat ik maar een malig de grootte van het font kan veranderen, daarna kan ik alles proberen maar krijg ik niet de juiste size er uit. Iemand die de fout ziet?
[ code verwijderd ]
ps enters ivm verneuken layout
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 | <html> <body topmargin=0 leftmargin=0> <script language="javascript"> function preview() { document.getElementById('preview').style.fontSize = document.getElementById('size').value + "pt"; } </script> <table border="0"> <tr><td>Font</td><td>Size</td><td> </td></tr> <tr><td><select id="font" name="font" size="4" onClick="preview();"> <option value="Arial">Arial</option> <option value="Helvetica">Helvetica</option> <option value="Times New Roman">Times New Roman</option> <option value="Verdana">Verdana</option></select></td> <td><select id="size" name="size" size="4" onClick="preview();"> <option value="8">8</option><option value="10">10</option> <option value="12">12</option><option value="14">14</option> <option value="18">18</option><option value="24">24</option> <option value="36">36</option></select></td> <td> </td> </tr> <tr><td colspan="3" style="height: 30px;" id="preview">Preview</td> </tr> </table> |
alle layout-opties behoren toe aan het 'style'-object:quote:Op donderdag 27 januari 2005 10:32 schreef Chandler het volgende:
ok, maar nu pas je alleen de 'fontsize' aann, ik neem aan dan je ook de font op die manier kan aanpassen?
1 2 3 4 5 | totaalArray = new Array(4) totaalArray[1] = '2,00'; totaalArray[2] = '4,45'; totaalArray[3] = '3,23'; totaalArray[4] = '6,53'; |
1 2 3 4 | var totaal = 0; for (var i = 0; i < totaalArray.length; i++) { totaal+= totaalArray[i]; } |
Je kan bijvoorbeeld zoiets doen:quote:Op vrijdag 28 januari 2005 10:25 schreef Swetsenegger het volgende:
Javascript helden, wederom een kleine vraag van mijn kant.
Ik heb een form met meerdere invulvelden en meerdere submits.
Nu wil ik bij bepaalde invoervelden de focus op een specifieke submit button krijgen.
Ik heb iets over focus() gelezen, maar hoe doe ik dit precies? Moet ik de invulvelden een ID meegeven of iets dergelijks?
misschien ter verduidelijking.
Wanneer ik een term in een bepaald veld invul, moet bij een enter niet submitknop 1 actief zijn, maar submitknop 2.
1 2 3 4 5 6 7 8 | <form> <input type="text" onchange="this.form.submit1.focus();" /> <input type="text" onchange="this.form.submit2.focus();" /> <input type="text" onchange="this.form.submit3.focus();" /> <input type="submit" name="submit1" value="Submit1" /> <input type="submit" name="submit2" value="Submit2" /> <input type="submit" name="submit3" value="Submit3" /> </form> |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |