1 2 3 4 5 | <img src="../images/yes.gif" height="10px" width="10px" /> Geldige coupon!<br /> <span style="color:black;cursor:pointer;cursor:hand;text-decoration:underline" onclick="window.open('http://www.domein.nl/pagina.php','Overzicht winkelwagentje','width=650,height=125,left=200,top=0,scrollbars=no');"> Bekijk</span> uw bijgewerkte winkelwagentje.</td> |
'Overzicht winkelwagentje' moet aan elkaar (het is geen titel die getoond wordt, allleen een naam om het venster later aan te kunnen spreken via JS)quote:Op zaterdag 6 december 2008 21:46 schreef Swetsenegger het volgende:
Ik heb het opgelost. onpaste werkt wel, maar direct als je op 'paste' drukt. En dan staat simpelweg de waarde die je wil pasten nog niet in je input veld. Dus een settimeout lostte het probleem op.
Ander probleem. IE7 geeft een JS error zodra ik op 'bekijk' klik en ik heb geen idee waarom...
[ code verwijderd ]
De foutmelding is 'invalid argument' char 1 op deze regel...
Ik heb nu voor de leesbaarheid even linebreaks toegevoegd. in de source staat het op 1 regel. IN safari en ff op OSX en chrome windows opent de pop-up window prima.
quote:Op zondag 7 december 2008 00:49 schreef mschol het volgende:
[..]
'Overzicht winkelwagentje' moet aan elkaar (het is geen titel die getoond wordt, allleen een naam om het venster later aan te kunnen spreken via JS)
1 2 3 4 5 6 7 | <input type="text" name="titel[2]" tabindex="2" value="tekst hier"> <input type="checkbox" name="check[2]" value="2" tabindex="101"><br /> <input type="text" name="titel[3]" tabindex="3" value="weer iets anders"> <input type="checkbox" name="check[3]" value="3" tabindex="102"><br /> <input type="text" name="titel[4]" tabindex="4" value="hold on"> <input type="checkbox" name="check[4]" value="4" tabindex="103"><br /> |
1 2 3 4 5 6 7 8 9 10 11 12 | imgTitleArr = new Array(); function imgTitle(id) { if (!imgTitleArr[id]) { imgTitleArr[id] = document.getElementById('img_' + id).value; } document.getElementById('check_' + (id+999)).checked = ((imgTitleArr[id] != document.getElementById('img_' + id).value) ? true : false); } </script> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <div class="box"><img src="thumbnail/2008/12/09/1-1228817838-706146240.jpg" alt="image" /></div> <span>Titel</span> <input type="text" onKeyUp="imgTitle(0);" id="img_0" name="img_tit[1]" tabindex="99" value="" /><br /> <span>Map </span> Hoofdmap<br /> <span>Views</span> 5 <br /><br /> <span>Opties</span> <input type="checkbox" id="check_999" tabindex="999" style="width: 20px; margin-right: 2px; float: left;" name="check[1]" /> <a href="/image/1.html"><img src="/images/icon_view.gif" alt="Bekijk" /></a> <a href="/photoedit.html?id=1"><img src="/images/icon_edit.gif" alt="Bewerk" /></a> <br /> </div> <div> <div class="box"><img src="thumbnail/2008/12/09/1-1228817838-674804687.jpg" alt="image" /></div> <span>Titel</span> <input type="text" onKeyUp="imgTitle(1);" id="img_1" name="img_tit[2]" tabindex="100" value="" /><br /> <span>Map </span> Hoofdmap<br /> <span>Views</span> 0 <br /><br /> <span>Opties</span> <input type="checkbox" id="check_1000" tabindex="1000" style="width: 20px; margin-right: 2px; float: left;" name="check[2]" /> <a href="/image/2.html"><img src="/images/icon_view.gif" alt="Bekijk" /></a> <a href="/photoedit.html?id=2"><img src="/images/icon_edit.gif" alt="Bewerk" /></a> <br /> </div> |
1 2 3 4 5 6 7 | var month = 11; var d = 1; var date = new Date(year, month - 1, d);// een Date object var day = date.getDay();// dag van vandaag, 0=zondag, 1=maandag var dayNames = ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za']; alert(dayNames[day]);// geeft de naam van de datum |
quote:Op donderdag 11 december 2008 @ 13:53 schreef Scorpie het volgende:
Ik heb een textfield waarop ik events capture. Control+v (pasten) werkt, die kan ik opvangen. Maar rechtermuis knop in het textfield en dan paste werkt niet. Iemand een idee hoe ik dit event capture?
quote:Op zaterdag 6 december 2008 @ 21:46 schreef Swetsenegger het volgende:
Ik heb het opgelost. onpaste werkt wel, maar direct als je op 'paste' drukt. En dan staat simpelweg de waarde die je wil pasten nog niet in je input veld. Dus een settimeout lostte het probleem op.
quote:Op donderdag 11 december 2008 13:57 schreef mcDavid het volgende:
[..]! stop er maar mee, swets is je voor op deze opdracht!
[..]
Ja, zo kan het natuurlijk ook.quote:Op donderdag 11 december 2008 10:40 schreef SuperRembo het volgende:
[ code verwijderd ]
Maar waarom zou je het jaartal in tweeën willen hakken?
vraag 1: variable_1=jaartal.slice(0,2); variable_2=jaartal.slice(2,4)quote:Op donderdag 11 december 2008 @ 17:38 schreef SunBoom het volgende:
[..]
Ja, zo kan het natuurlijk ook.
Maar ik ben beginner met JS en moet opdrachten maken voor studie. Ik heb dus een pseudocode gekregen en moet die omzetten in JS.
Met PSD's jeweetwel een Nassi Scheinderman Diagram(lol wie gebruikt die nog, onze school wel
) is het supersimpel eigenlijk en weet ik het zo te doen, maar met JS dus helaas niet.
Laat ik mijn vraag even anders formuleren dan:
a. Ik heb dus 1 variabele te weten een jaartal van 4 cijfers.
b. Met een of andere command/code moet hij dit getal in tweeën hakken.
c. Vervolgens moet hij hiervan 2 variabelen maken.
Dus:
a. invoer bijv. 2008
b. wil ik nu juist weten, zodat je 20 en 08 krijgt.
c. dat zal lukken als ik b weet, zodat variabele 1=20 en variabele 2=08
Hoop echt dat iemand me kan helpen.
En nog een kort beginners vraagje:
Waarom zetten mensen soms var voor een variabele? Dat is toch eigenlijk niet nodig? Of is dit weer voor oudere browsers
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | { star = ''; for (x = 1; x < 6; x++) { if (vote != -1) { s = (x <= vote) ? '_yellow' : '_gray'; } else { s = (x < num) ? '_yellow' : '_gray'; } star += '<a href="/rate.php?id=' + id + '&vote=' + x + '" TITLE="Stem ' + x + ' sterren"><img onmouseover="stars(' + num + ',' + id + ',' + x + ');" onmouseout="stars(' + num + ',' + id + ',-1);" src="/images/star' + s + '.gif" ALT="Stem ster ' + x + '" /></a>'; } document.getElementById('votediv').innerHTML = star; } |
1 2 | <script type="text/javascript">stars(4, 1, -1);</script> |
Welke error krijg je? Zeldzaam ranzige JS overigens, om zo met die HTML string te kloten. DOM-scripting en event listeners anyone?quote:Op vrijdag 12 december 2008 18:33 schreef Chandler het volgende:
Doe ik iets fout? of zit Internet Explorer weer te ouhoeren?
Ik krijg totaal geen errors, in IE niet maar ook in FF geen errors. En het zal ongetwijfeld ranzig zijnquote:Op zaterdag 13 december 2008 14:32 schreef Roy_T het volgende:
Welke error krijg je? Zeldzaam ranzige JS overigens, om zo met die HTML string te kloten. DOM-scripting en event listeners anyone?
Gewoon een random hit @ Googlequote:Op zondag 14 december 2008 12:57 schreef Relin het volgende:
Hey,
Ik heb een verzoekje/vraagje. Ik ben bezig een site in elkaar te knutselen in dreamweaver (neej, ben niet al te handig, kom niet verder dan iets simpels...) en wil graag zo'n random image. Dat wanneer je refresht je een nieuwe image te zien krijgt.
Die zou dan in de header moeten komen te staan. Heb gisteren de hele dag gezocht op internet, ook wat scripts gevonden, maar wat ik ook deed, ik kreeg geen foto te zien. Nu ben ik op het gebied van Javascript een complete leek, dus ik zal wel iets heel simpels fout doen, maar ik weet niet wat![]()
Ik heb 10 plaatjes geselecteerd. Allen zijn 1288x300. En ik zou die dus graag random als header gebruiken...
Heeft iemand een simpele code die ik kan toepassen?
Alvast ontzettend bedankt!
Is het wat gelukt met het script dat SunBoom heeft gevonden? En zo niet, wat heb je dan aan code? Overigens zou ik het met php doen, maar javascript is natuurlijk ook een optie.quote:Op zondag 14 december 2008 22:49 schreef Relin het volgende:
FYI, ik ben bekend met Google, had je kunnen lezen, maar niet met Javascript. Vandaar dus ook mijn vraag hier, want ik heb verschillende scripts uitgeprobeerd, maar schijnbaar werkt het niet...
One ondersteunt dat.quote:Op maandag 15 december 2008 16:34 schreef Relin het volgende:
Nee, is niet gelukt. Krijg links bovenin een kruisje... Of moet ik eerst de foto's uploaden via FTP (nieuwe pagina staat nog niet online nl. Bekijk hem steeds offline) Sorry als het een domme vraag is![]()
En ik weet dat 1288 groot is, maar ik wilde de header over de hele breedte van de pagina en ik gebruik zelf 1280x1024
Voor PHP moet je site dat toch ondersteunen ofzo? Ik weet niet of de mijne dat doet. Die wordt door One gehost. Is PHP eenvoudiger dan?
in dat geval is 1288 weer erg smal, zat mensen browsen breder.quote:Op maandag 15 december 2008 @ 16:34 schreef Relin het volgende:
Nee, is niet gelukt. Krijg links bovenin een kruisje... Of moet ik eerst de foto's uploaden via FTP (nieuwe pagina staat nog niet online nl. Bekijk hem steeds offline) Sorry als het een domme vraag is![]()
En ik weet dat 1288 groot is, maar ik wilde de header over de hele breedte van de pagina en ik gebruik zelf 1280x1024
Voor PHP moet je site dat toch ondersteunen ofzo? Ik weet niet of de mijne dat doet. Die wordt door One gehost. Is PHP eenvoudiger dan?
Neem eerst even een cursus HTML.quote:Op maandag 15 december 2008 16:34 schreef Relin het volgende:
Nee, is niet gelukt. Krijg links bovenin een kruisje...
Op een scherm met een resolutie van 1280? Daar zie ik nog niet zoveel mensen browsen op 1288quote:Op maandag 15 december 2008 17:22 schreef mcDavid het volgende:
[..]
in dat geval is 1288 weer erg smal, zat mensen browsen breder.
quote:Op maandag 15 december 2008 18:37 schreef Light het volgende:
[..]
Op een scherm met een resolutie van 1280? Daar zie ik nog niet zoveel mensen browsen op 1288
Euh, je bent nogal vaag... de gebruiker krijgt een pagina met een selectbox, en afhankelijk van zijn keuze moet een tweede selectbox geladen worden vanuit een database?quote:Op zaterdag 20 december 2008 @ 17:20 schreef ludeau het volgende:
Vraagje:
Ik heb in de database een aantal categorieën & subcategorieën staan. Bij het aanmaken van een object kan men eerst de categorie selecteren. Hierna wil ik dat in een tweede selectbox de subcategorieën die bij die categorie horen, komen.
Nu heb ik een tijdje lopen googelen maar niet echt het antwoord kunnen vinden (zo moeilijk moet het toch niet zijn?)
Iemand hier een ideetje?
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 85 86 87 88 89 90 91 92 93 94 95 96 | info=[ [''], ['De keet is gesloten tot er een nieuwe plek gevonden is.'], ['Wij zijn van 2 tot en met 5 januari naar Center Parcs.'], ['Wist u dat...de Flits is verkozen tot de grootste kankerlijer van Hokje 10?'], ['Wist u dat...Bert de Boer verkozen is tot lekkerste jongen van Hokje 10?'] ] step=1 nextMessage=1 function initTSV1(){ tsvDisplay=document.getElementById("tsvcont") for(var i=0;i<2;i++){ newDiv=document.createElement("DIV") newDiv.setAttribute("id","tsvdiv"+i) newDiv.onmouseover=function(){clearTimeout(timer)} newDiv.onmouseout=function(){scrollTSV1()} newDiv.style.position="absolute" newDiv.style.padding="0 5 10 5" // top right bottom left tsvDisplay.appendChild(newDiv) } tsvDv0=document.getElementById("tsvdiv0") tsvDv1=document.getElementById("tsvdiv1") tsvDv0.innerHTML=info[0] tsvDv1.innerHTML=info[1] tsvDv0.style.top=tsvDisplay.offsetHeight tsvDv1.style.top=tsvDisplay.offsetHeight+tsvDv0.offsetHeight+"px" scrollTSV1() } function scrollTSV1(){ tsvDv0Pos=parseInt(tsvDv0.style.top) tsvDv1Pos=parseInt(tsvDv1.style.top) tsvDv0Pos-=step tsvDv1Pos-=step tsvDv0.style.top=tsvDv0Pos+"px" tsvDv1.style.top=tsvDv1Pos+"px" if(tsvDv0Pos< -tsvDv0.offsetHeight){ nextMessage++ if(nextMessage==info.length){nextMessage=0} tsvDv0.innerHTML=info[nextMessage] if(tsvDv1.offsetHeight<tsvDisplay.offsetHeight){ if(tsvDv1.offsetTop<tsvDisplay.offsetHeight-tsvDv1.offsetHeight){ tsvDv0.style.top=tsvDisplay.offsetHeight+"px" } else{ tsvDv0.style.top=tsvDv1.offsetTop+tsvDv1.offsetHeight+"px" } } else{ tsvDv0.style.top=tsvDv1.offsetTop+tsvDv1.offsetHeight+"px" } } if(tsvDv1Pos< -tsvDv1.offsetHeight){ nextMessage++ if(nextMessage==info.length){nextMessage=0} tsvDv1.innerHTML=info[nextMessage] if(tsvDv0.offsetHeight<tsvDisplay.offsetHeight){ if(tsvDv0.offsetTop<tsvDisplay.offsetHeight-tsvDv0.offsetHeight){ tsvDv1.style.top=tsvDisplay.offsetHeight+"px" } else{ tsvDv1.style.top=tsvDv0.offsetTop+tsvDv0.offsetHeight+"px" } } else{ tsvDv1.style.top= tsvDv0.offsetTop+tsvDv0.offsetHeight+"px" } } timer=setTimeout("scrollTSV1()",50) } // add onload="initTSV1()" to the opening BODY tag </script> |
Ik durf te wedden dat die errors geen van allen door je JavaScript komen, maar door fouten in je HTML. Wat is de output van de validator precies?quote:Op woensdag 31 december 2008 13:01 schreef hello_moto1992 het volgende:
Ik heb graag mijn website Valid. Nu heb ik er het volgende script in geplaatst:
Deze benader in via de functie include van PHP. Nu zegt de validator dat hij niet valid is vanwege 28 errors en 3 waarschuwingen. Maar ik heb eigenlijk geen verstand van javascript. Wat moet ik doen om bovenstaande tekst valid te maken?
De W3C HTMLquote:Op woensdag 31 december 2008 14:19 schreef mcDavid het volgende:
javascript validator?
Watvoor programma/debugger gebruik je daar voor dan?
En met de meldingen die je krijgt, kun je de fouten niet oplossen?quote:Op woensdag 31 december 2008 14:48 schreef hello_moto1992 het volgende:
[..]
De W3C HTML. Die kijkt toch ook naar Javascript? Want anders zou-ie wel meer fouten geven.
En als ik
<script type="text/javascript" src="external.js"></script>
Doe dan werkt het niet
Nou zonder de JS is het anders gewoon valid hoorquote:Op woensdag 31 december 2008 14:47 schreef Roy_T het volgende:
[..]
Ik durf te wedden dat die errors geen van allen door je JavaScript komen, maar door fouten in je HTML. Wat is de output van de validator precies?
ja grapjas hij valideert Javascript als HTML, vind je het gek dat je errors krijgt..quote:Op woensdag 31 december 2008 @ 14:48 schreef hello_moto1992 het volgende:
[..]
De W3C HTML. Die kijkt toch ook naar Javascript? Want anders zou-ie wel meer fouten geven.
En als ik
<script type="text/javascript" src="external.js"></script>
Doe dan werkt het niet
Niet eens. Ik heb net gekeken met de W3C validator, en die levert maar 1 fout op. Er staat namelijk twee keer een <body> in de html, 1 keer voor de javascript en 1 keer erna.quote:Op woensdag 31 december 2008 14:53 schreef RenRen- het volgende:
[..]
ja grapjas hij valideert Javascript als HTML, vind je het gek dat je errors krijgt..
Mocht je het geil vinden om die validator groen te krijgen zet je html-comments in je script, dus <script> <!-- //scriptcode --> </script>
-edit-
mcD hier.
Ja klopt. Ik heb die onload maar in de body tag aan de bovenkant gezet. Dat werkt ookquote:Op woensdag 31 december 2008 15:03 schreef Light het volgende:
[..]
Niet eens. Ik heb net gekeken met de W3C validator, en die levert maar 1 fout op. Er staat namelijk twee keer een <body> in de html, 1 keer voor de javascript en 1 keer erna.
1 2 3 4 5 | <img src="images/go2.gif" name="Winkelwagen" alt="Ga naar winkelwagen" border="0" align="right"></a> <input name="zoeken" type="text" id="zoeken" value="zoekwoord..." size="14" onFocus="if(this.value=='zoekwoord...')this.value='';" onBlur="if(this.value=='')this.value='zoekwoord...';" /> |
eventkey en eventcode opzoeken op internetquote:Op donderdag 8 januari 2009 13:20 schreef donroyco het volgende:
Hoe kan ik een search box de eigenschap meegeven dat bij een hit op enter ook gezocht wordt, het is wel een fake-searchbox, die alleen maar linkt naar een volgende pagina. De code die ik gebruik is dit:
[ code verwijderd ]
Kan iemand mij helpen?
Dank je wel voor het snelle antwoordquote:Op donderdag 8 januari 2009 13:24 schreef Scorpie het volgende:
[..]
eventkey en eventcode opzoeken op internet
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!-- function submitenter(e) { var keycode; if (window.event) keycode = window.event.keyCode; else if (e) keycode = e.which; if (keycode == 13) { // Doe je ding } } //--> </SCRIPT> |
1 |
Hij pakt de URL nog nietquote:Op donderdag 8 januari 2009 13:57 schreef HuHu het volgende:
[ code verwijderd ]
En je input ding wordt dan:
[ code verwijderd ]
Hij moet als je op enter drukt naar de pagina 'pieterbecks.html' gaan..quote:
quote:Op donderdag 8 januari 2009 14:18 schreef donroyco het volgende:
[..]
Hij moet als je op enter drukt naar de pagina 'pieterbecks.html' gaan..
1 |
Hij pakt 'm nog nietquote:Op donderdag 8 januari 2009 14:20 schreef HuHu het volgende:
[..]
[ code verwijderd ]
Dat bij "doe je ding" neerzetten?
1 2 3 | <input type="text" ... /> <input type="image" onclick="this.parent.submit" /> |
Thanksquote:Op donderdag 8 januari 2009 14:26 schreef HuHu het volgende:
Je hebt zelfs het input type "image", zodat je een plaatje als button kunt gebruiken. Dan doe je dus:
[ code verwijderd ]
Zoiets. En als je dan op enter drukt in het text-field submit 'ie hem ook vanzelf.
quote:
1 2 3 4 5 6 7 8 9 10 11 | sel = document.frm.select1.selectedIndex; if(sel){ document.frm.select2.remove(sel); //document.frm.select2.selectedIndex =0; }else{ document.frm.select2.options[sel] = new Option('???wat te doen????',2); } } |
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 | <head> <title>Javascript</title> <link rel="stylesheet" href="style.css" type="text/css"> <script type="text/javascript"> // setup the main array var setArray = Array("Boek1", "Boek2", "Boek3", "Boek4", "Boek5","Boek6"); // insert the array into the DIV smalltest object function insertArray() { var theText = ""; // set the theText output to an empty string otherwise it would start with null. for (var i=0; i < setArray.length; i++) { // create the array of text to insert theText += setArray[i]; theText += "\n"; // voor de regel tussen de array records } // create the createTextNode var insertText = document.createTextNode(theText); document.getElementById("assortiment").appendChild(insertText); } </script> </head> <body> <div class="loginbalk"> <div class="divcenter"> <div class="loginkolom"> <img src="images/stip.gif" border="0" height="5" width="266"> <span class="blauw">ASSOR</span><span class="zwart">TIMENT</span> <img src="images/stip.gif" border="0" height="5" width="266"> <div class="tekstzwart" id="assortiment"> </div> </div> </div> <input type="submit" value="Bekijk alle boeken" onClick="javascript:insertArray()" /> </div> </body></html> |
Zoiets idd. <input type="image" ... /> is een variant van <input type="submit" ... /> en je hebt dus geen onclick="" nodig.quote:Op donderdag 8 januari 2009 14:26 schreef HuHu het volgende:
Je hebt zelfs het input type "image", zodat je een plaatje als button kunt gebruiken. Dan doe je dus:
[ code verwijderd ]
Zoiets. En als je dan op enter drukt in het text-field submit 'ie hem ook vanzelf.
Hij zet er wel newlines tussen (\n), maar daar doet je browser niks mee in de weergave. <br /> daarentegen...quote:Op woensdag 14 januari 2009 17:17 schreef Apfel. het volgende:
Ik heb een array in javascript. De output hiervan wil ik in een div laten uitkomen. Echter plaatst hij de gehele array achter elkaar erin.
Hij plaatst t als volgt:
boek1boek2boek3 etc
Terwijl ik wil dat het zo komt te staan:
boek1
boek2
boek3
etc
<br /> heb ik ook al geprobeerd. Dan geeft ie gewoon boek1 < br/> boek2 < br/> boek3 < br/> weerquote:Op donderdag 15 januari 2009 14:53 schreef Roy_T het volgende:
[..]
Hij zet er wel newlines tussen (\n), maar daar doet je browser niks mee in de weergave. <br /> daarentegen...
Komt denk ik door dat je createTextNode gebruikt ipv createElement. < en > worden geconverteert naar de html entity's.quote:Op donderdag 15 januari 2009 @ 18:27 schreef Apfel. het volgende:
[..]
<br /> heb ik ook al geprobeerd. Dan geeft ie gewoon boek1 < br/> boek2 < br/> boek3 < br/> weer
1 2 3 | insertText.innerHTML = theText; document.getElementById("assortiment").appendChild(insertText); |
1 |
Ah... ik was even vergeten dat image hetzelfde is als submit.quote:Op woensdag 14 januari 2009 18:33 schreef Light het volgende:
[..]
Zoiets idd. <input type="image" ... /> is een variant van <input type="submit" ... /> en je hebt dus geen onclick="" nodig.
Van de JS libraries vind ik dat persoonlijk de prettigste en cleanste. Welke heeft jouw voorkeur?quote:Op dinsdag 20 januari 2009 18:10 schreef SuperRembo het volgende:
He bah geen jQuery alsjeblieft.
jQuery helpt normale javascript code om zeep en dringt enorm z'n eigen stijl op. Prototypejs heeft dat iets minder, maar daarmee kan je ook geen normale for(.. in ..) loopjes meer maken. Ik heb prototypejs + scriptaculous voor m'n toen/nu site gebruikt, maar voor de volgende versie ben ik wel op zoek naar een nieuwe library. Misschien wordt het YUI.quote:Op dinsdag 20 januari 2009 18:51 schreef Roy_T het volgende:
[..]
Van de JS libraries vind ik dat persoonlijk de prettigste en cleanste. Welke heeft jouw voorkeur?
Als ik Chandler was zou ik iig een library gebruiken, en niet zelf het wiel opnieuw uitvinden.
Daar is juist een library voor: het minder zelf hoeven scripten.quote:Op dinsdag 20 januari 2009 20:17 schreef Chandler het volgende:
Ik ben idd lekker duidelijkmaar dat weten de meeste al.
Ik wil gewoon variabelen uitspugen met mijn php scripting en kunnen gebruiken in javascripting.
daarvoor zou JSON idd erg handig zijn, maar moet ik dan gebruik maken van een externe library? wil liever gewoon de array van php naar js porten zonder al te veel extra scripting
De loopjes met .each() vind juist ik de meest waardeloze feature van jQuery/prototypejs. Zeker met dat gepruts om er toch nog functionaliteit foor break of continue in te bouwenquote:Op dinsdag 20 januari 2009 19:56 schreef Roy_T het volgende:
Ah, dat probleem heb ik helemaal niet met jQuery, maar als ik een library gebruik dan zorg ik ook dat ik 'm overal gebruik. Dus ook voor loops.
Ik ben het met je eens dat het wel bij je moet passen, en dat het alleen werkt als je je manier van proggen erop aanpast. Whatever floats your boatquote:Op dinsdag 20 januari 2009 22:53 schreef SuperRembo het volgende:
De loopjes met .each() vind juist ik de meest waardeloze feature van jQuery/prototypejs. Zeker met dat gepruts om er toch nog functionaliteit foor break of continue in te bouwen![]()
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 | #### # Function: _jsonEncode # Purpose: To encode a variable into json format # Arguments: $encodeMe: the variable to convert into JSON format # $encodeAs : the name of the variable to save $var1 as. # REQUIRED if $encodeMe is not an array # Usage: # echo _jsonEncode('test','var1');// outputs: {"var1":test"} # echo _jsonEncode(TRUE,'var1'); // outputs: {"var1":1} # echo _jsonEncode(123,'var1'); // outputs: {"var1":123} # echo _jsonEncode(array('orange'=>1,'blue'=>2,'green'=>3)); // outputs: {"orange":1,"blue":2,"green":3} # # Author: Dylan Anderson # License: GPLv3 #### function _jsonEncode($encodeMe,$encodeAs=FALSE){ $output = '{'; if(is_array($encodeMe)){ foreach($encodeMe as $key=>$value){ $output .= '"'.$key.'":'; if(is_array($value)){ $function = __FUNCTION__; $output .= $function($value); } else if(is_numeric($value)) $output .= $value; else $output .= '"'.str_replace('"','\"',$value).'"'; $output .= ','; } $output = rtrim($output,',').'}'; } else if(strlen($encodeAs)){ if(is_numeric($encodeMe)) $output .= '"'.$encodeAs.'":'.$encodeMe.'}'; else if(is_bool($encodeMe)){ $encode_value = ($encodeMe) ? 1 : 0; $output .= '"'.$encodeAs.'":'.$encode_value.'}'; } else if(is_string($encodeMe)) $output .= '"'.$encodeAs.'":'.str_replace('"','\"',$encodeMe).'"}'; } else $output = FALSE; return($output); } ?> |
Als je een PHP array goed encode naar JSON, dan is dat al een JS array. {"elements":[1, 2, 3]} bevat gewoon wat in PHP $elements = array(1, 2, 3) zou zijn.quote:Op woensdag 21 januari 2009 10:24 schreef Chandler het volgende:
maar is er ook los stukje scripting te vinden voor javascript die json kan omzetten naar een array?
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 85 86 87 88 89 90 91 92 93 94 95 96 97 98 | 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <style type="text/css"> <!-- @media print { .DONTPrint{ display:none } .DOCheck { display:table} } --> </style> <script type="text/javascript"> <!-- /* This script and many more are available free online at The JavaScript Source :: http://javascript.internet.com Created by: Thony den Braber :: http://www.orangespirits.nl */ function select_row(row, color) { if(row.parentNode.parentNode.style.backgroundColor != color) { row.parentNode.parentNode.style.backgroundColor = color; row.parentNode.parentNode.className = 'DOPrint' } else { row.parentNode.parentNode.style.backgroundColor = ''; row.parentNode.parentNode.className = 'DONTprint' } } function mouseover(row, font_color, checkedcolor) { if(row.style.color != checkedcolor) { row.style.color = font_color; } } function mouseout(row, font_color, checkedcolor) { if(row.style.color != checkedcolor) { row.style.color = font_color; } } // --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <form> <p> </p> <p>Test kop</p> <p> </p> <p> </p> <p> </p> <table width="103" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="24" align="center"> </td> <td width="79" align="center"><strong>Name</strong></td> </tr> <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc'); class="DONTPrint""></td> <td>print</td> </tr> <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td> <td>niet</td> </tr> <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td> <td>print</td> </tr> <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td> <td>niet</td> </tr> <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td> <td>print</td> </tr> <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td> <td>niet</td> </tr> <tr onMouseOver="mouseover(this,'#cc6600','#cc6600');" onMouseOut="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onClick="select_row(this, '#cccccc');" class="DONTPrint"></td> <td>print</td> </tr> </table> <p> </p> <p> </p> </form> <p>test eind</p> |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |