Dat blijktquote:Op donderdag 19 mei 2005 15:29 schreef Litpho het volgende:
[..]
Dat komt omdat ie default op transparent staat volgens mijn grote CSS boek.
Tuurlijk! Voor minder doen we het niet.quote:Op donderdag 19 mei 2005 15:38 schreef Swetsenegger het volgende:
[..]
Dat blijkt
Overigens werkt deze dirty &quick zowel op IE als Moz Sop en Superembo.
Nogmaals bedankt
Als hij er uberhaupt al komt (en ik doe mijn best om dat tegen te houden) komt hij op de eigen website.quote:Op donderdag 19 mei 2005 16:27 schreef SuperRembo het volgende:
En het www is weer een ranzige banner rijker
ik ben ook niet zo'n JS held hoor, maar ik denk dat als je normaal het volgende doet:quote:Op maandag 23 mei 2005 20:28 schreef rickmans het volgende:
Ik had een vraagje over javascript en iframes:
Hoe kan ik vanuit een iframe via een onclick data toevoegen in een textarea die staat buiten het iframe.
Strikt genomen is de inhoud van een frame een apart document, dus met framenaam.document.formulier.veld moet je er zijnquote:Op maandag 23 mei 2005 22:42 schreef markiemark het volgende:
ik ben ook niet zo'n JS held hoor, maar ik denk dat als je normaal het volgende doet:
document.formulier.veld. .....
dat je dan
framenaam.formulier.veld. .... moet doen...
1 | var el = parent.document.getElementById('ElementName'); |
1 | var el = frames['IFrameName'].document.getElementById('ElementName'); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <script language="javascript" type="text/javascript"> function hide() { var stat = document.getElementById('divje'); if (stat.style.visibility == 'visible') { stat.visibility = 'hidden'; } else { stat.visibility = 'visible'; } } </script> <img src="files/images/actief.gif" onClick="javascript: return hide();"> <div id="divje"> Te verbergen divje </div> |
al opgelost...quote:Op dinsdag 24 mei 2005 16:09 schreef markiemark het volgende:
ik wil een divje dmv een klik op een plaatje laten verdwijnen mbv javascript.. ik heb nu de volgende code, maar niet die werkt niet, geeft ook geen fouten
[ code verwijderd ]
wie weet hoe het wel moet?!
hoezo? hoort dat niet? mag dat niet?quote:Op dinsdag 24 mei 2005 22:57 schreef SuperRembo het volgende:
Arrrrgh. Wil iedereen nou een op houden met 'javascript:' in onclick te zetten!
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 | <script language="javascript" type="text/javascript"> function hide(var_div) { var var_div = var_div; var stat = document.getElementById(var_div); var plaatje = document.getElementById('img_'+var_div); var spacer = document.getElementById('spa_'+var_div); if (stat.style.visibility == 'visible') { stat.style.visibility = 'hidden'; stat.style.height = '0px'; plaatje.src = 'files/images/plus.gif'; spacer.style.height = '0px'; } else { stat.style.visibility = 'visible'; stat.style.height = 'auto'; plaatje.src = 'files/images/min.gif'; spacer.style.height = '5px'; } } </script> <div class="nav_titel" onClick="javascript: return hide('nieuws');"> <img src="files/images/plus.gif" border="0" id="img_nieuws"> Nieuws </div> <div id="nieuws" class="navje"> <a href="index.php?pagina=nieuws_nieuw"; ?>" class="nav_link">Toevoegen</a><br> <a href="index.php?pagina=nieuws_beheren"; ?>" class="nav_link">Beheren</a> </div> <div class="spacer" id="spa_nieuws"></div> |
Ik kan zo gauw niet vinden dat 't niet mag. Het is iig overbodig: in onclick staat altijd scriptdata. als je op de plaats waar normaal een url staat (href) een stukje javascript wil gebruiken, dan moet je er 'javascript:' voor zetten.quote:Op woensdag 25 mei 2005 00:41 schreef markiemark het volgende:
[..]
hoezo? hoort dat niet? mag dat niet?
De status (ingeklap of uitgeklapt) van het panel moet je opslaan in een cookie. Dat kan met javascript.quote:Op woensdag 25 mei 2005 00:45 schreef markiemark het volgende:
hoe kan ik er voor zorgen dat het menu altijd zichtbaar blijft (zoals nu..) en dat de opengeklapte velden opengeklapt blijven?
ik ga me maar focussen op de eerste oplossing denk ik...quote:Op woensdag 25 mei 2005 08:48 schreef SuperRembo het volgende:
De status (ingeklap of uitgeklapt) van het panel moet je opslaan in een cookie. Dat kan met javascript.
Bij het laden van de pagina lees je de cookie weer uit en zet je de instellingen terug.
Je kan ook met php de cookie uitlezen en dan al bij het schrijven van de pagina het panel goedzetten.
GoT? daar kijk ik nooit!quote:
1 2 3 | <a href="javascript:void document.invoer.bericht.value+='$PP'"> <img src="foksmilies/tong.GIF" border="0"> </a> |
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 | <html> <head> <script> function overzet( src, dest ) { document.getElementById( dest ).options.length = 0; for( var i = 0; i < src.options.length; i++ ) { if ( i != src.selectedIndex ) { aOption = new Option(); aOption.text = src.options[i].text; document.getElementById( dest ).options.add( aOption ); } } } </script> </head> <body> <select id="box1" onchange="overzet( this, 'box2' )"> <option>A</option> <option>B</option> <option>C</option> <option>D</option> </select> <select id="box2" onchange="overzet( this, 'box3' )"></select> <select id="box3"></select> </body> </html> |
precies wat ik bedoelde!!!!quote:
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 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 | <html> <head> <script> function overzet( src, dest ) { document.getElementById( dest ).options.length = 0; for( var i = 0; i < src.options.length; i++ ) { if ( i != src.selectedIndex ) { aOption = new Option(); aOption.text = src.options[i].text; document.getElementById( dest ).options.add( aOption ); } } } </script> </head> <body> <table> <tr> <td>Monday</td> <td><select id="box1" rows="4" onchange="overzet( this, 'box2' )"> <option style="background-color: black" value="black">Black</option> <option style="background-color: maroon" value="maroon">Maroon</option> <option style="background-color: green" value="green">Green</option> <option style="background-color: olive" value="olive">Olive</option> <option style="background-color: navy" value="navy">Navy</option> <option style="background-color: purple" value="purple">Purple</option> <option style="background-color: teal" value="teal">Teal</option> <option style="background-color: gray" value="gray">Gray</option> <option style="background-color: silver" value="silver">Silver</option> <option style="background-color: red" value="red">Red</option> <option style="background-color: lime" value="lime">Lime</option> <option style="background-color: yellow" value="yellow">Yellow</option> <option style="background-color: blue" value="blue">Blue</option> <option style="background-color: fuchsia" value="fuchsia">Fuchsia</option> <option style="background-color: aqua" value="aqua">Aqua</option> <option value="white">White</option> </select> </td> </tr> <tr> <td>Tuesday</td> <td><select id="box2" rows="4" onchange="overzet( this, 'box3' )"></select></td> </tr> <tr> <td>Wednesday</td> <td><select id="box3" rows="4" onchange="overzet( this, 'box4' )"></select></td> </tr> <tr> <td>Thursday</td> <td><select id="box4" rows="4" onchange="overzet( this, 'box5' )"></select></td> </tr> <tr> <td>Friday</td> <td><select id="box5" rows="4" onchange="overzet( this, 'box6' )"></select></td> </tr> <tr> <td>Saturday</td> <td><select id="box6" rows="4" onchange="overzet( this, 'box7' )"></select></td> </tr> <tr> <td>Sunday</td> <td><select id="box7" rows="4"></select></td> </tr> </body> </html> |
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 35 36 | <HTML> <HEAD> <TITLE>OSM MasterSquad</TITLE> </HEAD> <BODY> <script language="Javascript"> <!-- var mondayimg="http://img18.echo.cx/img18/8240/mastersquadzwartcopy0ft.gif " var tuesdayimg="http://img279.echo.cx/img279/8131/plaatje3414ez.jpg" var wednesdayimg="http://img18.echo.cx/img18/8240/mastersquadzwartcopy0ft. gif" var thursdayimg="http://img273.echo.cx/img273/6012/denieuwe5ze.gif" var fridayimg="http://img276.echo.cx/img276/446/osmmastersquad46kv.jpg" var saturdayimg="http://img279.echo.cx/img279/8131/plaatje3414ez.jpg" var sundayimg="http://img276.echo.cx/img276/446/osmmastersquad46kv.jpg" var mydate=new Date() var today=mydate.getDay() if (today==1) document.write('<img src="'+mondayimg+'">') else if (today==2) document.write('<img src="'+tuesdayimg+'">') else if (today==3) document.write('<img src="'+wednesdayimg+'">') else if (today==4) document.write('<img src="'+thursdayimg+'">') else if (today==5) document.write('<img src="'+fridayimg+'">') else if (today==6) document.write('<img src="'+saturdayimg+'">') else document.write('<img src="'+sundayimg+'">') </script> </BODY> </HTML> |
Zet tussen regel 13 en 14 de volgende regel:quote:Op maandag 30 mei 2005 19:35 schreef Chandler het volgende:
maar er is eits dat nog niet geheel werktik kan de stylen niet meenemen op een of andere manier...
1 | aOption.style.cssText = src.options[i].style.cssText; |
Het script veroorzaakt dat niet direct. Ik denk dat je beveiligingssoftware aan hebt staan die jouw script als *gevaarlijk* betitelt. Kan volgens mij ook IE zijn, even naar de Internet Opties kijken.quote:Op maandag 30 mei 2005 19:54 schreef Quyxz_ het volgende:
[ code verwijderd ]
Wat is hier mis mee? Als ik het wil openen staat er dat dit mogelijk toegang tot mijn pc verschaft... Ik doe dit in kladblok en sla het op als .htm. Waarom werkt dit niet.
Wekr niet...quote:Op maandag 30 mei 2005 20:33 schreef Litpho het volgende:
[..]
Zet tussen regel 13 en 14 de volgende regel:
[ code verwijderd ]
Jij voert 'm waarschijnlijk uit als c:\test.html oid.quote:Op maandag 30 mei 2005 20:43 schreef R-Mon het volgende:
[..]
Het script veroorzaakt dat niet direct. Ik denk dat je beveiligingssoftware aan hebt staan die jouw script als *gevaarlijk* betitelt. Kan volgens mij ook IE zijn, even naar de Internet Opties kijken.
1 2 3 4 5 6 | if (checkboxIsGechecked()) { if (!confirm('Zeker weten?')) { return false; } } return true; |
Sorry ben echte JS noob. Kan iemand bij de voorbeeldje een laten zien hoe ik het toepas op een checkboxquote:
1 2 | <div id="content">foto<br />tekst</div> window.innerHeight=document.getElementById('content').height; |
Volgens de tweakerts kan het niet omdat je met getElementById().style.height alleen de waarde uit je CSS terug krijgt. Indien niet ingesteld (dus de default 'auto') krijg je geen hoogte terugquote:Op vrijdag 3 juni 2005 20:50 schreef Swetsenegger het volgende:
Goedenavond
Ik wil een pop-up automatisch schalen naar de hoogte van een element, bv een foto
Dat gaat prima met de volgende regel
window.innerHeight=document.images["foto"].height;
Leuk, maar nu wil ik een foto met een tekst eronder. Ik dacht toen het volgende:
[ code verwijderd ]
Maar de window.innerHeight wordt nu veel minder hoog dan foto en tekst bij elkaar
Hoe kan ik met javascript de hoogte van een divje met dynamische inhoud bepalen?
disclaimer, dit is uiteraard niet de daadwerkelijke volgorde van de code, maar de twee relevante regels
1 | window.innerHeight = document.getElementById('content').clientHeight; |
quote:Op vrijdag 3 juni 2005 22:01 schreef SuperRembo het volgende:
[ code verwijderd ]
(Swetsenegger = GroteNeger ?)
1 2 3 4 5 6 7 | function getWidth(el) { return el.clientWidth || el.offsetWidth; } function getHeight(el) { return el.clientHeight || el.offsetHeight; } |
dit is mijn code nu. de hoogte gaat nog steeds niet goedquote:Op vrijdag 3 juni 2005 22:10 schreef SuperRembo het volgende:
[ code verwijderd ]
Vreemd trouwens, want IE heeft ook een clientHeight property.
1 2 3 4 5 6 7 8 9 | function reSizeToImage(){ if (isIE){ width=document.images[0].width; height=document.getElementById('peinemann').clientHeight; window.resizeTo(width,height);} if (isNN){ window.innerWidth=document.getElementById('peinemann').clientWidth; window.innerHeight=document.getElementById('peinemann').clientHeight;}} |
height=document.getElementById('peinemann').offsetHeight+60;quote:Op vrijdag 3 juni 2005 22:26 schreef SuperRembo het volgende:
Voor IE moet je dus offsetHeight gebruiken in plaats van clientHeight.
Tnx, het volgende siteje heb ik er mee gemaakt (stelt weinig voor)quote:Op maandag 30 mei 2005 20:33 schreef Litpho het volgende:
[..]
Zet tussen regel 13 en 14 de volgende regel:
[ code verwijderd ]
1 2 3 4 5 6 7 8 9 10 11 12 | function buttonVis() { var button_submit = document.getElementById('bevestig_button'); var hidden_field = document.getElementById('button_value'); if (hidden_field.value == 1) { button_submit.value = 'Volgende'; hidden_field.value = 2; }else{ button_submit.value = 'Nieuw'; hidden_field.value = 1; } } |
1 2 3 | <input type="hidden" name="button_value" value="1" id="button_value"> <input type="checkbox" name="check" value="klaar" onChange="return buttonVis();"> Klaar met velden definieren.<br> <input type="submit" name="submit" value="Nieuw" id="bevestig_button"> |
1 2 3 4 5 6 | for (var i=1; i<=aantal; i++) { var veld_nr = eval( i ); var veld = document.getElementById('veld' + veld_nr); if (veld == "") { alert('Het formulier is niet volledig ingevuld'); } |
if ( veld == "" )quote:Op donderdag 30 juni 2005 17:21 schreef markiemark het volgende:
wat is hier fout aan?
[ code verwijderd ]
1 | var veld = document.getElementById("veld" + i); |
Wat evalueert die eerste regel? Kan je niet gewoon i aan veldnr toekennen?quote:Op donderdag 30 juni 2005 17:26 schreef markiemark het volgende:
het gaat voornamelijk over het volgende
[ code verwijderd ]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | function checkEmpty(aantal) { var aantal = aantal; for (var i=1; i<=aantal; i++) { var veld = document.getElementById('veld' + i); if (veld.value == "") { alert('Het formulier is niet volledig ingevuld'); veld.focus(); return false } } } |
1 | var aantal = aantal; |
Volgens mij denkt hij dat hij de variabele uit de functie eerst nog eens moet toewijzen.quote:Op donderdag 30 juni 2005 18:39 schreef SuperRembo het volgende:
Wat denk je heir mee te bereiken?
[ code verwijderd ]
jaaahh je gaat hele gekke dingen doen als je niet weet waar de fout zit!!quote:Op donderdag 30 juni 2005 18:49 schreef pc-fr34k het volgende:
[..]
Volgens mij denkt hij dat hij de variabele uit de functie eerst nog eens moet toewijzen..
Bedoel je met juiste pagina dat het juiste item geselecteerd moet zijn, of wil je aan de verschillende items in de select een pagina hangen waar bij selectie naar toe gesprongen wordt?quote:Op donderdag 28 juli 2005 14:32 schreef Swetsenegger het volgende:
Korte vraag, waar waarschijnlijk geen kort antwoord op is.
Hoe kan ik er met javascript voor zorgen dat ik met een pull down selectbox, direct naar de juiste pagina van de selectie spring, zonder een submit van een form?
gewoon een onChange in de select optie Swetsquote:Op donderdag 28 juli 2005 14:32 schreef Swetsenegger het volgende:
Korte vraag, waar waarschijnlijk geen kort antwoord op is.
Hoe kan ik er met javascript voor zorgen dat ik met een pull down selectbox, direct naar de juiste pagina van de selectie spring, zonder een submit van een form?
Het laatstequote:Op donderdag 28 juli 2005 14:35 schreef Litpho het volgende:
[..]
Bedoel je met juiste pagina dat het juiste item geselecteerd moet zijn, of wil je aan de verschillende items in de select een pagina hangen waar bij selectie naar toe gesprongen wordt?
Heel goed Swets. Zie je wel dat er een kort antwoord voor wasquote:Op donderdag 28 juli 2005 14:37 schreef Swetsenegger het volgende:
[..]
gewoon een onChange in de select optie Swets
quote:Op donderdag 28 juli 2005 14:39 schreef Litpho het volgende:
[..]
Heel goed Swets. Zie je wel dat er een kort antwoord voor was.
1 2 3 | var vervaldatum = new Date();vervaldatum.setTime(vervaldatum.getTime() + 1000 * 60 * 60 * 24 * 365); var setlang = 'uk'; document.cookie = setlang + ";expires=" + vervaldatum; |
ben niet bekend met JS+cookies maar moet document,cookie niet document.cookie zijn???quote:Op vrijdag 29 juli 2005 11:57 schreef Swetsenegger het volgende:
[ code verwijderd ]
Waarom expired mijn cookie als ik de browser sluit?
quote:Op vrijdag 29 juli 2005 15:16 schreef Swetsenegger het volgende:
ja copy paste foutje het is een punt en geen komma
Cookie werkt opzich prima, alleen de expiration niet.
-edit- WOW, het is niet eens een copy-paste fout, het is een Fok bug.
code maakt van de punt direkt een komma
-edit- tenminste bij document,cookie
document.write gaat prima
Ja, ik doe dus wat daar staat.quote:Op vrijdag 29 juli 2005 16:50 schreef mschol het volgende:
[..]
hje hebt vast al op internet gezocht maar hier heb ik wat gevonden met voorbeelden enzo...
Ja, of mijn datum berekening moet niet kloppen (mijn javascript is nog niet zo sterk)quote:
1 | var vervaldatum = new Date();vervaldatum.setTime(vervaldatum.getTime() + 1000 * 60 * 60 * 24 * 365); |
quote:Op vrijdag 29 juli 2005 17:19 schreef Swetsenegger het volgende:
[..]
Ja, of mijn datum berekening moet niet kloppen (mijn javascript is nog niet zo sterk)
[ code verwijderd ]
1 | + ";expires=" + vervaldatum.toGMTString(); |
IK kan het maandag pas proberen (zakelijk scriptje)quote:Op vrijdag 29 juli 2005 18:24 schreef SuperRembo het volgende:
Maak er eens dit van:
[ code verwijderd ]
Aha. Waar kan ik de factuur heen sturen?quote:Op vrijdag 29 juli 2005 19:06 schreef Swetsenegger het volgende:
[..]
IK kan het maandag pas proberen (zakelijk scriptje)
Je kan aan Danny vragen of hij een leuk tagje achter je naam hangtquote:Op vrijdag 29 juli 2005 19:13 schreef SuperRembo het volgende:
[..]
Aha. Waar kan ik de factuur heen sturen?![]()
Ik ga zo dit script gebruiken, maar hoe komt hij aan de ID=listbox1?quote:Op zondag 8 mei 2005 14:17 schreef Litpho het volgende:
[..]
Dat kan (met drie keer een andere functienaam). Wat je ook kan doen is:
[ code verwijderd ]
en vervolgens je selectboxes als
[ code verwijderd ]
uitschrijven.
-edit- Wat SuperRembo zegt dus-edit-
Ik begrijp er niets van, m'n cookie expired binnen een dag, maar dit is toch echt een jaar toch?quote:Op vrijdag 29 juli 2005 18:24 schreef SuperRembo het volgende:
Maak er eens dit van:
[ code verwijderd ]
1 | var vervaldatum = new Date();vervaldatum.setTime(vervaldatum.getTime() + 1000 * 60 * 60 * 24 * 365); |
1 2 | var vervaldatum = new Date(); vervaldatum.setFullYear(vervaldatum.getFullYear() + 1); |
Jaquote:Op dinsdag 2 augustus 2005 11:58 schreef SuperRembo het volgende:
Is dat met .toGMTString() ?
Een taalkeuze (de,dk,es,fr,it,nl,pt,se of uk)quote:En wat staat er in je cookie?
Kan ik ook even proberenquote:Een jaar er bij optellen kan je ook zo doen:
[ code verwijderd ]
Kan iemand me dit duidelijker uitleggen. Ik snap er weinig van.quote:Op zondag 8 mei 2005 14:17 schreef Litpho het volgende:
[..]
Dat kan (met drie keer een andere functienaam). Wat je ook kan doen is:
[ code verwijderd ]
en vervolgens je selectboxes als
[ code verwijderd ]
uitschrijven.
-edit- Wat SuperRembo zegt dus-edit-
1 2 3 4 5 6 7 | function selectAll( uid ) { var el = document.getElementById(uid); if (!el) return; for(i=0; i < el.options.length; i++) { el.options[i].selected = true; } } |
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 35 36 37 38 39 40 | <script type="text/javascript" language="javascript"> var jar = new Array() // verander hieronder de datum en de namen van de jarigen Gebruik geen extra nullen. Dus niet: 05-09 maar gewoon 5-9 // je kunt er zoveel toevoegen als je wilt jar ['3-1'] = new Array("gebeurtenis1"); jar ['4-2'] = new Array("gebeurtenis2"); jar ['5-3'] = new Array("gebeurtenis3"); jar ['22-8'] = new Array("gebeurtenis4"); jar ['23-8'] = new Array("gebeurtenis5"); jar ['10-10'] = new Array("gebeurtenis6"); jar ['12-11'] = new Array("gebeurtenis7"); // verander hieronder niets meer var datum = new Date() var dag = datum.getDate() var maand = datum.getMonth() + 1 var alles = dag + '-' + maand // verander hieronder de tekst die weergegeven moet worden document.write('Deze week, ' + dag + '-' + maand + ', op het programma : ') if(jar[alles]) { i=0 do { document.write(jar[alles][i] + '<br>') i++ } while(i!=jar[alles].length) } else { document.write('helaas.. vandaag geen taart.') } </script> |
1 2 3 4 5 6 7 8 9 10 11 | function FCKeditor_OnComplete( editorInstance ) { var oCombo = document.getElementById( 'cmbToolbars' ) ; oCombo.value = editorInstance.ToolbarSet.Name ; oCombo.style.visibility = '' ; } function ChangeToolbar( toolbarName ) { window.location.href = window.location.pathname + \"?do=news&action=add&Toolbar=\" + toolbarName ; } |
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 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 | <script type="text/javascript"> Date.prototype.getDiff = function(date, interval){ if (typeof date == "string"){ date = new Date(date); } if (isNaN(date) || !(date instanceof Date)){ return NaN; //invalid date passed } if (typeof interval == "undefined") interval = "ms"; //msec (default) var diff = this - date; //alert(this+' - '+date+" = "+diff)//diff in msec switch(interval.toLowerCase()){ case "s": //sec diff = diff/1000; break; case "n": //min diff = diff/(1000*60); break; case "h": //hr diff = diff/(1000*60*60); break; case "d": //day diff = diff/(1000*60*60*24); break; case "m": //month diff = diff/(1000*60*60*24*30); break; case "y": //year diff = diff/(1000*60*60*24*365); break; default: ; //msec } return Math.floor(diff); } var arrBday = [ ['geb1','8/27/2005'], ['geb2','8/27/2005'], ['geb3','8/28/2005'], ['geb4','8/28/2005'], ['geb5','8/30/2005'], ['geb6','9/10/2005'] ]; function getBdayList(numDays){ var bday,temp,idx,diff; var today = new Date(); var bdayList = new Array(); for (var i=0;i<arrBday.length;i++){ bday = new Date(arrBday[i][1]); if (isNaN(bday)) continue; temp = new Date(today.getFullYear(), bday.getMonth(), bday.getDate(), 23, 59, 59, 999); diff = temp.getDiff(today, "d"); if (diff >= 0 && diff <= numDays){ idx = bdayList.length; bdayList[idx] = new Object(); bdayList[idx].name = arrBday[i][0]; bdayList[idx].bday = arrBday[i][1]; } } return bdayList; } function displayBdayList(){ var bdayList = getBdayList(7); var len = bdayList.length; var s = ""; if (len>0){ for (var i=0; i<len; i++){ if (s != ""){ s += " " + bdayList[i].bday + " - " + bdayList[i].name + " <br />" } else{ s = bdayList[i].bday + " - " + bdayList[i].name + " <br />" } } } else{ s = "geen activiteiten."; } document.write(s); } </script> </head> <body> <h1>Agenda</h1> <script type="text/javascript"> displayBdayList(); </script> |
1 2 3 4 5 6 7 | input.text { background-color: #eef; border: 1px solid #339; } input.error { border: 1px solid #f33; } |
1 2 3 4 5 6 | <form id="myForm"> <input id="txtName" class="text" type="text" value=""> <input id="txtDate" class="text" type="text" value=""> <input type="button" onclick="addError('txtDate');return false;" value="Add error"> <input type="button" onclick="removeErrors('myForm');return false;" value="Remove error"> </form> |
1 2 3 4 5 6 7 8 9 10 11 12 13 | function addError(id) { var el = document.getElementById(id); el.className += ' error'; } function removeErrors(parentId) { var parent = document.getElementById(parentId); if (!parent) return; var children = parent.getElementsByTagName('*'); var i = children.length; while (i--) { children[i].className = children[i].className.replace(/\berror\b/gi, ''); } } |
Het probleem is niet het zetten van de kleur, maar het resetten naar de default value:quote:Op zondag 28 augustus 2005 15:18 schreef pc-fr34k het volgende:
Of je hebt 2 css classes, de een bijvoorbeeld de neutrale kleur border en de andere bv rood voor fout. Je stelt alle input velden in op de neutrale kleur(Kan met een loopje of als het er niet veel zijn gewoon hardcoded) en je stelt de class van degene die niet valideerd in op de class met een rode border..
1 2 3 4 5 6 7 8 9 10 11 12 | function validate(form) { form.name.className="input"; if (form.name.value=='') { alert('U heeft geen naam ingevuld'); form.name.className='input_error'; form.name.focus(); return false; } return true; } |
Ja, die is erquote:Op zaterdag 27 augustus 2005 12:27 schreef Nevermind het volgende:
Heb je een element dat het id 'cmdToolbars' heeft?
Je kan overigens beter de javascriptconsole van firefox gebruiken. En foutopsporing uitschakelen in IE, want dat is erg irritant.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |