DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Hier kan je alle vragen stellen over Javascript en alles wat er mee te maken heeft.
Heb je een probleem, post dan ook even de code waar het probleem zit
Zo kunnen we je beter proberen te helpen.Handige links:
Quircksmode Javascript
Javascript Cheat Sheet
Mis je een link? Geef even een gil in het topic
Tutorials:
W3Schools Javascript
W3Schools AJAX
Let op! Verwijder je post niet.
Als je bijvoorbeeld zelf al een antwoord hebt gevonden, laat ons dan even weten hoe je het hebt opgelost.
Wel zo aardig.
met jQuery gaat zoiets veel makkelijker.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
Kent iemand hier ContentFlow?
http://www.jacksasylum.eu/ContentFlow/index.php
Ik krijg het niet aan de praat in IE, krijg steeds deze melding:
SCRIPT5022: Uitzondering geactiveerd maar niet afgehandeld
contentflow.js, regel 2 teken 21713
Op de site staat dat het hoort te werken, en ik heb de code gewoon zo geplaatst.
Iemand een idee?
http://www.jacksasylum.eu/ContentFlow/index.php
Ik krijg het niet aan de praat in IE, krijg steeds deze melding:
SCRIPT5022: Uitzondering geactiveerd maar niet afgehandeld
contentflow.js, regel 2 teken 21713
Op de site staat dat het hoort te werken, en ik heb de code gewoon zo geplaatst.
Iemand een idee?
Datsoort scripts hebben over het algemeen ook een niet-minified versie, probeer die eens. Dat debugt wat makkelijker.
Ik noteer: Ik heb geen idee hoe je het kan testen, of uberhaubt kan weten dat het werkt. Heeft javascript ook een syntax checker? Ik heb geen idee of dit uberhaubt wel klopt
Ik heb een button. En die moet een timer starten.
Die timer checkt elke 5 seconden of er iets veranderd is in de de database, met een maximale lengte van 90 seconden.
Nou had ik zoiets bedacht, maar het werkt volgens mij niet. (Ik bak ook niet veel van javascript)
(voor de test wil ik eigenlijk alleen even een alert laten oppoppen)
Ik heb een button. En die moet een timer starten.
Die timer checkt elke 5 seconden of er iets veranderd is in de de database, met een maximale lengte van 90 seconden.
Nou had ik zoiets bedacht, maar het werkt volgens mij niet. (Ik bak ook niet veel van javascript)
(voor de test wil ik eigenlijk alleen even een alert laten oppoppen)
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <input type="submit" style="width:120px; height:40px;" name="Genereren" id="Genereren" value="Genereren" onclick="timer()"/> <script type="text/javascript"> function timer(){ var interval = window.setInterval("checkPDF()" ,5000); window.setTimeout(timer()) { clearInterval(interval); alert('Interval klaar'); },90000); } function checkPDF(){ alert('Interval!'); } </script> |
Enschede, onze stad! ons domein!
Binnenkort maar eens wat met JSON gaan lopen experimenteren. Wil gaan knutselen met Flickr en Facebook API 
( ͡° ͜ʖ ͡°)
Ej, mensen, help! Dit is toch easy voor de gemiddelde javascript gure (2 posts up)
Enschede, onze stad! ons domein!
window.setTimeout(timer()) {
clearInterval(interval);
alert('Interval klaar');
},90000);
wordt:
window.setTimeout("clearInterval(interval); alert('Interval klaar');",90000);
clearInterval(interval);
alert('Interval klaar');
},90000);
wordt:
window.setTimeout("clearInterval(interval); alert('Interval klaar');",90000);
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
ctrl+shift+jquote:Op vrijdag 26 augustus 2011 13:16 schreef Lamzak_ het volgende:
Ik noteer: Ik heb geen idee hoe je het kan testen, of uberhaubt kan weten dat het werkt. Heeft javascript ook een syntax checker? Ik heb geen idee of dit uberhaubt wel klopt
Whut?
setInterval doet het niet.
Ik gebruik Chrome en kwam erachter dat JavaScript de functie niet herhaalt om de 3 seconden.
Dus ik test het met een simpel scriptje:
De code wordt één keer uitgevoerd en daar blijft het bij.
setInterval doet het niet.
Ik gebruik Chrome en kwam erachter dat JavaScript de functie niet herhaalt om de 3 seconden.
Dus ik test het met een simpel scriptje:
| 1 2 3 4 5 6 7 | function test() { alert('hoi'); } setInterval(test(), 3000); |
De code wordt één keer uitgevoerd en daar blijft het bij.
Je moeder is een hamster
Je ziet nu ook direct 'hoi' ipv na 3 seconden. Het eerste argument moet tussen ", anders voert hij test uit en voert hij elke 3 seconden uit wat test returnt.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
Weet iemand of je de tekst kan veranderen die in het bericht staat dat je krijgt wanneer Google Maps om je locatie vraagt?
Ik ben wat aan het oefenen met jQuery en ik stuit op het volgende probleem:
Ik wil graag gebruik maken van .tabs uit jQuery en met AJAX de remote content laden. Tergelijke tijd met het laden van de content wil ik de stylesheet veranderen. tabBlue moet blue.css krijgen, tabGreen - green.css en tabRed - red.css.
Met mijn huidige .js lukt het om de content en css te laden op een tab. Ga ik vervolgens naar een andere tab, dan lukt dit wel maar hij hide de oude tab niet. Er staan dus 2 pagina's aan content.
HTML
JS
CSS
Ik wil graag gebruik maken van .tabs uit jQuery en met AJAX de remote content laden. Tergelijke tijd met het laden van de content wil ik de stylesheet veranderen. tabBlue moet blue.css krijgen, tabGreen - green.css en tabRed - red.css.
Met mijn huidige .js lukt het om de content en css te laden op een tab. Ga ik vervolgens naar een andere tab, dan lukt dit wel maar hij hide de oude tab niet. Er staan dus 2 pagina's aan content.
HTML
| 1 2 3 4 5 6 7 8 9 10 | <div id="nav"> <ul> <li><a href="blue.html" id="blue" title="tabBlue"><span>Tab Blue</span></a></li> <li><a href="green.html" id="green" title="tabGreen"><span>Tab Green</span></a></li> <li><a href="red.html" id="red" title="tabRed"><span>Tab Red</span></a></li> </ul> </div> <div id="tabBlue"></div> <div id="tabGreen"></div> <div id="tabRed"></div> |
JS
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | $(document).ready( function(){ $('div#nav > ul').tabs({ fx: { opacity: 'toggle', duration: 'slow' } }) $("#red").click(function() { $("link").attr("href", "css/red.css"); }); $("#green").click(function() { $("link").attr("href", "css/green.css"); }); $("#blue").click(function() { $("link").attr("href", "css/green.css"); }); } ); |
CSS
| 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 | body { background-color:#fff; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; } #nav ul { list-style:none; background:#000000; padding:5px; } #nav ul li { display:inline-block; } #nav ul li a { text-decoration: none; margin:0 20px; color:#ffffff; } .ui-tabs-hide { display:none; } |
Ah, ik zie dat in de andere stylesheets ik die regel had weggelaten! In de eerste css dus wel. Bedankt want ik keek nu wel op de juiste plekquote:
Ik zie je ook nergens de .ui-tabs-hide class gebruiken.
Ik loop nu vast op iets anders. Het zou heel simpel moeten zijn maar hoe lang ik er ook mee stoei ik kom er niet uit.
De bedoeling is dat zodra ik op de a#tempDialogueOpen klik de div tmpDialogue zichtbaar wordt.
Ik doe iets fout want er gebeurd niks. Iemand die het wel ziet? Mijn dank is gigantisch.
HTML
CSS
JS
De bedoeling is dat zodra ik op de a#tempDialogueOpen klik de div tmpDialogue zichtbaar wordt.
Ik doe iets fout want er gebeurd niks. Iemand die het wel ziet? Mijn dank is gigantisch.
HTML
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="css/style.css" type="text/css" rel="stylesheet"> <script type='text/javascript' src='js/jQuery.js'></script> <script type='text/javascript' src='js/jQueryUI.js'></script> <script type="text/javascript" src="js/tabs.js"></script> <script type="text/javascript" src="js/calender.js"></script> </head> <body> <div id="header"> <div id="logo"></div> <div id="nav"> <a href="" id="tmpDialogueOpen">Calender open</a> <a href="" id="tmpDialogueClose">Calender dicht</a> <ul> <li><a href="tab1.html" title="tab1">First Tab</a></li> <li><a href="tab2.html" title="tab2">Second Tab</a></li> <li><a href="tab3.html" title="tab3">Third Tab</a></li> <li><a href="tab4.html" title="tab4">Fourth Tab</a></li> <li><a href="tab5.html" title="tab5">Fifth Tab</a></li> </ul> </div> </div> <div id="container"> <div id="main"> <div id="tab1"></div> <div id="tab2"></div> <div id="tab3"></div> <div id="tab4"></div> <div id="tab5"></div> </div> <div id="sidebar"> </div> </div> <div id="tmpDialogue"><p>Calender</p></div> </body> </html> |
CSS
| 1 2 3 4 5 6 7 8 9 10 | #tmpDialogue { height:200px; width:200px; display:none; } div.tmpDialogueOn { display:block; } |
JS
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | // JavaScript Document var tmpExample = { ready : function() { $('a#tmpDialogueOpen').click( function($e) { $e.preventDefault(); $('div#tmpDialogue').addClass('tmpDialogueOn'); } ); $('a#tmpDialogueClose').click( function($e) { $e.preventDefault(); $('div#tmpDialogue').removeClass('tmpDialogueOn'); } ); } }; $(document).ready(tmpExample.ready); |
| 1 2 3 4 5 6 7 8 9 | $(document).ready(function() { $("#tmpDialogueOpen").click(function(){ $("#tmpDialogue").show(); }); $("#tmpDialogueClose").click(function(){ $("#tmpDialogue").hide(); }); }); |
Super! Het kan dus veel gemakkelijker. Ik had het ondertussen al wel zover dat er iets gebeurde met het toevoegen en weghalen van die extra class. Margin, Padding lukte wel maar Display, daar deed hij gek mee?quote:
Op Hoe dan ook, in dit geval werkt jou oplossing perfect ik heb nog wel even de preventDefault toegevoegd want anders laat hij de pagina opnieuw en zie je maar een splitseconde het gewenste effect
Hartstikke bedankt.
Misschien kunnen jullie mij helpen, ik heb google analytics op een site gegooid, direct achter de /head-tag, zoals het moet.
Nu krijg ik te horen dat er een Javascript Error in de site zit:
"iets anders is, dat er een javascript-error in de site zit. In alle pagina.s"
"Dat verwijst hiernaar:"
Nou zegt hij dat het komt door dat stukje onderin, Function. Maar die hele code kan ik niet terugvinden in mijn broncode. Weet één van jullie waar deze vandaan komt en hoe ik die op kan lossen? Ik ben niet zo bekend met Javascript, ik heb gewoon dat stukje code in de site gezet (Best een beetje van belang voor hun site).
Ik heb met IEtab de broncode bekeken in IE en FF, en in beiden zie ik deze code terug...
[ Bericht 1% gewijzigd door RenRen- op 08-09-2011 16:10:23 ]
Nu krijg ik te horen dat er een Javascript Error in de site zit:
"iets anders is, dat er een javascript-error in de site zit. In alle pagina.s"
| 1 2 3 4 5 | Bericht: '{' wordt verwacht Regel: 14 Teken: 15 Code: 0 URI: http://urlvandesite.nl |
"Dat verwijst hiernaar:"
| 1 2 3 4 5 6 7 8 9 | <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-21723787-3']); _gaq.push(['_trackPageview']); (function() )(); </script> |
Nou zegt hij dat het komt door dat stukje onderin, Function. Maar die hele code kan ik niet terugvinden in mijn broncode. Weet één van jullie waar deze vandaan komt en hoe ik die op kan lossen? Ik ben niet zo bekend met Javascript, ik heb gewoon dat stukje code in de site gezet (Best een beetje van belang voor hun site).
Ik heb met IEtab de broncode bekeken in IE en FF, en in beiden zie ik deze code terug...
[ Bericht 1% gewijzigd door RenRen- op 08-09-2011 16:10:23 ]
Die hele function staat niet in mijn code, wel in de bron maar niet in de code achter de schermenquote:
Moet er niet op z'n minst {} achter een functie staan?
Dus:
[ code verwijderd ]
Dus ik kan niets aan die function veranderen
