quote:Op vrijdag 6 maart 2009 18:48 schreef Roy_T het volgende:
Haal je HTML door de validator, en je zult zien waarom het niet werkt (hint: een id moet uniek zijn).
Ik zou de HTML goed opzetten (dus met een unordered list), en de kleur switchen d.m.v. het aanpassen van de class van de UL (en zo voor alle kind LI's de bullet aanpassen).
Deze OP: http://wiki.fok.nl/index.php/OP/Javascriptquote:Op zaterdag 7 maart 2009 12:29 schreef poepeneesje het volgende:
Vraagje, ik wil graag in de onderstaande code myDiv verwijderen i.p.v. removable. Hoe realiseer ik dat?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21<html>
<head>
<script type="text/javascript">
function removeEvent(divNum){
var d = document.getElementById('myDiv');
var olddiv = document.getElementById(divNum);
d.removeChild(olddiv);
return false;
}
</script>
</head>
<body>
<div id="myDiv">
<div id="removable">
<a href="#" onclick="removeEvent('removable');">REMOVE ME</a>
</div>
</div>
</body>
</html>
Misschien weet jij het antwoord op mijn vraag (gequote in de OP).quote:
1 2 3 4 5 | { var el = document.getElementById(id); el.parentNode.removeChild(el); } |
1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="css.css" rel="stylesheet" type="text/css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>BlAaTz0r</title> <link href="css/css.css" rel="stylesheet" type="text/css" /> </head> <body> <div ALIGN="center" id="header"><img src="images/coming-soon.png" /> </div> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | /* CSS Document */ body { background-repeat: no-repeat; background-color: #000000; margin: 0px; font-family: Tahoma, serif; font-size: 11px; color: #ffffff; } #header { margin-top: 40px; } |
1 2 3 4 5 6 7 8 9 10 | <!-- document.write("<table width='500' height='300' border='0' cellspacing='0' cellpadding='1' style='display:none;position:absolute;top:10px;left:10px;empty-cells:hide' id='v1771235936960217v181'>") ;document.write("<tr><td style='background: #062F91'>");document.write("<table width='100%' height='100%' border='0' cellspacing='0' cellpadding='0'>");document.write("<tr height='0'><td>") ;document.write("<table width='100%' border='0' cellspacing='1' cellpadding='0' style='background: #FFFFFF; color: #062F91; cursor: default'><tr style='font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold'><td>.") ;document.write("<td style='width: 20px; cursor: pointer;' onclick='java script:v1771235936960217v184();'>X");document.write("</table>");document.write("<tr><td>"); ;document.write("<table width='100%' height='100%' id='v1771235936960217v185' border='0' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF'>");document.write("<tr>");document.write("<td>") ;document.write("<table border=\"0\" cellpadding=\"3\" cellspacing=\"0\"><tr><td><font face=\"Verdana\" size=\"2\"><img border=\"0\" src=\"Floater.jpg\"><br> </td></tr></table>");document.write("</table></table></table>"); if ( document.getElementById ) v1771235936960217v186 = document.getElementById ( "v1771235936960217v181" ); else v1771235936960217v186 = document.all ["v1771235936960217v181"]; var v1771235936960217v188 = false; function v1771235936960217v183 ( ) { if ( document.getElementById ) v189 = document.getElementById ( "v1771235936960217v185" ); else v189 = document.all ["v1771235936960217v185"]; if ( v189.style.display == "none" ) { v189.style.display = ""; v1771235936960217v186.style.height = "300px"; } else { v189.style.display = "none"; v1771235936960217v186.style.height = "20px"; } } function v1771235936960217v184 ( ) { v1771235936960217v186.style.display = "none"; v1771235936960217v188 = true; } var v1771235936960217v175, v1771235936960217v176; var v1771235936960217v190, v1771235936960217v191; function v1771235936960217v192 ( ) { return ( ( window.pageXOffset ) ? window.pageXOffset : document.body.scrollLeft ) + v1771235936960217v190; } function v1771235936960217v193 ( ) { return ( ( window.pageYOffset ) ? window.pageYOffset : document.body.scrollTop ) + v1771235936960217v191; } function v1771235936960217v194 ( ) { var v195 = 500; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); if ( ( v1771235936960217v187 -= v195 ) <= 0 ) v1771235936960217v196 ( ); else setTimeout ( "v1771235936960217v194 ( );", v195 ); } function v1771235936960217v197 ( v198 ) { if ( v1771235936960217v190 != v1771235936960217v175 || v1771235936960217v191 != v1771235936960217v176 ) { if ( v1771235936960217v190 != v1771235936960217v175 ) if ( Math.abs ( v1771235936960217v190 - v1771235936960217v175 ) <= v1771235936960217v199 ) v1771235936960217v190 = v1771235936960217v175; else if ( v1771235936960217v190 < v1771235936960217v175 ) v1771235936960217v190 += v1771235936960217v199; else v1771235936960217v190 -= v1771235936960217v199; if ( v1771235936960217v191 != v1771235936960217v176 ) if ( Math.abs ( v1771235936960217v191 - v1771235936960217v176 ) <= v1771235936960217v199 ) v1771235936960217v191 = v1771235936960217v176; else if ( v1771235936960217v191 < v1771235936960217v176 ) v1771235936960217v191 += v1771235936960217v199; else v1771235936960217v191 -= v1771235936960217v199; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); setTimeout ( "v1771235936960217v197 ( " + v198 + " );", 20 ); } else if ( v198 ) v1771235936960217v194 ( ); else v1771235936960217v186.style.display = "none"; } function v1771235936960217v200 ( v201, v202 ) { v1771235936960217v175 = v201; v1771235936960217v176 = v202; v1771235936960217v190 = v201; v1771235936960217v191 = v202; var v205 = 0, v206 = 0; v205 = -v201 -500; v206 = -v202 -300; if ( v205 != 0 && v206 != 0 ) if ( Math.abs ( v205 ) < Math.abs ( v206 ) ) v206 = v206 / Math.abs ( v206 ) * Math.abs ( v205 ); else v205 = v205 / Math.abs ( v205 ) * Math.abs ( v206 ); v1771235936960217v190 += v205; v1771235936960217v191 += v206; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); v1771235936960217v186.style.display = ""; v1771235936960217v197 ( true ); } function v1771235936960217v196 ( ) { if ( v1771235936960217v188 ) return; v1771235936960217v199 = 24; var v205 = 0, v206 = 0; var v201 = v1771235936960217v175, v202 = v1771235936960217v176; v205 = ( ( window.innerWidth ) ? window.innerWidth : document.body.clientWidth ) - v201; if ( v205 != 0 && v206 != 0 ) if ( Math.abs ( v205 ) < Math.abs ( v206 ) ) v206 = v206 / Math.abs ( v206 ) * Math.abs ( v205 ); else v205 = v205 / Math.abs ( v205 ) * Math.abs ( v206 ); v1771235936960217v175 += v205; v1771235936960217v176 += v206; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); v1771235936960217v186.style.display = ""; v1771235936960217v197 ( false ); } var v1771235936960217v199 = 16.970725498515062; setTimeout ( "v1771235936960217v200 ( 400, 100, 16.970725498515062 );", 1500 ); var v1771235936960217v217, v1771235936960217v218; function v1771235936960217v219 ( v220 ) { v221 = ( document.all ) ? event.clientX : v220.clientX; v222 = ( document.all ) ? event.clientY : v220.clientY; v1771235936960217v190 += v221 - v1771235936960217v217; v1771235936960217v191 += v222 - v1771235936960217v218; v1771235936960217v217 = v221; v1771235936960217v218 = v222; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); } function v1771235936960217v223 ( ) { } function v1771235936960217v224 ( ) { document.onmousemove = v1771235936960217v223; document.onmouseup = v1771235936960217v223; } function v1771235936960217v225 ( v220 ) { v1771235936960217v217 = ( document.all ) ? event.clientX : v220.clientX; v1771235936960217v218 = ( document.all ) ? event.clientY : v220.clientY; document.onmousemove = v1771235936960217v219; document.onmouseup = v1771235936960217v224; } v1771235936960217v186.onmousedown = v1771235936960217v225; //--> </SCRIPT> |
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 | function makePOSTRequest(url, parameters) { http_request = false; if (window.XMLHttpRequest) { // Mozilla, Safari,... http_request = new XMLHttpRequest(); if (http_request.overrideMimeType) { // set type accordingly to anticipated content type //http_request.overrideMimeType('text/xml'); http_request.overrideMimeType('text/html'); } } else if (window.ActiveXObject) { // IE try { http_request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { http_request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } } if (!http_request) { alert('Cannot create XMLHTTP instance'); return false; } http_request.onreadystatechange = alertContents; http_request.open('POST', url, true); http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); http_request.setRequestHeader("Content-length", parameters.length); http_request.setRequestHeader("Connection", "close"); http_request.send(parameters); } function alertContents() { if (http_request.readyState == 4) { if (http_request.status == 200) { //alert(http_request.responseText); result = http_request.responseText; document.getElementById('myspan').innerHTML = result; } else { alert('There was a problem with the request.'); } } } function get(obj) { var poststr = "items=" + encodeURI( document.getElementById("items").value ); makePOSTRequest('/index_ajax.php', poststr); } |
PHP is mijn sterkste punt, javascript niet. Zou je een voorbeeld willen geven?quote:Op donderdag 12 maart 2009 21:07 schreef SuperRembo het volgende:
Tja, dit kan je op zo veel manieren oplossen. Gewoon een beetje creatief denken. Je kan in ieder geval door de elements collection van het form heen lopen en dan verzamelen wat je nodig hebt.
1 2 3 4 5 6 7 8 | for (var i = 0; i < elems.length; ++i) { if (ditElementMoetIkHebben(elems[i])) { doeErIetsMee(elems[i]); } } |
quote:Ik krijg de volgende foutmelding:
Beveiligingsfout: inhoud op http://googleads.g.doubleclick.net/ laadt misschien geen gegevens van http://localhost/Bedrijf/2009/*****
met de volgende code
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 | <form method="get" action="/test.html" onsubmit="return confirm('is dit goed?');"> <div id="mapSrc" style="width: 500px; height: 300px;"></div> <script data-src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjaGYVLt_6aIgQ3_DyJpHgRQDdrEchiyrLmzV4Lyqaurkd2gZnBS6RD4u_vdDterjiHsQrZeNRIEjnA" style="visibility:hidden;" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var marker = null; var geocoder = null; // window.onunload = GUnload; var map = new GMap2(document.getElementById("mapSrc")); map.setCenter(new GLatLng(52, 5), 10); geocoder = new GClientGeocoder(); GEvent.addListener(map, 'click', function(overlay, point) { clicked(overlay, point) //if (!point) return; if (marker) { // Remove privious marker map.removeOverlay(marker); } // Create new marker var center = new GLatLng(point.y, point.x); marker = new GMarker(center, {draggable: true}); map.addOverlay(marker); } ) ; function clicked(overlay, latlng) { if (latlng) { geocoder.getLocations(latlng, function(addresses) { if(addresses.Status.code != 200) { alert("reverse geocoder failed to find an address for " + latlng.toUrlValue()); } else { address = addresses.Placemark[0]; var myHtml = address.address; map.openInfoWindow(latlng, myHtml); } } </script> Zoek <input type="text" id="address" name="" value="" /> <input type="submit" name="" value="Versturen" /> </form> </div> |
ps googleMaps werkt niet op 127.0.0.30quote:Iemand die deze foutmelding snapt?
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 | function imgButtonPressed(event){ /// get form /// var curform = event.srcElement; while(curform.tagName != "FORM") { curform = curform.parentNode; } /// create hidden input with values of image submit /// var hid = document.createElement("input"); hid.type = "hidden"; hid.name = event.srcElement.name; hid.value = event.srcElement.value; curform.appendChild(hid) } onload = function() { inputs = document.getElementsByTagName("input"); if (inputs[0].attachEvent) { for (a = 0; a < inputs.length; a++) { if (inputs[a].type == "image") { inputs[a].attachEvent('onclick', imgButtonPressed); } } } } </script> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | $(function() { $("#confirmation").dialog({ bgiframe: true, resizable: false, height:190, width: 350, modal: true, overlay: { backgroundColor: '#000', opacity: 0.5 }, buttons: { 'Bezoeker toch inchecken': function() { $('#CheckInForm').submit(); }, 'Annuleren': function() { $(this).dialog('close'); } } }); }); </script> |
1 2 3 4 5 6 7 8 9 10 | var select = parent.appendChild(document.createElement('select')); for (var i = 1; i < 32; ++i) { var value = (i < 10) ? '0' + i : i; var option = document.createElement('option'); option.value = value; option.text = value; select.options.add(option); } |
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 | { disableFields = false; if (document.getElementById('tmp_' + aaa).checked == true) { disableFields = true; } if (bbb != '' && document.getElementById('tmp_' + bbb).checked != true) { disableFields = false; } alert(disableFields); for (x = 0; x < ccc.length; x++) { document.getElementById('tmp_' + ccc[x]).checked = false; if (disableFields == true) { document.getElementById('tmp_' + ccc[x]).disabled = true; } else { document.getElementById('tmp_' + ccc[x]).disabled = false; } } } |
1 2 3 4 5 6 7 | <input type="checkbox" id="tmp_1b" name="1b" value="1b" /> 1b<br /> <input type="checkbox" id="tmp_1" name="1" value="1" onchange="fieldsCheck('1', '', new Array('1a', '1b'));" /> 1<br /> <input type="checkbox" id="tmp_2a" name="2a" value="2a" /> 2a<br /> <input type="checkbox" id="tmp_2b" name="2b" value="2b" /> 2b<br /> <input type="checkbox" id="tmp_2" name="2" value="2" onchange="fieldsCheck('2', '', new Array('2a', '2b'));" /> 2<br /> <input type="checkbox" id="tmp_3" name="3" value="3" onchange="fieldsCheck('3', '', new Array('1a','1b','1','2a','2b', '2'));" /> 3 (alles)<br /> |
1 2 3 4 5 | { c = document.getElementById('mapSrc'); c.style.height = c.style.height + 100 + 'px'; } |
Met alert(c.style.height); kun je precies zien wat er in zit.quote:Op zondag 19 april 2009 10:29 schreef Chandler het volgende:
Oeh, hoe kan ik dit volgens jou oplossen dan? ik dacht dat de height propertie alleen maar een 'nummeriek' getal bevatte
1 |
is c.style.display niet per ongeluk "inline"?quote:Op maandag 20 april 2009 11:15 schreef Chandler het volgende:
juist ja, maar nu heb ik geprobeerd om zo
[ code verwijderd ]
aan te passen, maar dat werkte ook niet
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.---------------------------------------------------
Ik heb even lopen googlen (en ff in bron code van fok gekeken), maar ik kom er eigenlijk nog niet uit. Keb in het verre verleden een beetje javascript gehad, maar dat is beetje weggezakt..Dit keer zonder signature
Yup, dat was het probleem, nu opgelost en werkt naar behoren!quote:Op maandag 20 april 2009 11:33 schreef daReaper het volgende:
[..]
is c.style.display niet per ongeluk "inline"?
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 | //Fade-in image slideshow var slideshow_width='465px' //SET IMAGE WIDTH var slideshow_height='98px' //SET IMAGE HEIGHT var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds) var fadeimages=new Array() //SET IMAGE PATHS. Extend or contract array as needed fadeimages[0]="images/home/zakelijk/foto1.jpg" fadeimages[1]="images/home/zakelijk/foto2.jpg" fadeimages[2]="images/home/zakelijk/foto3.jpg" fadeimages[3]="images/home/zakelijk/foto4.jpg" fadeimages[4]="images/home/zakelijk/foto5.jpg" fadeimages[5]="images/home/zakelijk/foto6.jpg" fadeimages[6]="images/home/zakelijk/foto7.jpg" ////NO need to edit beyond here///////////// var preloadedimages=new Array() for (p=0;p<fadeimages.length;p++){ preloadedimages[p]=new Image() preloadedimages[p].src=fadeimages[p] } var ie4=document.all var dom=document.getElementById if (ie4||dom) document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>') else document.write('<img name="defaultslide" src="'+fadeimages[0]+'">') var curpos=10 var degree=10 var curcanvas="canvas0" var curimageindex=0 var nextimageindex=1 function fadepic(){ if (curpos<100){ curpos+=10 if (tempobj.filters) tempobj.filters.alpha.opacity=curpos else if (tempobj.style.MozOpacity) tempobj.style.MozOpacity=curpos/100 } else{ clearInterval(dropslide) nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1" tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas) tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">' nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0 setTimeout("rotateimage()",pause) } } function rotateimage(){ if (ie4||dom){ resetit(curcanvas) var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas) crossobj.style.zIndex++ var temp='setInterval("fadepic()",50)' dropslide=eval(temp) curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0" } else document.images.defaultslide.src=fadeimages[curimageindex] curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0 } function resetit(what){ curpos=10 var crossobj=ie4? eval("document.all."+what) : document.getElementById(what) if (crossobj.filters) crossobj.filters.alpha.opacity=curpos else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=curpos/100 } function startit(){ var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas) crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">' rotateimage() } if (ie4||dom) window.onload=startit else setInterval("rotateimage()",pause) </script> |
quote:Op dinsdag 21 april 2009 13:47 schreef Ericjuh het volgende:
Misschien dat iemand mij kan helpen met het volgende probleem.
Ik heb een site gemaakt en daar zit een zoekveld in. Nu bestaat dit zoekveld uit 1 textfield, maar ik wil er een soort advanced search bij maken. Het advanced search gedeelte wil ik eigenlijk hidden onder een soort spoiler tag (net zoiets als fok's spoiler tags). De gebruiken moet dan eerst op het plusjes klikken om de geavanceerde textfield te kunnen zien
--------------------------------------------------------
voorbeeld:
<normale search textfield>Is niet zo moeilijkSPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.---------------------------------------------------
Ik heb even lopen googlen (en ff in bron code van fok gekeken), maar ik kom er eigenlijk nog niet uit. Keb in het verre verleden een beetje javascript gehad, maar dat is beetje weggezakt..
1
2
3
4
5<img src="http://i.fokzine.net/templates/new/i/plus.gif" onclick="javascript:document.getElementById('content').style.display = ( document.getElementById('content').style.display == 'block' ? 'none' : 'block');">
<span id="content" style="display: block;">
</div>
[ Bericht 2% gewijzigd door Darkomen op 22-04-2009 16:10:57 ]
ahh bedankt! precies wat ik zocht!quote:Op woensdag 22 april 2009 15:51 schreef Darkomen het volgende:
[..]
Is niet zo moeilijk
[ code verwijderd ]
1 2 3 4 5 6 7 8 | var search = form.inputbox.value; if (search.length > 3){ t = setTimeout("alert(search);",1000); } } |
1 2 3 4 5 6 7 8 9 10 11 | var search = form.inputbox.value; if (t){ clearTimeout(t); } if (search.length > 3){ var t; t = setTimeout("alert();",1000); } } |
1 2 3 4 5 6 7 8 9 10 11 | function validate (form) { //var search = form.q.value; var search = document.getElementById("q").value; if (t){ clearTimeout(t); } if (search.length > 0){ alert(search); } } |
1 2 3 4 5 6 7 8 9 10 11 12 | var t; function validate (form) { var search = document.getElementById('q').value; alert(search); } </script> <form name="form" action="" method="get"> <b>Zoeken: </b><input type="text" name="q" value="" onkeyup="validate(this.form)"> </form> |
1 2 3 4 5 6 7 8 9 10 11 | { if(i == keuze) { document.getElementById("_step_3_product_"+keuze).style.display = ''; } else { document.getElementById("_step_3_product_"+keuze).style.display = 'none'; } } |
quote:Op vrijdag 26 juni 2009 11:31 schreef HuHu het volgende:
Je moet in je for de variabele i gebruiken in je getElementById.
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 | header("Cache-Control: no-cache, must-revalidate"); header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Content-type: text/javascript"); include "../database/mysql-database-connect.php"; $select = " SELECT * FROM tblCompany"; $result = mysql_query($select) or die (mysql_error()); while($request = mysql_fetch_array($result)) { $name = $name . ', "' . $request["Name"] . '"'; $rate = $rate . ', "' . $request["Rate_1"] . '"'; $percentage = $percentage . ', "' . number_format(($request["Rate_1"] * 100 / $request["Rate_2"]) - 100, 2, ",", ".") . '"'; } $JavascriptStr = '{"name" : [' . substr($name, 2) . '], "rate" : [' . substr($rate, 2) . '], "percentage" : [' . substr($percentage, 2) . ']}'; include "../database/mysql-database-disconnect.php"; $JsonStr = json_encode($JavascriptStr); echo $JsonStr; ?> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | { createXMLHttpRequest(); xmlHttp.open("GET", "php/new-rates.php", true); xmlHttp.onreadystatechange = function() { if(xmlHttp.readyState == 4) { var JsonStr = xmlHttp.responseText; var JavascriptStr = JSON.parse(JsonStr); document.write(JavascriptStr.name[0]); } } xmlHttp.send(null); setTimeout("checkRates();", 5000); } |
1 2 3 4 5 | "name" : ["AEX", "AEGON", "Ahold, Kon", "Air-France/KLM", "Akzo Nobel", "ArcelorMittal", "ASML Holding", "BAM Groep, kon", "Boskalis Westminster, kon", "Corio", "DSM, kon", "Fugro", "Heiniken", "ING groep", "KPN, kon", "Philips, kon", "Randstad", "Reed Elsevier", "Royal Dutch Shell", "SBM Offshore", "TNT", "Tom Tom", "Unibail-Rodamco", "Unilever Cert", "WereldHave", "Wolters Kluwer"], "rate" : ["647.36", "145.63", "492.16", "79.82", "142.54", "312.93", "411.01", "581.65", "209.6", "679.52", "816.04", "293.05", "556.03", "86.53", "200.88", "252.07", "140.39", "1068.3", "530.5", "66.11", "315.68", "264.24", "91.61", "600.76", "350.92", "901.84"], "percentage" : ["-1,36", "1,05", "0,15", "6,78", "1,24", "0,99", "0,50", "-1,25", "3,26", "-1,42", "-0,94", "2,34", "0,46", "2,77", "1,58", "0,67", "-2,50", "0,83", "-0,63", "3,02", "1,63", "3,50", "5,37", "0,31", "-1,29", "-0,86"] } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <table> <tr> <td>Vraag : </td><td><input type="text" name="question" id="question" size="75" /></td> </tr> <tr> <td>Antwoord 1 : </td><td><input type="text" name="answer[]" /></td> </tr> <tr> <td>Antwoord 2 : </td><td><input type="text" name="answer[]" /></td> </tr> </table> <table id="extra_answers"></table> <p style="text-align:right;" id="add_question">[<span onclick="add_question(3);">+</span>]</p> <p><input type="submit" name="submit" value="Maak poll aan" /></p> </form> |
1 2 3 4 | ![]() document.getElementById('extra_answers').innerHTML += '<tr><td>Antwoord ' +i+' : </td><td><input type="text" name="answer[]" /></td></tr>'; document.getElementById('add_question').innerHTML = '[<span onclick="add_question(' + (i+1) + ');">+</span>]'; } |
nodes dus....quote:Op dinsdag 7 juli 2009 18:49 schreef doppendoosch het volgende:
Volgens mij ondersteunt IE geen InnerHTML in tables, DOM gebruiken dus!
Algemeen. Maar ik ga wel even in de DOM manier duikenquote:Op dinsdag 7 juli 2009 19:27 schreef doppendoosch het volgende:
Euh dat weet ik niet. Is dat ook browser-afhankelijk of een algemeen probleem?
Maar als je met DOM modifications werkt, wordt het sowieso hele andere koek dus zou dat ook wel eens anders kunnen zijn....
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 | if (url.length==0) { ProcessError('Url niet ingevuld.'); return; } var xmlHttp=null; try{ xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safar } catch (e){ // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } if(xmlHttp==null) { alert ("Browser does not support HTTP Request"); return; } xmlHttp.open("GET",url,true); xmlHttp.send(null); xmlHttp.onreadystatechange= function () { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { alert(xmlHttp.responseText); return xmlHttp.responseText; } } } function bla (){ var url = 'something.php'; var id = SendRequest(url) ; alert (id); } |
In je sIFR selector moet je hem ook nog centreren:quote:Op dinsdag 28 juli 2009 14:11 schreef Chandler het volgende:
Ik zit met een vraagje, voor een klein projectje wil ik een tekst vanuit een tekstarea lezen en in een span zetten, daarna wil ik deze tekst herschrijven met sifr. Dit alles is gelukt, echter lukt het mij niet om de tekst te positioneren oftewel links, midden, rechts.. heeft iemand een idee wat ik fout doe?
voorbeeld:
http://www.bruggema.nl/voorbeeld
1 |
Dit:quote:Op woensdag 29 juli 2009 07:31 schreef Chandler het volgende:
Dat is dus het probleem dat snap ik niet
Want het gebruikt json (ofzo) en weet dus niet hoe ik aan de 'var' de selector kan toevoegen
1 |
1 |
1 |
Ok, maar nu wil ik dus de positionering 'variabel' hebben en deze on the fly kunnen aanpassen? ik heb het volgende al geprobeerd maar dat werkte helaas niet.quote:Op woensdag 29 juli 2009 08:04 schreef HuHu het volgende:
Dit:
[ code verwijderd ]
Wordt:
[ code verwijderd ]
1 |
quote:
Gek! Ik hier wel, ook op andere pagina's zoals http://www.javascriptcity.com/scripts/alerts/salert1.htmquote:Op donderdag 30 juli 2009 12:43 schreef Darkomen het volgende:
Likkende_Lassie , ik heb zowel in firefox(3.0.11) als chrome het probleem niet.
1 2 3 4 5 6 7 8 9 | { if (position != '') { textPosition = position; } o = '<span id="inputpreview" style="text-align:' + textPosition + '; display:block; width: 250px;">' + document.getElementById('inputtext').value + '</span>' |
1 2 3 | <input type="button" value="> Midden <" onclick="changeFont('center');" /> <input type="button" value="Rechts >" onclick="changeFont('right');" /><br /> |
quote:Op zaterdag 1 augustus 2009 14:18 schreef Likkende_Lassie het volgende:
Het is mij nog niet geheel duidelijk of je een FORM POST kan versturen naar een POPUP, dus dat je de POST in de popup ontvangt en hem daar afhandelt?
1 |
1 2 3 4 5 6 | css: ['.sIFR-root { text-align: ' + textPosition + ', font-size: ' + textSize + ' } '] } |
Nee, url?quote:Op woensdag 5 augustus 2009 15:49 schreef Darkomen het volgende:
javascript 101, zou jij toch wel moeten kennen
Met tabindex stel je puur de volgorde in, als die al moet afwijken van de 'flow'. In mijn geval moet ik automatisch (dus wanneer bijvoorbeeld een event plaats vindt op een input) de focus kunnen instellen op de volgende input (wat of waar die ook mag zijn), dus als het ware een tab nabootsen.quote:
Op deze pagina staat ook iets werkends. Misschien heb je daar nog wat aan.quote:Op maandag 17 augustus 2009 12:59 schreef Tuvai.net het volgende:
Ah, ik denk dat ik de oplossing heb. Ik zie dat ik gebruik kan maken van [Element].form en dat elke index van form een input voorstelt. Nog even testen of ik een werkend scriptje kan maken en dat kan gebruiken in alle browsers die ik geïnstalleerd heb.
Had ik al naar gekeken. Met custom tabindex werken is voor mij geen optie. :) Die volgorde of het aantal controls is altijd variabel. :)quote:Op maandag 17 augustus 2009 13:07 schreef Light het volgende:
[..]
Op deze pagina staat ook iets werkends. Misschien heb je daar nog wat aan.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | { var index = -1, i = 0; while ( i < Element.form.length && index == -1 ) { if (Element.form[i] == Element) { index = i; } else { i++; } } return index; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 | { if( GetElementIndex(Element) < (Element.form.length - 1) ) { Element.form[ ( GetElementIndex(Element) + 1) ].focus(); } else { Element.focus(); } return true; } |
1 2 3 4 5 6 | <li><a href="#">een</a></li> <li><a href="#">twee</a></li> <li><a href="#">drie</a></li> <li><a href="#">vier</a></li> </ul> |
1 2 3 4 5 6 | <li><a href="#" id="Anchor1" onkeydown="PressedKeyAnchor(1, event);">een</a></li> <li><a href="#" id="Anchor2" onkeydown="PressedKeyAnchor(2, event);">twee</a></li> <li><a href="#" id="Anchor3" onkeydown="PressedKeyAnchor(3, event);">drie</a></li> <li><a href="#" id="Anchor4" onkeydown="PressedKeyAnchor(4, event);">vier</a></li> </ul> |
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 | { var KeyNumber = Event.keyCode != null ? Event.keyCode : Event.which; switch(KeyNumber) { case 13: // Enter alert('U heeft gekozen voor linkje nummer ' + AnchorIndex); break; case 38: // Up if(document.getElementById('Anchor' + ( AnchorIndex - 1 ))) { document.getElementById('Anchor' + ( AnchorIndex - 1 )).focus(); } break; case 40: // Down if(document.getElementById('Anchor' + ( AnchorIndex + 1 ))) { document.getElementById('Anchor' + ( AnchorIndex + 1 )).focus(); } break; } return; } |
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 | <!-- var sponsors = new Array(); <?php $query = "SELECT logo, naam, url, tel FROM sponsors WHERE dm=1"; $result = mysql_query($query); if($result) { $count = 0; while ($result_level1 = mysql_fetch_array($result)) { $count++; echo 'sponsors[' . $count . '] = "' . $result_level1['nodeId'] . '|' . $result_level1['parentNodeId'] . '|' . $result_level1['nodeName'] . '|' . $result_level1['nodeUrl'] . '";'; echo "\n"; } } else { echo 'Error'; } ?> displaySponsors(sponsors); function displaySponsors(ar){ var ranNum= Math.floor(Math.random()*ar.length); } //--> </script> |
Hmm ok.. dan ga ik weer eens nadenken over hoe ik een functie kan maken waarbij ook onthouden wordt wat er nog in het oude array zit en wat er al in het nieuwe array zit.quote:Op maandag 24 augustus 2009 14:04 schreef Darkomen het volgende:
setTimeout(deFunctie(),3000); //functie uitvoeren om de 3 seconden
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 | var p = document.getElementsByName("prijs[]"); var a = document.getElementsByName("aantal[]"); var total = 0; for (var i=0;i<p.length;i++) { if(p[i].value){ if(p[i].value!='.'){ if(a[i].value){ var bedrag = (p[i].value*a[i].value)*100; total = total+bedrag; //total+x[i].value*100; } else{ a[i].value=1; total = total+(p[i].value*100);//total+x[i].value*100; } } } } total = total/100; total = total.toFixed(2); document.getElementById('totaal').value = total; var excl = total - ((total/119)*19); document.getElementById('totaal_excl').value = excl.toFixed(2); var btw = total-excl; document.getElementById('totaal_btw').value = btw.toFixed(2); } |
1 2 3 4 5 6 | var el = document.createElement('input'); el.type = 'text'; el.name = 'prijs[]'; el.onkeyup = function(event) {return numbersonly(this, event);}// cellFour.appendChild(el); |
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 | function move(fbox, tbox) { var arrFbox = new Array(); var arrTbox = new Array(); var arrLookup = new Array(); var i; for (i = 0; i < tbox.options.length; i++) { arrLookup[tbox.options[i].text] = tbox.options[i].value; arrTbox[i] = tbox.options[i].text; } var fLength = 0; var tLength = arrTbox.length; for(i = 0; i < fbox.options.length; i++) { arrLookup[fbox.options[i].text] = fbox.options[i].value; if (fbox.options[i].selected && fbox.options[i].value != "") { arrTbox[tLength] = fbox.options[i].text; tLength++; } else { arrFbox[fLength] = fbox.options[i].text; fLength++; } } arrFbox.sort(); arrTbox.sort(); fbox.length = 0; tbox.length = 0; for(i = 0; i < arrFbox.length; i++) { var no = new Option(); no.value = arrLookup[arrFbox[i]]; no.text = arrFbox[i]; fbox[i] = no; } for(i = 0; i < arrTbox.length; i++) { var no = new Option(); no.value = arrLookup[arrTbox[i]]; no.text = arrTbox[i]; tbox[i] = no; } } </script> |
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 | <dl> <dt> <label for ="">Norm:</label><br/> <small>Move the norms you want to edit to the other selectbox.</small> </dt> <dd> <select size="10" name="arrNrms" style="width:250px;" multiple="multiple"> <% Do While Not objRs.EOF %> <option value="<%= objRs.Fields("ID").Value %>"><%= objRs.Fields("Titel").Value %></option> <% objRs.MoveNext Loop %> </select> <select size="10" name="arrNrmsCancel" style="width:250px;" multiple="multiple"> </select><br/><br/> <input type="button" onClick="move(this.form.arrNrms,this.form.arrNrmsCancel)" value=">>" style="width:250px" /> <input type="button" onClick="move(this.form.arrNrmsCancel,this.form.arrNrms)" value="<<" style="width:250px" /> </dd> <dt> </dt> <dd> <input type="submit" value="Submit" /> <input type="hidden" value="True" name="bSubmit" /> </dd> </dl> </form> |
Een id moet uniek zijn, en dat is'ie niet in die twee regels.quote:Op donderdag 10 september 2009 15:57 schreef Pizzahut het volgende:
jQuery:
ik probeer een form validation te doen maar krijg het niet voor elkaar.
<input id="id" name="naam" />
<input id="id" name="password" />
ik wil in jquery die validatie doen, tevens zit er een checkbox en 2 radio inputs in.
1 2 | <input id="password" name="password" /> |
Ja goed er kwam nog meer bij kijken, ik heb het nu dus in JavaScript zelf gemaakt.quote:Op donderdag 10 september 2009 18:13 schreef Light het volgende:
[..]
Een id moet uniek zijn, en dat is'ie niet in die twee regels.
[ code verwijderd ]
Voor zover ik weet is $(e) vooral een verkorte schrijfwijze van document.getElementById(e). Wat show() precies doet, weet ik zo niet.quote:Op donderdag 10 september 2009 21:51 schreef Pizzahut het volgende:
[..]
Ja goed er kwam nog meer bij kijken, ik heb het nu dus in JavaScript zelf gemaakt.
Alleen hoe kan ik in Javascript (zonder framework) een id laten showen? Dus wat in jQuery: $('#id').show(); is
1 2 3 4 5 6 | $('#id').show(); Normaal: document.getElementById('id').display = 'block'; document.getElementById('id').visibility = 'visible'; |
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 | var chkbx = document.getElementById(obj); chkbx.checked = (chkbx.checked != true ? true : false); var row = chkbx.parentNode.parentNode row.bgColor = (chkbx.checked != true ? '' : '#ff7755'); } <table> <tr> <td>cell 1</td> <td>cell 2</td> </tr> <tr class="even"> <td>cell 3</td> <td>cell 4</td> </tr> <tr> <td>cell 5</td> <td>cell 6</td> </tr> <tr class="even"> <td>cell 7</td> <td>cell 8</td> </tr> <tr> <td>cell 9</td> <td>cell 10</td> </tr> </table> |
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 | <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="author" content="Barry de Rond"> <title></title> <script src="admin/sponsors.js" type="text/javascript"> </script> <script type="text/javascript"> // Sponsor function Sponsor() { var _currentState = 0; // Private member var $ = function(id) { return document.getElementById(id); }; // Private member var toBinder = function(_title, _message, _address, _tel, _fax, _email, _url) { $("name").innerHTML = _title; $("img").innerHTML = _message; $("address").innerHTML = _address; $("tel").innerHTML = "tel: " + _tel; $("fax").innerHTML = "fax: " + _fax; $("email").innerHTML = _email; $("url").innerHTML = _url; }; // Private member var getTotalItems = function() { var _totalItems = 0; for(var item in sponsors) { _totalItems++; } return _totalItems; }; // Public member this.init = function(seconds) { var _item = "sponsor"; var callBinder = function() { toBinder(sponsors[_item + _currentState].name, sponsors[_item + _currentState].img, sponsors[_item + _currentState].address, sponsors[_item + _currentState].tel, sponsors[_item + _currentState].fax, sponsors[_item + _currentState].email, sponsors[_item + _currentState].url); } callBinder(); //_currentState = 1; var timer = setInterval(function(){ _currentState = Math.floor(Math.random()*getTotalItems()); callBinder(); //_currentState++; }, seconds + "000"); } } // Not the nicest way to call the onload handler, but hey... window.onload = function() { // New instance of Sponsor var sponsor = new Sponsor(); // Initialize Sponsor var seonds_to_switch = 3; sponsor.init(seonds_to_switch); } </script> </head> <body> <div id="binder" width="190"> <div id="name"></div> <div id="img"></div> <div id="address"></div> <div id="tel"></div> <div id="fax"></div> <div id="email"></div> <div id="url"></div> </div> </body> </html> |
1 2 3 4 5 6 7 8 9 10 | <script language="javascript> $(document).ready(function() { $("#left").click(function(){ $(".block").animate({"left": "-50px"}, "slow"); $(".block2").animate({"right": "-50px"}, "slow"); }); }) </script> ?> |
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
[ Bericht 54% gewijzigd door SuperRembo op 28-09-2009 09:30:50 ]Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
klinkt bijna alsof je je elementen verkeerd aanspreekt... hoe ziet je html eruit?quote:Op vrijdag 25 september 2009 09:47 schreef Pizzahut het volgende:
Hoi,
Ik ben momenteel bezig met een website voor de iPhone. Nu wil ik dat effect, dat het scherm naar links schuift en er een scherm van rechts komt, in jQuery gaan maken.
Momenteel heb ik dit:
[ code verwijderd ]
Alleen deze code werkt niet. heb ook al .hide() achtergezet maar werkt ook niet.
Uiteraard heb ik de jQuery ingevoegd.
1 2 3 4 5 6 7 8 9 10 11 12 | this.testwaarde = "test"; this.init(); } $.extend(Test.prototype, { init: function() { $.each(objectofarray, function() { alert(this.testwaarde); } } } |
Download firebug & firefox, en ga eens wat statements loggenquote:Op maandag 28 september 2009 14:04 schreef woopehh het volgende:
[ code verwijderd ]
Probeer mezelf een beetje OO js aan te leren (met jQuery), maar als ik deze code aanroep krijg ik een alert "undefined". Snap dat dit waarschijnlijk aan de scope van het this object ligt, maar hoe kan ik dit wel voor elkaar krijgen?
Edit:
Het this object in de each loop verwijst natuurlijk naar de waarde waarbij de each loop nu is.. maar hoe los ik dit op?
omdat het bij jQuery $(this) is volgens mij... maar als je voor de OO gaat, laat Jquery dan rusten en pak gewoon JS op ;-)quote:Op maandag 28 september 2009 14:04 schreef woopehh het volgende:
[ code verwijderd ]
Probeer mezelf een beetje OO js aan te leren (met jQuery), maar als ik deze code aanroep krijg ik een alert "undefined". Snap dat dit waarschijnlijk aan de scope van het this object ligt, maar hoe kan ik dit wel voor elkaar krijgen?
Edit:
Het this object in de each loop verwijst natuurlijk naar de waarde waarbij de each loop nu is.. maar hoe los ik dit op?
quote:Op maandag 28 september 2009 08:43 schreef klapvee het volgende:
[..]
klinkt bijna alsof je je elementen verkeerd aanspreekt... hoe ziet je html eruit?
1 2 | <div class="blok"></div> |
in je html staat blok met alleen "k" in je jquery script staat het met block "ck" ;-)quote:Op maandag 28 september 2009 22:51 schreef Pizzahut het volgende:
[..]
[ code verwijderd ]
die blok 2 moet je even wegdenken.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Hoi</title> </head> <body> <form method="post" action="http://www.lala.nl" id="tieten" name="tieten"> <input type="hidden" name="aaa" value="bbbb" /> <input type="submit" name="submit" value="Gaan met die banaan" /> </form> <script language="JavaScript" type="text/javascript"> document.tieten.submit() </script> </body> </html> |
probeer eensquote:Op dinsdag 29 september 2009 10:51 schreef wobbel het volgende:
Waarom submit deze niet automatisch?
[ code verwijderd ]
Krijg steeds document.tieten.submit is not a function
mooier is btw dat je je script tags in je <head> zetquote:Op dinsdag 29 september 2009 10:51 schreef wobbel het volgende:
Waarom submit deze niet automatisch?
[ code verwijderd ]
Krijg steeds document.tieten.submit is not a function
1 2 3 4 5 6 | window.onload = function() { document.forms['tieten'].submit(); } </script> |
Heb nu dit en werkt ook niet:quote:Op maandag 28 september 2009 23:00 schreef klapvee het volgende:
[..]
in je html staat blok met alleen "k" in je jquery script staat het met block "ck" ;-)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <script src="jquery.js" language="javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#klik').click(function() { $('#blok').animate({"left":"-=50"}); }); <img class="rde_img_smiley" src="http://i.fok.nl/s/devilish.gif" width="22" height="19" alt="" />; </script> <style type="text/css"> div#blok { width:50px; height:50px; background:#000000; } </style> <a href="#" id="klik">Klik</a> <div id="blok"> </div> ?> |
Ik heb niet zo'n verstand van JQuery, maar moet dat hekje er wel voor in $('#blok') ?quote:Op woensdag 30 september 2009 11:42 schreef Pizzahut het volgende:
[..]
Heb nu dit en werkt ook niet:
[ code verwijderd ]
Lijkt wel of die hele animate gewoon niet werkt...
met een "#" geef je een ID aan dus die staat wel goedquote:Op woensdag 30 september 2009 12:58 schreef daReaper het volgende:
[..]
Ik heb niet zo'n verstand van JQuery, maar moet dat hekje er wel voor in $('#blok') ?
volgens mij mag dit ook nietquote:Op woensdag 30 september 2009 11:42 schreef Pizzahut het volgende:
[..]
Heb nu dit en werkt ook niet:
[ code verwijderd ]
Lijkt wel of die hele animate gewoon niet werkt...
1 2 |
Geen foutmelding.quote:Op woensdag 30 september 2009 15:41 schreef klapvee het volgende:
[..]
volgens mij mag dit ook niet
[ code verwijderd ]
dan bedoel ik -=50... volgens mij moet je de waarde aangeven waar het naar toe moet .. dus alleen -50
maar wat geeft firefox voor foutmelding bijv...?
1 2 3 4 5 6 7 | $(".block").animate({"left": "+=50px"}, "slow"); }); $("#left").click(function(){ $(".block").animate({"left": "-=50px"}, "slow"); }); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <head> <script data-src="http://code.jquery.com/jquery-latest.js" style="visibility:hidden;"></script> <script> $(document).ready(function() { $("#responsecontainer").load("this_will_refresh.php?page=index2"); var refreshId = setInterval(function() { $("#responsecontainer").load('this_will_refresh.php?page=index2'); }, 9000); </script> </head> <body> <div id="responsecontainer"> </div> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <head> <!-- For ease i'm just using a JQuery version hosted by JQuery- you can download any version and link to it locally --> <script data-src="http://code.jquery.com/jquery-latest.js" style="visibility:hidden;"></script> <script> $(document).ready(function() { $("#responsecontainer").load("response.php"); var refreshId = setInterval(function() { $("#responsecontainer").load('response.php?randval='+ Math.random()); }, 9000); </script> </head> <body> <div id="responsecontainer"> </div> </body> |
1 2 3 | <meta HTTP-EQUIV="Expires" CONTENT="-1"> <meta HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE"> |
1 2 3 | & nbsp; Omschrijving </option> |
1 2 3 | str.replace(/ /g, ""); str.replace(" ", ""); |
In de weergave is & nbsp; wel een spatie, maar in de code natuurlijk niet. Dan staat er gewoon & nbsp;. En als je dat wilt vervangen, moet je dus ook zoeken op & nbsp; Zoeken op " " pakt alleen spaties (gemaakt door de spatiebalk, niet door andere vage codes) en zoeken op \s pakt whitespace, dat zijn spaties en tabs. & nbsp; is geen whitespace. Dat zijn zes tekens.quote:Op maandag 12 oktober 2009 19:29 schreef Xcalibur het volgende:
Uh, tsja... ik weet niet of je daar nou veel wijzer van wordt
[ code verwijderd ]
Dit is 1 option uit mijn selectbox.
Deze lees ik uit mbv javascript, en dan heb ik dus de string "[spatie][spatie]Omschrijving".
Als ik uit deze de spaties wil replacen werkt dat maar gedeeltelijk. De eerste spatie (de & nbsp; waarscijnlijk) blijft staan.
Replacen doe ik met (onder andere):
[ code verwijderd ]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Disabled Button</title> <script type="text/javascript" src="js/start.js"></script> <script type="text/javascript" src="js/controller/controller.js"></script> <script type="text/javascript" src="js/model/model.js"></script> <script type="text/javascript" src="js/view/view.js"></script> </head> <body> <form name="form1"> <input name="button1" id="ButtonID" type="button" value="Save"> </form> </body> </html> |
1 2 3 4 5 6 | document.form1.button1.disabled = true; } var button1 = document.getElementById("ButtonID"); button1.onclick = alert(button1); |
Dan zou ik de echte output moeten zien, om verder te kunnen uitzoeken wat er aan de hand is.quote:Op maandag 12 oktober 2009 19:57 schreef Xcalibur het volgende:
In de string staat geen & nbsp; dat is een beetje het hele probleem
Als ik een IndexOf doe op het eerste karakter van het woord, zit die op positie 3.
Er zitten dus 2 tekens voor, waarvan één dus de gewone spatie is.
1 2 3 4 5 6 7 8 9 10 11 12 | <head> <script type="text/javascript"> function Disable(id) { document.getElementById(id).disabled = true; } </script> </head> <body> <input name="button1" id="ButtonID" type="button" value="Save" onclick="Disable('ButtonID');"> </body> </html> |
Bedankt, maar ik mag (om een of andere reden) geen onclick in HTML gebruiken om het voor elkaar te krijgen.quote:Op woensdag 14 oktober 2009 15:14 schreef Darkomen het volgende:
@skonk, geen idee wat je bedoeld, maar hiermee disable je een button
[ code verwijderd ]
Lukt het met:quote:Op woensdag 14 oktober 2009 14:20 schreef Skonk het volgende:
Beste Fok!ers,
ik ben bezig met Javascript (al ben ik er zeker nog geen pro mee), en ik heb een probleem (al denk ik dat het voor jullie zo op te lossen is :P).
Dit is de code in "disabledbutton.html":
[ code verwijderd ]
En dit is de code in "view.js":
[ code verwijderd ]
De rest van de Javascript bestanden wordt hierbij niet gebruikt.
Wat ik probeer is dus te zorgen dat als er op de knop gedrukt wordt, dat de knop wordt disabled.
Maar het probleem is dus (volgens mij), dat hij niet eens het ID van de knop kan vinden (daarom heb ik ook "alert(button1);" ertussen geplakt, wat dus terugkomt met "null".
Hier loop ik dus vast, want ik heb wel een ID gegeven aan de button, namelijk "ButtonID".
Kunnen jullie mij misschien hiermee helpen? O+ :@ O+
1 |
Mja, in de output zie je dus alleen spaties. Ook als je document.write doet, en in de source kijkt...quote:Op woensdag 14 oktober 2009 15:08 schreef Light het volgende:
[..]
Dan zou ik de echte output moeten zien, om verder te kunnen uitzoeken wat er aan de hand is.
Nee, helaas nog steeds dezelfde foutmelding:quote:Op woensdag 14 oktober 2009 18:04 schreef woopehh het volgende:
[..]
Lukt het met:
[ code verwijderd ]
?
Zal trouwens niet in de HTML mogen om dezelfde reden dat je geen inline css gebruikt :)
1 |
Ik heb em nog een beetje gefinetuned, zodat ie alleen de nonword characters aan het begin van de string eruithaalt :)quote:Op woensdag 14 oktober 2009 22:15 schreef Xcalibur het volgende:
[..]
Mja, in de output zie je dus alleen spaties. Ook als je document.write doet, en in de source kijkt...
Ik heb het voorlopig opgelost door alle nonword characters ( \W ) eruit te filteren, dat werkt wel. Maar nou zit ik weer met leestekens enzo }:|
1 |
Heb je het ergens online staan?quote:Op donderdag 15 oktober 2009 09:18 schreef Skonk het volgende:
[..]
Nee, helaas nog steeds dezelfde foutmelding:
[ code verwijderd ]
Nog meer ideetjes?
\W is toch al een class op zichzelf? M.a.w. hoeft niet binnen []? Wat je spaties probleem betreft: Is je string niet in Unicode? Een non-breakable space kun je natuurlijk coderen als entity ( ) maar kan ook gewoon getypt worden: ‘ ’ en dat ziet er meestal niet anders uit dan een gewone spatie: ‘ ’. Je kunt met JavaScript er echter wel achter komen wat de boosdoener is: gebruik de charCodeAt-method van de string. Dan krijg je de Unicode-waarde terug en kun je opzoeken wat het is.quote:Op donderdag 15 oktober 2009 10:02 schreef Xcalibur het volgende:
[..]
Ik heb em nog een beetje gefinetuned, zodat ie alleen de nonword characters aan het begin van de string eruithaalt
[ code verwijderd ]
1 2 3 4 5 6 7 8 9 10 11 12 | <head> <script type="text/javascript"> function Disable(el) { el.disabled = true; } </script> </head> <body> <input name="button1" id="ButtonID" type="button" value="Save" onclick="Disable(this);"> </body> </html> |
Hij mag geen onclick gebruiken in de htmlquote:Op donderdag 15 oktober 2009 10:12 schreef daReaper het volgende:
[ code verwijderd ]
Heb je dit al geprobeerd?
Ohja, dat had ik even gemistquote:Op donderdag 15 oktober 2009 10:14 schreef woopehh het volgende:
[..]
Hij mag geen onclick gebruiken in de html![]()
Misschien is DOM nog niet klaar? (als de javascript uitgevoerd wordt)
Best mogelijk iddquote:Op donderdag 15 oktober 2009 10:14 schreef woopehh het volgende:
Misschien is DOM nog niet klaar? (als de javascript uitgevoerd wordt)
Daar zou je wel eens gelijk in kunnen hebbenquote:Op donderdag 15 oktober 2009 10:10 schreef Iblis het volgende:
\W is toch al een class op zichzelf? M.a.w. hoeft niet binnen []?
Goed punt, ga ik proberenquote:Op donderdag 15 oktober 2009 10:10 schreef Iblis het volgende:
Wat je spaties probleem betreft: Is je string niet in Unicode? Een non-breakable space kun je natuurlijk coderen als entity ( ) maar kan ook gewoon getypt worden: ‘ ’ en dat ziet er meestal niet anders uit dan een gewone spatie: ‘ ’. Je kunt met JavaScript er echter wel achter komen wat de boosdoener is: gebruik de charCodeAt-method van de string. Dan krijg je de Unicode-waarde terug en kun je opzoeken wat het is.
Dit werkt wel, maar dan is de button meteen disabled, en dat hoort nou ook weer nietquote:Op donderdag 15 oktober 2009 10:17 schreef daReaper het volgende:
[..]
Ohja, dat had ik even gemist
Ik kan me inderdaad zo voorstellen dat de DOM nog niet klaar is. Probeer eens een document.onload te gebruiken.
Hoe heb je de code nu dan?quote:Op donderdag 15 oktober 2009 10:42 schreef Skonk het volgende:
[..]
Dit werkt wel, maar dan is de button meteen disabled, en dat hoort nou ook weer niet.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | function disableButton(id) { document.getElementById(id).disabled = true; } function addButton () { var parent = document.getElementById('buttonDiv'); var el= document.createElement('input'); el.setAttribute('type','button'); el.setAttribute('name','button1'); el.setAttribute('id','ButtonID'); el.setAttribute('value','submit'); el.setAttribute('onclick',"disableButton('ButtonID')"); parent.appendChild(el); } window.onload = addButton; </script> <body> <div id="buttonDiv"></div> |
Ik heb dit probleem maar even laten zitten met onclick, ik dacht dat fix ik later wel allemaal. (maar toch bedankt!)quote:Op donderdag 15 oktober 2009 11:30 schreef Darkomen het volgende:
Mm da tis wat lastiger, je kan de button via javascript creeren en daar de onclick aan hangen :P
Dan staat deze niet in je html :P
[ code verwijderd ]
En als dat ook niet mag ben ik benieuwt wat er dan wel mag "D
Edit: heb ej wel minimaal IE8 voor nodig, of een andere browser die wel luistert naar webstandaarden zoals Firefox :)
1 2 3 4 | var symbool = document.getElementById('Button').innerHTML alert(symbool); } |
1 2 | <button class="SymbolButton" id="Button2" onclick="toonSymbool()">Alien</button> |
1 |
1 2 3 4 | { alert(button.innerHTML); } |
Het werktquote:Op vrijdag 30 oktober 2009 10:50 schreef SuperRembo het volgende:
[ code verwijderd ]
this geeft op deze manier een referentie naar het element waar op geklikt wordt, in dit geval de knop waar je informatie van wil tonen.
[ code verwijderd ]
Je geeft de functie die de button aanroept, zichzelf mee als referentie. Zo van 'hey functie, IK heb jou aangeroepen!'quote:Op vrijdag 30 oktober 2009 11:22 schreef Skonk het volgende:
[..]
Het werkt.
Alleen snap ik niet helemaal hoe?
Hoe weet hij nou welke button het is?
Sorry als dit hele domme vragen zijn.
Ik denk dat ik het snap.quote:Op vrijdag 30 oktober 2009 11:26 schreef Scorpie het volgende:
[..]
Je geeft de functie die de button aanroept, zichzelf mee als referentie. Zo van 'hey functie, IK heb jou aangeroepen!'
En dan weet de functie dus dat die button het is geweest.
1 2 3 4 5 6 7 8 9 | { var air = document.src = "img/air.PNG"; if (button.innerHTML == "Air"){ document.getElementById('FightWindow').innerHTML = air; } } |
1 2 3 4 5 6 7 8 | { var air = "<img " + "src=" + "img/" + "air.PNG>"; if (button.innerHTML == "Air"){ document.getElementById('FightWindow').innerHTML = air; } } |
Dan doet ie niks.quote:Op vrijdag 30 oktober 2009 14:48 schreef woopehh het volgende:
Waarom dan niet gewoon
[ code verwijderd ]
1 |
Ja, dit kan je voorkomen door ze te escapen:quote:Op vrijdag 30 oktober 2009 14:55 schreef Skonk het volgende:
[..]
Dan doet ie niks.
Vond ik ook al raar.
[edit]
Ik zie het al.
Ik deed dit:
[ code verwijderd ]
en dan doet ie het niet, maar dat lag dus aan de aanhalingstekens?
1 |
Oh, weer wat geleerd.quote:Op vrijdag 30 oktober 2009 14:58 schreef woopehh het volgende:
[..]
Ja, dit kan je voorkomen door ze te escapen:
[ code verwijderd ]
1 |
1 2 3 4 5 6 7 8 9 10 | function ca(end,level){ $("end").animate({ height: level + "px", }, 500 ); } Met deze button: <button onclick="ca(#block,150)">» Run</button> |
Het is een website die ook gerund moet kunnen worden zonder internet, dus inderdaad dat het in een bestand ofzo wordt opgeslagen.quote:Op dinsdag 3 november 2009 11:13 schreef Darkomen het volgende:
Lokaal? Als in bij de genen die die website beheerd of dat een server sides programmeer taal het wegschrijft in een file of een database?
Denk niet dat dat gaat lukken met alleen javascriptquote:Op dinsdag 3 november 2009 11:22 schreef Skonk het volgende:
[..]
Het is een website die ook gerund moet kunnen worden zonder internet, dus inderdaad dat het in een bestand ofzo wordt opgeslagen.
Wat krijg je voor error dan? Die #block in het argument van de functie moet sowieso gequote worden trouwensquote:Op dinsdag 3 november 2009 10:58 schreef Flaccid het volgende:
Ben me aan t verdiepen in jquery, want wil een redelijk dynamische (met sliders en visualiserende divs) site maken.
Ik wil om eens te proberen 5 divs als in een staafgrafiek van lengte te veranderen met verschillende knoppen.
1 knop geeft dus door: staaf1 lengte = 50, staaf2lengte=60, enz.
[ code verwijderd ]
Dat dacht ik op deze manier te doen, en dan een onclick met een button, maar dat werkt dus niet. Kan dit wel op deze manier met jquery, of moet ik het anders aanpakken?
Ik heb het idee als ik voor elke staaf een stuk code moet doen mn js erg groot word.
Da's dan een leuke javascript opdracht die we hebben gekregen!quote:Op dinsdag 3 november 2009 12:00 schreef woopehh het volgende:
[..]
Denk niet dat dat gaat lukken met alleen javascript
Het enige wat ik zou kunnen bedenken is alles naar een cookie schrijven.. maar weet niet of dat de bedoeling isquote:Op dinsdag 3 november 2009 12:25 schreef Skonk het volgende:
[..]
Da's dan een leuke javascript opdracht die we hebben gekregen!
Javascript kan wel bestanden openen en schrijven, dus het moet wel kunnen. Ik heb er verder geen ervaring mee, maar Google laat wel het een en ander zien.quote:Op dinsdag 3 november 2009 12:00 schreef woopehh het volgende:
[..]
Denk niet dat dat gaat lukken met alleen javascript
Mijn fout, lokaal lijkt het inderdaad mogelijk te zijnquote:Op dinsdag 3 november 2009 12:42 schreef Light het volgende:
[..]
Javascript kan wel bestanden openen en schrijven, dus het moet wel kunnen. Ik heb er verder geen ervaring mee, maar Google laat wel het een en ander zien.
Uhm, ja ik weet het niet, het is gewoon voor een paar simpele dingen zoals Naam, Mening, en een gekozen symbool wat daarbij hoort.quote:Op dinsdag 3 november 2009 12:37 schreef woopehh het volgende:
[..]
Het enige wat ik zou kunnen bedenken is alles naar een cookie schrijven.. maar weet niet of dat de bedoeling is
Ik vind ook alleen maar methodes die gebruik maken van ActiveX om naar een text bestand te schrijven, misschien had Light iets anders gevonden?quote:Op dinsdag 3 november 2009 13:25 schreef Skonk het volgende:
[..]
Uhm, ja ik weet het niet, het is gewoon voor een paar simpele dingen zoals Naam, Mening, en een gekozen symbool wat daarbij hoort.
Ik weet niet eens waar ik deze errors kan zien.quote:Op dinsdag 3 november 2009 12:06 schreef woopehh het volgende:
[..]
Wat krijg je voor error dan? Die #block in het argument van de functie moet sowieso gequote worden trouwens
En probeer het is als de functie niet in de document ready functie staat
Maar je kunt de functie wel meerdere keren aanroepen:quote:Op zaterdag 7 november 2009 15:09 schreef Tijn het volgende:
Maar hoe zorg ik dan dat de ajaxfunctie aangeroepen blijft worden? SetTimeout is toch maar eenmalig?
1 2 3 4 5 6 7 8 | { if(xmlhttp.readyState==4) { document.myForm.time.value=xmlhttp.responseText; setTimeout("ajaxFunction()", 2000); // Nieuwe ronde over twee seconden :) } } |
Ja, ik had natuurlijk al gecheckt, maar ik kom er niet uit.quote:Op dinsdag 10 november 2009 10:36 schreef Darkomen het volgende:
Waarschijnlijk heb je dezelfde opdracht als iemand eerder in dit topic dus zie de vorige pagina, skonk
1 2 3 | <input id="SaveID" class="SaveButtonMakeup" name="SaveButton" type="button" value="Save"> </div> |
1 2 3 4 | { document.getElementById("SaveID").onclick = Disable(); } |
1 2 3 4 5 6 7 8 9 10 11 12 13 | <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <script type="text/javascript" src="js/view/view2.js"></script> </head> <body onload="Disable1()"> <input id="SaveID" name="SaveName" type="button" value="Save"> </body> </html> |
1 2 3 4 5 6 7 8 9 10 | { document.getElementById("SaveID").onclick = Disable2; } function Disable2() { alert("ja"); } |
Ja, thanks! Dit is nog mooier natuurlijk.quote:Op dinsdag 10 november 2009 13:12 schreef Darkomen het volgende:
Kijk met een beetje nadenken kom je er wel
ipv
onload="Disable1()"
kan je ook in je view.js onderaan het volgende zetten
window.onload=Disable1;
1 2 3 4 5 6 7 8 9 10 11 12 | { //Checken of het juiste symbool is gekozen: if (confirm("Weet je zeker dat je dit symbool wilt kiezen?")) { } else { } } |
1 2 3 4 5 6 7 8 | var foo = 0; function bar(){ foo++; alert(foo); } </script> <button onclick="bar();" value="">Foo</button> |
quote:Op woensdag 11 november 2009 12:52 schreef Darkomen het volgende:
Bekijk dit eens en kijk of je het kan toepassen aan jouw opdracht.
[ code verwijderd ]
Anders heb ik wel al de volledige oplossing voor je maar dan leer je niks
Nou, ik kan je vertellen dat het script niet werkt als ik dat doe.quote:Op woensdag 11 november 2009 14:00 schreef Darkomen het volgende:
if (Speler = 2), daar moet een dubbele =
Zou er toch maar == van maken, nu staat er Speler wordt 2, wat dus altijd waar isquote:Op donderdag 12 november 2009 09:48 schreef Skonk het volgende:
[..]
Nou, ik kan je vertellen dat het script niet werkt als ik dat doe.
Maar nou heb ik een nieuwe vraag, hoe kan ik een variabel maken van de knop waarop gedrukt word?
Zodat ik dus weet op welke knop gedrukt word.
Speler 2 is toch ook aan de beurt?quote:Op donderdag 12 november 2009 11:23 schreef woopehh het volgende:
[..]
Zou er toch maar == van maken, nu staat er Speler wordt 2, wat dus altijd waar is
Dan klopt je script dus niet ;-)quote:Op donderdag 12 november 2009 09:48 schreef Skonk het volgende:
[..]
Nou, ik kan je vertellen dat het script niet werkt als ik dat doe.
Maar nou heb ik een nieuwe vraag, hoe kan ik een variabel maken van de knop waarop gedrukt word?
Zodat ik dus weet op welke knop gedrukt word.
Kun je hier wat mee?quote:Op donderdag 12 november 2009 09:48 schreef Skonk het volgende:
Maar nou heb ik een nieuwe vraag, hoe kan ik een variabel maken van de knop waarop gedrukt word?
Zodat ik dus weet op welke knop gedrukt word.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <head> <title>Testpagina</title> <script type="text/javascript"> function foo(btn) { alert(btn.id); } </script> </head> <body> <button id="testButton1" onclick="foo(this)">Test 1</button> <button id="testButton2" onclick="foo(this)">Test 2</button> <button id="testButton3" onclick="foo(this)">Test 3</button> </body> </html> |
Ja, ik denk dat wel zou helpen, alleen mag ik geen onclick gebruiken in mijn HTML.quote:Op donderdag 12 november 2009 12:17 schreef Light het volgende:
[..]
Kun je hier wat mee?
[ 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 | <head> <title>Testpagina</title> <script type="text/javascript"> function bar() { document.getElementById('testButton1').onclick = foo2; document.getElementById('testButton2').onclick = foo2; document.getElementById('testButton3').onclick = foo2; } function foo2() { alert(this.id); } window.onload = bar; </script> </head> <body> <button id="testButton1">Test 1</button> <button id="testButton2">Test 2</button> <button id="testButton3">Test 3</button> </body> </html> |
Hmm... ik zit hier toch nog een beetje mee te stoeien. Ik wil nu graag een variabele meegeven aan m'n ajaxfunctie. Deze variabele moet ik dan dus ook weer meegeven in de timeout-functie, maar dit werkt niet:quote:Op zaterdag 7 november 2009 17:04 schreef Light het volgende:
[..]
Maar je kunt de functie wel meerdere keren aanroepen:
[ code verwijderd ]
1 |
1 |
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 | { sel = document.getElementById(id); var openReq = createXMLHttpRequest(); d = new Date(); openReq.open("GET", "/selectoption/select.php?" + params + "&c=" + escape(d.getTime()), true); openReq.onreadystatechange = function() { if (openReq.readyState != 4) { return; } if (document.getElementById(id).length > 0) { to = document.getElementById(id).length; for (x = 0; x <= to; x++) { sel.remove(0); } } createSelectList(id, eval('(' + openReq.responseText + ')'), selId); } openReq.send(null); } function createSelectList(id, list, selId) { d = document.getElementById(id); selected = false; for ( var i in list ) { var optNew = document.createElement('option'); optNew.text = list[i]; optNew.value = i; if (i == selId) { selected = true; } // found same ID as selected id? select is true try { d.add(optNew, null); // standards compliant; doesn't work in IE } catch(ex) { d.add(optNew); // IE only } } if (selected == true) { d.selectedIndex = selId; } } function createXMLHttpRequest() { try { return new XMLHttpRequest(); } catch(e) {} try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {} alert("XMLHttpRequest not supported"); return null; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <head> <title>test</title> <script type="text/javascript" src="index.js"></script> </head> <body> <a href="javascript:createSelect('select', 'p=vis&type=roofvis', 1);">Roofvis</a> <br /> <a href="javascript:createSelect('select', 'p=vis&type=witvis', 11);">Witvis</a> <br /> <a href="javascript:createSelect('select', 'p=vis&type=zeevis', 1);">Zee vis</a> <br /> <select id="select" name="select"> </select> <br /> <a href="javascript:createSelect('select1', 'p=div', 1);">Select 1</a> <br /> <select id="select1" name="select1"> <option value="1">option 1</option> <option value="2">option 2</option> <option value="3">option 3</option> <option value="4">option 4</option> </select> |
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 | header('Content-type: application/json'); $p = isset($_GET['p']) ? $_GET['p'] : ''; $arr = array(); switch ($p) { case "vis": $t = isset($_GET['type']) ? $_GET['type'] : ''; switch ($t) { case "roofvis": $arr = array(1 => "Snoek", 2 => "Snoekbaars", 3 => "Baars"); break; case "witvis": $arr = array(1 => "karper", 2 => "Voorn", 3 => "Brasum", 4 => "Giebel", 5 => "Kopvoorn", 6 => "Zeelt", 7 => "Steur"); break; default: $arr = array(1 => "Schol", 2 => "Zee baars"); break; } break; default: $arr = array(0 => "Geen opties"); break; } echo json_encode($arr); ?> |
je kan ook het volgende doen:quote:Op zondag 15 november 2009 17:22 schreef Tijn het volgende:
[..]
Hmm... ik zit hier toch nog een beetje mee te stoeien. Ik wil nu graag een variabele meegeven aan m'n ajaxfunctie. Deze variabele moet ik dan dus ook weer meegeven in de timeout-functie, maar dit werkt niet:
[ code verwijderd ]
Wat is hier de goede syntax voor?
[edit] Oh wacht, ik heb het al... m'n variabele is een string, dus die moest ik ook nog even tussen enkele quotes zettenNu werkt het wel:
[ code verwijderd ]
1 2 3 4 5 | //aanroep naar andere functie ajaxfunction(x,y,z); }, 1000); |
quote:Op zondag 15 november 2009 20:23 schreef Chandler het volgende:
Heeft iemand nog iets op te merken over mijn kleine scriptje dat middels php/json een select kan vullen?
[ code verwijderd ]
word op deze manier gebruikt
[ code verwijderd ]
en mijn test php scriptje
[ code verwijderd ]
Comments zeer welkom, kan er alleen maar van leren
Ik heb altijd wat te zeikenquote:
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 | var d = new Date(); var openReq = false; var selected = false; function ajaxUpdateSelect(id, params, selId) { selOption = document.getElementById(id); if (selOption == false) { alert('Element bestaat niet'); return false; } openReq = createXMLHttpRequest(); if (openReq != false) { openReq.open("GET", "/selectoption/select.php?" + params + "&c=" + escape(d.getTime()), true); openReq.onreadystatechange = function() { if (openReq.readyState != 4) { return; } if (selOption.length > 0) { to = selOption.length; for (x = 0; x <= to; x++) { selOption.remove(0); } } ajaxUpdateSelectList(eval('(' + openReq.responseText + ')'), selId); } openReq.send(null); } } function ajaxUpdateSelectList(list, selId) { selOption.selectedIndex = 0; for (var i in list) { var optNew = document.createElement('option'); optNew.text = list[i]; optNew.value = i; if (i == selId) { selected = true; } selOption.add(optNew); } if (selected == true) { selOption.selectedIndex = selId; } } function createXMLHttpRequest() { try { return new XMLHttpRequest(); } catch(e) {} try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {} alert("XMLHttpRequest not supported"); return null; } |
Dat van de 'var' ha dik ook nog kunnen vindenquote:Op maandag 16 november 2009 18:07 schreef SuperRembo het volgende:
[..]Declareer variabelen met var. Zonder "werkt" het nu misschien ook wel, maar het kan je later in problemen brengen als ongewild variabelen overschreven worden. document.getElementById(id) kost vrij veel tijd, dus roep die functie niet onnodig vaak aan. In createSelect heb je 'm maar 1 keer nodig, de uitkomst kan je zelfs weer doorgeven aan createSelectList. function createSelect(id, params, selID) maakt geen select control, maar vult een bestaande met gegevens van de server. function createSelectList(id, list, selId) maakt ook geen select control, maar vult deze met de gegevens die je aanlevert. try/catch kost ook vrij veel tijd. Als je van te voren al weet dat iets niet in IE gaat werken, gebruik dan gewoon een if/else. Helmaal als je het in een loop gebruikt. Je kan ook van te voren controleren of window. XMLHttpRequest bestaat, dan heb je ook geen try/catch nodig. javascript in de href van een link ![]()
[..]
Ik heb altijd wat te zeiken
Ik ben er weer mee bezig, en ik had het ook aan de praat, waarvoor dank.quote:Op donderdag 12 november 2009 13:36 schreef Darkomen het volgende:
Dan ga je dus combineren met wat we al hadden gegeven ;-)
[ code verwijderd ]
oke, in princiepe doe je dat al als je iets schrijft. bedankt.quote:Op dinsdag 17 november 2009 09:49 schreef Chandler het volgende:
@Darkomen: er is geen vervanging voor document.getElemenyById maar je kunt het maar beter zo minimaal gebruiken (dus niet meerdere keren als het niet nodig is)
Ok, ik wil het wel doen, alleen het is wel een slordige code.quote:Op dinsdag 17 november 2009 11:46 schreef Darkomen het volgende:
[..]
oke, in princiepe doe je dat al als je iets schrijft. bedankt.
@skonk, post dan eens precies de opdracht, je javascript en je html.
Het is nu steeds gokken wat je nu wilt, oplossing plaatsen, dan weer een ander probleempje etc
Dat tezamen met jouw kennis van Javascript (no offense, ik ben ook geen expert) maakt het erg lastig iets te schrijven.
Ik schrijf al voor FireFoxquote:Op dinsdag 17 november 2009 12:46 schreef Darkomen het volgende:
Wow.....dat krijg ik niet in tussen mn werk door herschreven/begrijpen.
Ik heb wel je code aangepast, je enorme lijsten met buttons vervangen door een while loop
Ook buttons die niet corssbrowser waren vervangen door document.getelementbyid
Maar wat het script nu wanneer moet doen word me echt niet duidelijk.
Dan zou ik echt eens wat langer moeten kijken.
http://pastebin.com/m4b55d8a6
Tip.
Firefox: http://www.mozilla-europe.org/nl/firefox/
Webdeveloper: https://addons.mozilla.org/nl/firefox/addon/60
Daarin zit een javascript debugger.
Begin met schrijven voor firefox, daarmee schrijf je een script welke door 99% van de browsers word geaccepteerd omdat zij zich wel aan de webstandaarden houden, IE versies lager dan 8 doen dit niet en accepteren veel rotzooi helaas
1 2 3 4 | setTimeout(window.close(),3000); } document.onload = timeClose(); |
1 2 3 4 | setTimeout("window.close()",3000); } document.onload = timeClose(); |
1 2 3 4 | setTimeout(function(){ window.close(); }, 3000); } document.onload = timeClose(); |
1 2 3 4 | setTimeout(window.close, 3000); } document.onload = timeClose(); |
eens proberen zonder ().quote:Op maandag 7 december 2009 09:36 schreef Light het volgende:
Volgens mij moet dit ook werken:
[ code verwijderd ]
1 2 3 4 5 6 7 8 | { var ingevuld = true; if (dispute.value == "The statement you have a dispute about.") { ingevuld = false; } return ingevuld; } |
quote:Op donderdag 10 december 2009 11:26 schreef Skonk het volgende:
[..]
Hij blijft undefined. Hoe kan dat nou :'(.
1 2 3 | invoerBeheerder.controleerInvoer(dispute, defender, attacker); } |
Ik snap niet echt wat je bedoelt (ben nog geen proquote:Op donderdag 10 december 2009 11:28 schreef Scorpie het volgende:
[..]
[ code verwijderd ]
Hier bind je de returnValue niet aan een variable.
Document heeft geen load event, window wel.quote:Op maandag 7 december 2009 09:36 schreef Light het volgende:
Volgens mij moet dit ook werken:
[ code verwijderd ]
Mag ik vragen waar je op die manier geleerd hebt om Javascript te programmeren?quote:Op donderdag 10 december 2009 14:51 schreef Skonk het volgende:
[..]
Ik snap niet echt wat je bedoelt (ben nog geen pro), maar ik heb nu weer hetzelfde probleem.
Ik heb het hele ding maar geupload, dan kunnen mensen zelf zien wat er fout is: http://school.netii.net/Project01/RockPaperScissors/
Het is dus de bedoeling (nu), dat als je de dispute veranderd, en op Start klikt er geen false maar true terug komt.
Maar blijkbaar geef ik de variabele disputeingevuld niet goed terug aan de view.
Ik ben dit nu op school aan het leren.quote:Op vrijdag 11 december 2009 08:46 schreef Scorpie het volgende:
[..]
Mag ik vragen waar je op die manier geleerd hebt om Javascript te programmeren?
Serieus, geven ze deze manier van programmeren op school? Frappant.quote:Op vrijdag 11 december 2009 09:08 schreef Skonk het volgende:
[..]
Ik ben dit nu op school aan het leren.
MVC implementeren in een view laag zonder fatsoenlijk object model is inderdaad bijzonder waardevol voor de professionele carriere van deze top programmeurs in spé.quote:Op vrijdag 11 december 2009 09:31 schreef Scorpie het volgende:
[..]
Serieus, geven ze deze manier van programmeren op school? Frappant.
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 | function sendRequest(url,ReturnFunction) { http.open("GET", url , true); http.onreadystatechange = ReturnFunction; http.send(null); } function getHTTPObject() { var xmlhttp; /*@cc_on @if (@_jscript_version >= 5) try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } @else xmlhttp = false; @end @*/ if (!xmlhttp && typeof XMLHttpRequest != 'undefined') { try { xmlhttp = new XMLHttpRequest(); } catch (e) { xmlhttp = false; } } return xmlhttp; } var http = getHTTPObject(); // We create the HTTP Object function boxTophp(id){ var url = 'jephpscript.php?checkbox='+id; sendRequest(url,doenogietserna); } </script> <input type="checkbox" onclick=" boxTophp('1');" name="iets" /> |
1 2 | var match = /(^([0-9]+):([0-9]+):([0-9]+),([0-9]+)$)/.test(string); |
Ik heb niet veel ervaring met javascript regular expressions, maar wat wil je bereiken?quote:Op dinsdag 22 december 2009 23:44 schreef Tijn het volgende:
God, wat haat ik regular expressions toch. Nou zit ik met dit soort onleesbare shit in m'n code![]()
[ code verwijderd ]
Het lijkt gvd Perl wel
Dat iemand alleen iets in het formaat [uren]:[minuten]:[seconden],[milliseconden] kan invullen in een tekstveld.quote:Op woensdag 23 december 2009 00:19 schreef Light het volgende:
[..]
Ik heb niet veel ervaring met javascript regular expressions, maar wat wil je bereiken?
quote:Op woensdag 23 december 2009 00:25 schreef Tijn het volgende:
[..]
Dat iemand alleen iets in het formaat [uren]:[minuten]:[seconden],[milliseconden] kan invullen in een tekstveld.
1 |
Dat kan ook met [0-5][0-9]quote:Op woensdag 23 december 2009 00:32 schreef Tijn het volgende:
Ja, ik had er al een testje achter gebouwd die checkt of de minuten en seconden wel 60 of lager zijn. Toch bedankt voor het meedenken
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | if (divID && eventID && ajax_ID) { window.addEvent('domready', function() { $(eventID).addEvent('click', function(){ var log = $(divID).empty().addClass('ajax-loading'); new Ajax( "/index.php?ajax_ID="+ajax_ID+"&"+info, {method: 'get', update: $(divID),onComplete: function() { log.removeClass('ajax-loading'); },evalScripts: eval} ).request(); $(eventID).fireEvent('click'); } } |
Volgens mij heb je meer open-haakjes dan sluit-haakjes en kan de code dus niet werken.quote:Op maandag 28 december 2009 16:22 schreef Likkende_Lassie het volgende:
Ik kom er weer es niet uit!
Ik probeer met MooTools 1.1.1 / 1.2.4 een ajax functie werkend te krijgen.... echter of hij doet de calls dubbel, of helemaal niet:
Ik heb de volgende functie in het leven geroepen:
[ code verwijderd ]
Bovenstaande functie werkt wél met 1.1.1, echter doet hij de ajax calls dubbel.
Werkend met 1.2.4. krijg ik um sowieso niet
Moet soms het event worden verwijderd? zoja, hoe doe ik dat, voorbeeld please?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | if (divID && eventID && ajax_ID) { var rand_no = Math.random(); $(eventID).addEvent(rand_no, function(){ var log = $(divID).empty().addClass('ajax-loading'); new Ajax( "/index.php?ajax_ID="+ajax_ID+"&"+info, {method: 'get', update: $(divID),onComplete: function() { log.removeClass('ajax-loading'); },evalScripts: eval} ).request(); $(eventID).fireEvent(rand_no); } } |
1 2 3 4 5 6 7 8 9 10 11 12 | document.getElementById('ic').style.width = ic document.getElementById('it').style.width = it document.getElementById('ufp').style.width = ufp document.getElementById('sca').style.width = sca document.getElementById('dbp').style.width = dbp document.getElementById('fs').style.width = fs document.getElementById('sdcl').style.width = sdcl document.getElementById('drp').style.width = drp document.getElementById('tc').style.width = tc document.getElementById('dmm').style.width = dmm } |
Als je van zoiets een functie maakt, zou ik de functie zo generiek mogelijk maken. Dus gewoon zo:quote:Op donderdag 14 januari 2010 14:29 schreef Flaccid het volgende:
Ook al gelukt, gewoon de content in een hidden div gezet.
Kan dit simpeler en met minder code dmv een array?
[ code verwijderd ]
1 2 3 4 | { document.getElementById(element).style.width = width; } |
Ja dat had ik eerst, 't is een van de 2.quote:Op donderdag 14 januari 2010 15:36 schreef Tijn het volgende:
[..]
Als je van zoiets een functie maakt, zou ik de functie zo generiek mogelijk maken. Dus gewoon zo:
[ code verwijderd ]
Vervolgens roep je die functie aan wanneer je de breedte van een element aan wil passen. Dat maakt je code niet korter, maar imho wel logischer.
1 2 3 4 5 6 | function popup(){ window.open('php/player.php','SLER Uitzending','width=443,height=209,scrollbars=no,toolbar=no,location=no,resizable=no,status=no,menubar=no,directories=no'); return false; } </script> |
1 |
De spatie bij de tweede parameter van de window.open functie weghalen.quote:Op zondag 17 januari 2010 14:14 schreef uppie83 het volgende:
Ik heb het volgende stukje code in mijn website staan:
[ code verwijderd ]
met even verderop in de html code
[ code verwijderd ]
Bij firefox werkt dit, bij IE gebeurd er niets en staat er linksonderin beeld "fout op de pagina". Als ik dan kijk wat de fout is, dan wordt aangegeven dat het gaat om de window.popup regel, teken 3, fout "ongeldig argument" en code 0.
Iemand een idee wat hier aan de hand is?
Is een onfocus="this.select()" niet handig bij de inputs bovenin?quote:Op vrijdag 29 januari 2010 11:27 schreef Skonk het volgende:
Ons spelletje is af!
www.rockpaperscissorsultimate.tk
Zowel in IE7 als in FF gebeurd er niks, waar je ook op klikt.quote:Op vrijdag 29 januari 2010 11:27 schreef Skonk het volgende:
Ons spelletje is af!
www.rockpaperscissorsultimate.tk
Je moet wel eerst je gegevens invullen en dan op start drukken.quote:Op vrijdag 29 januari 2010 12:42 schreef Darkomen het volgende:
[..]
Zowel in IE7 als in FF gebeurd er niks, waar je ook op klikt.
doet het niet in FFquote:Op vrijdag 29 januari 2010 12:47 schreef Skonk het volgende:
[..]
Je moet wel eerst je gegevens invullen en dan op start drukken.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |