Ware het niet dat HTML5 pas in 2014 af is.quote:Op dinsdag 15 februari 2011 17:11 schreef Crazy Harry het volgende:
Samen met HTML5 gaat JavaScript nog een stuk belangrijker worden dus ik ga deze eens volgen
HTML4 stamt uit 1999, na 15 jaar is het wel tijd voor een opvolger.quote:Op woensdag 16 februari 2011 08:50 schreef Trollface. het volgende:
[..]
Ware het niet dat HTML5 pas in 2014 af is.
Een mogelijkheid om wát?quote:Op donderdag 24 februari 2011 16:19 schreef SpeedyGJ het volgende:
Is er ook een mogelijkheid om een html menu te maken in .js inc links?
Om nou 30 pagina's te gaan aanpassen voor 1 nieuw item toe te voegen/verwijderen is ook een klus van niks en als je 1 foutje hebt of het bevalt je niet kun je nog eens overnieuw
1 | $('td:contains("needle")').parent().addClass('highlight'); |
1 2 3 4 5 6 7 8 9 10 11 12 13 | <div class="Lookup"> <input type="hidden" name="ctl00$TemplateMain$Lookup1$LookupFieldID" id="TemplateMain_Lookup1_LookupFieldID" /> <input type="hidden" name="ctl00$TemplateMain$Lookup1$LookupFieldTextHidden" id="TemplateMain_Lookup1_LookupFieldTextHidden" /> <input name="ctl00$TemplateMain$Lookup1$LookupFieldTextDisplay" type="text" readonly="readonly" id="TemplateMain_Lookup1_LookupFieldTextDisplay" class="MediumLarge" /> <button id="TemplateMain_Lookup1_LookupButton" class="ButtonLookup" rel="Branch"></button> </div> <div class="Lookup"> <input type="hidden" name="ctl00$TemplateMain$Lookup2$LookupFieldID" id="TemplateMain_Lookup2_LookupFieldID" /> <input type="hidden" name="ctl00$TemplateMain$Lookup2$LookupFieldTextHidden" id="TemplateMain_Lookup2_LookupFieldTextHidden" /> <input name="ctl00$TemplateMain$Lookup2$LookupFieldTextDisplay" type="text" readonly="readonly" id="TemplateMain_Lookup2_LookupFieldTextDisplay" class="MediumLarge" /> <button id="TemplateMain_Lookup2_LookupButton" class="ButtonLookup" rel="Country"></button> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | $(document).ready(function () { var ControlButtons = document.getElementsByTagName('button'); for (var i = 0; i < ControlButtons.length; i++) { var ControlButton = ControlButtons[i]; var CollectionName = ControlButton.getAttribute('id').replace('Button', ''); switch (ControlButton.getAttribute('class')) { case 'ButtonLookup': var DataTable = ControlButton.getAttribute('rel'); $('button#' + ControlButton.getAttribute('id')).click(function () { OpenLookup(DataTable, CollectionName); return false; }); break; } } |
1 2 3 4 | function OpenLookup(DataTable, CollectionName) { $('div#OverlayWindow').load('Lookup.aspx?DataTable=' + DataTable + '&CollectionName=' + CollectionName); return true; } |
quote:Op donderdag 3 maart 2011 21:22 schreef PiRANiA het volgende:
Simpele vraag.
[ code verwijderd ]
zoekt in alle td's. Ik wil alleen in de td's met class description zoeken.
Hoe?
quote:Op donderdag 3 maart 2011 21:25 schreef PiRANiA het volgende:
En, een kort vraagje daar bij, hoe verifiëer ik of er wat is gevonden? .
1 2 3 4 5 6 7 8 | var results = $('td.description:contains("needle")').parent().addClass('highlight'); if(results.length > 0) { //iets gevonden! } else { //niets gevonden! } |
Zo op het eerste gezicht zou ik zeggen dat je CollectionName en DataTable binnen de onclick handler van de button zou moeten definen. Echter zou ik gewoon lekker voor alleen jQuery kiezen en dan krijg je zoiets:quote:Op vrijdag 4 maart 2011 06:08 schreef Tuvai.net het volgende:
Nu komt het probleem, indien ik meerdere Web User Controls gebruik op een pagina, verwijzen de DataTable en CollectionName parameters altijd naar de waarden van de Laatste Web User Control! Het lijkt net alsof de variabelen die ik in de switch scope van de $(document).ready() functie gebruik buiten hun scope om overschreven worden! Samengevat, als ik bovenstaand voorbeeld gebruik, dus met één Web User Control voor DataTable Branch en één voor DataTable Country, hebben beide buttons het gedrag OpenLookup('Country', 'TemplateMain_admBranch_'). Wat doe ik verkeerd?
1 2 3 4 5 6 7 8 9 10 11 | $(document).ready(function () { $('button.ButtonLookup').click(function() { var DataTable = $(this).attr('rel'); var CollectionName = $(this).attr('id').replace('Button', ''); OpenLookup(DataTable, CollectionName); return false; }); }); |
Had ik nog niet aan gedacht. Het is ouwe Javascript code die ik momenteel om aan 't zetten ben naar jQuery, maar ik bleef vanwege deze bug op dat stuk hangen en dacht er niet eens aan om een volledige jQuery versie te maken. Het werkt nu zoals het hoort, bedankt.quote:Op vrijdag 4 maart 2011 07:44 schreef Zixon het volgende:
[..]
Zo op het eerste gezicht zou ik zeggen dat je CollectionName en DataTable binnen de onclick handler van de button zou moeten definen. Echter zou ik gewoon lekker voor alleen jQuery kiezen en dan krijg je zoiets:
[ code verwijderd ]
//niet getest
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <html> <head> <script type="text/javascript"> window.onload = doit(); function doit() { document.getElementById('e').style.color = 'red'; } </script> </head> <body> <div id="e">asdasd</span> </body> </html> |
1 | window.onload = doit(); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <html> <head> <script type="text/javascript"> window.onload = initialize; function initialize() { document.getElementById('tekst').style.color = 'red'; } </script> </head> <body> <div id="tekst">Tekst :D</div> </body> </html> |
Minder slecht.quote:Op zondag 6 maart 2011 00:51 schreef Tegan het volgende:
setTextColor() zou ik doen.
Je functienaam moet wel omschrijven wat je doet. Dus die tweede is ook slecht .
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.Het volledige script.
Wat er gebeurt:
1. links met rel="external" krijgen het attribuut target="_blank".
2. tabelcellen met class="contactknop" worden zo veranderd, dat als je op de xste tabelcel met class="contactknop" klikt , de display van de xste tabelcel met class="contacttekst" op 'none' gezet wordt (of op 'block' als hij al onzichtbaar was).
3. Hetzelfde met bestandsknop en bestandslijst, alleen wordt ipv de display op none of block gezet, de visibility op hidden gezet (waardoor de lijst wel plek inneemt als hij onzichtbaar is, dit was wat mooier).
De site die we gemaakt hebben voor webdesign moest volledig xhtml strict zijn, met valide css, enzo. Werkt niet echt makkelijk, maar het is gelukt. (al ben ik geloof ik bij het inleveren de character encoding vergeten, maar dat levert alleen een warning op en geen error)
[ Bericht 30% gewijzigd door minibeer op 08-03-2011 13:11:40 ]Finally, someone let me out of my cage
1 | <a href="#TB_inline?height=150&width=300&inlineId=hiddenContent" class="thickbox">test</a> |
1 | <div id="hiddenContent" style="display:none;">inline content comes here</div> |
quote:Op maandag 14 maart 2011 21:58 schreef Chandler het volgende:
Een vraagje; kan het antwoord niet zo vinden
Weet iemand hoe het mogelijk is middels javascript alleen, zonder jquery of ander framework een te controleren of een checkbox array, id gechecked is.
<input type="checkbox" name="chk[1]" value="x"> 1
<input type="checkbox" name="chk[2]" value="x"> 2
<input type="checkbox" name="chk[3]" value="x"> 3
en dan nu wil ik bv controleren of chk[2] gezet is of niet? hoe doe ik dat? liefst middels document.getElementById ipv document.forms.etc
1 | element.checked == true |
1 2 3 4 5 6 7 8 9 10 11 | $("ul.path li").click(function() { // stukje code waarin ik een andere actie wil uitvoeren als er op li#klaar is geklikt, dan als er op een andere li is geklikt. if (li#klaar geklikt) { // dan doe je dit } else { // dan doe je wat anders } }); |
1 | timer6[1] = window.setInterval("MoveText("+textcount, textname+")", 100); |
1 2 3 4 5 6 | <a href="interviews.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('interviews','','img/menuitems/interviewshover.PNG',1)" onMouseDown = "MM_swapImage('interviews','','img/menuitems/interviewsclick.PNG',1) "> <img src="img/menuitems/interviews.PNG" alt="interviews" name="interviews" width="61" height="13" border="0" id="interviews" /> </a> |
Onmouseover is toch de hover, en onmouseout is toch als je er niet meer over hovert?quote:Op woensdag 23 maart 2011 17:48 schreef KomtTijd... het volgende:
Je bedoelt een javascript functie die het gedrag van CSS :active nabootst?
Dat is gewoon onmouseover en onmouseout.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | $(document).ready(function() { $("form#submit").submit(function() { // we want to store the values from the form input box, then send via ajax below var name = $('#name').attr('value'); var email = $('#email').attr('value'); var comment = $('#comment').attr('value'); $.ajax({ type: "POST", url: "contact.php", data: "name=" + name + "&email=" + email + "&comment=" + comment, success: function() { // hier wil ik de output van contact.php controleren (1 = succes, 0 is fout?) } }); return false; }); }); |
1 2 3 4 | success: function(data, textStatus, jqXHR) { alert(data); alert(textStatus); } |
1 2 3 | function(html) { if (html == 1) { doe dit } else { doe dat } } |
quote:Op dinsdag 29 maart 2011 09:53 schreef Chandler het volgende:
Yup! eerste veld is goed genoeg!
Wist niet dat deze functie met en zonder parameters gebruikt kon worden!! en ben dus weer heel wat wijzer geworden
[ code verwijderd ]
1 2 3 | function(html) { (html == 1)? doe dit : doe dat ; } |
Ternary operations zijn voor de leek nog niet zo makkelijk te begrijpenquote:
Leek? in PHP gebruik ik het heel veel bij het bepalen van invoer gegevens ($_POST, $_GET)quote:Op dinsdag 29 maart 2011 10:09 schreef Scorpie het volgende:
[..]
Ternary operations zijn voor de leek nog niet zo makkelijk te begrijpen
1 | Beginwaarde, voorbeeld: 10.00 |
1 2 3 | <input type="radio" name="verzendwijze" value="5.95" class="radio" /> <input type="radio" name="verzendwijze" value="9.95" class="radio" /> <input type="radio" name="verzendwijze" value="0.00" class="radio" /> |
1 2 3 4 | <input type="radio" name="betaalwijze" value="0.00" class="radio" /> <input type="radio" name="betaalwijze" value="0.00" class="radio" /> <input type="radio" name="betaalwijze" value="12.95" class="radio" /> <input type="radio" name="betaalwijze" value="0.00" class="radio" /> |
1 2 | <input type="hidden" name="verzendkosten" value="<totale verzendkosten"> <input type="hidden" name="totaalbedrag" value="<totaalbedrag"> |
Prijsberekening:quote:Op donderdag 31 maart 2011 15:00 schreef xaban06 het volgende:
Ik heb een bestel formulier op mijn website, aan het eind moet aan de hand van een aantal keuzes een berekening gemaakt worden.
Zou iemand mij hier bij kunnen helpen? Of desnoods wijzen naar tutorials welke dit behandelt.
Constructie:
[ code verwijderd ]
Ik heb 3 verzend mogelijkheden, namelijk:
[ code verwijderd ]
Daaronder heb ik betaal mogelijkheden, namelijk:
[ code verwijderd ]
Verzendkosten: EUR <bedrag berekend a.d.h.v. de keuze>
Totaalbedrag: EUR <totale bedrag van beginwaarde + verzendwijze + betaalwijze>
De bedragen wil ik ook mee geven aan een:
[ code verwijderd ]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | //Prijskaartjes 'scannen' var $kostenVerzendwijze = document.form.verzendwijze.value; var $kostenBetaalwijze = document.form.betaalwijze.value; //Bovenstaande prijzen bij elkaar optellen function berekenPrijs() { return $kostenVerzendwijze + $kostenBetaalwijze; } //De prijs gaat vervolgens naar het veld 'verzendkosten' document.form.verzendkosten.value = berekenPrijs(); //Prijs in 'totaalbedrag' optellen bij de verzendkosten document.form.totaalbedrag.value = document.form.totaalbedrag.value + document.form.verzendkosten.value; |
Maar zodra je het door hebt leest het zoveel makkelijkerquote:Op dinsdag 29 maart 2011 10:09 schreef Scorpie het volgende:
[..]
Ternary operations zijn voor de leek nog niet zo makkelijk te begrijpen
Mooie aanvulling, vergat rekening te houden met parseFloat/parseDouble.quote:Op donderdag 31 maart 2011 15:19 schreef wdn het volgende:
[..]
Maar zodra je het door hebt leest het zoveel makkelijker
xaban06: je kunt toch gewoon de values tellen?
document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value);
Oh hoe vaak ik dat al vergeten benquote:Op donderdag 31 maart 2011 15:22 schreef Ofyles2 het volgende:
[..]
Mooie aanvulling, vergat rekening te houden met parseFloat/parseDouble.
Dat maakt hem nou helemaal af.quote:Op donderdag 31 maart 2011 15:25 schreef wdn het volgende:
[..]
Oh hoe vaak ik dat al vergeten ben
een .toFixed(2) erachter is denk ik ook aan te bevelen.
Ik ben een 1/2 jaar geleden begonnen met JS en heb al aardig wat live staan (finance, sales, cms'en). JS + LAMPP (achterkant heb ik niks voor hoeven doen).quote:Op donderdag 31 maart 2011 15:27 schreef Ofyles2 het volgende:
[..]
Dat maakt hem nou helemaal af.
* Ofyles2 pas komt kijken in dit topic, maar al bezig met het schrijven van een geavanceerde tekstverwerker voor websites.
Mja ik ben een totale leek op gebied van JS. Nadeel van om alles zelf willen te maken (ik ben niet zo van de templates).quote:Op donderdag 31 maart 2011 15:19 schreef wdn het volgende:
[..]
Maar zodra je het door hebt leest het zoveel makkelijker
xaban06: je kunt toch gewoon de values tellen?
document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value);
Zet een .onclick functie op de 2 radio buttons en je kunt on the fly de andere bijwerken.quote:Op donderdag 31 maart 2011 15:35 schreef xaban06 het volgende:
[..]
Mja ik ben een totale leek op gebied van JS. Nadeel van om alles zelf willen te maken (ik ben niet zo van de templates).
Ik zal eens kijken of het mij lukt om de code ergens in te plakken zodat het ook werkt
1 2 3 | document.getElementById('verzendwijze').onclick=function(){ document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value); } |
Ik gebruik Aptana studio als editor en daar zit een debugger in.quote:Op donderdag 31 maart 2011 15:38 schreef erikkll het volgende:
Vraagje: hoe kun je javascript het makkelijkst debuggen? Ik heb linux, maar javascript is altijd een pain in the ass....Als het niet werkt krijg je geen error, niets.. zijn daar tools voor?
Gewoon, ctrl+shift+J?quote:Op donderdag 31 maart 2011 15:38 schreef erikkll het volgende:
Vraagje: hoe kun je javascript het makkelijkst debuggen? Ik heb linux, maar javascript is altijd een pain in the ass....Als het niet werkt krijg je geen error, niets.. zijn daar tools voor?
Asjemenou!quote:
chill.quote:Op donderdag 31 maart 2011 15:41 schreef wdn het volgende:
[..]
Ik gebruik Aptana studio als editor en daar zit een debugger in.
http://www.aptana.com/products/studio2/download zie 'customize download' voor de Linux versie.
[ afbeelding ]
1 2 3 4 | window.onscroll = scrollEvent; function scrollEvent() { alert("scroll"); } |
1 2 3 4 5 6 7 8 9 10 11 12 13 | <div id="slider"> <div id="imageloader"> <img src="images/ajax-loader.gif" /> </div> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> <img src="images/foto.jpg" id="foto" /> </div> |
1 2 3 4 | #slider {position: relative; overflow: hidden;height:300px; width: 650px;} #slider img {position:absolute; margin:0; height:85px;;display:none;} #imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;} #imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display: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 | var speed = 50; var pic, numImgs, arrLeft, i, totalWidth, n, myInterval; $(window).load(function(){ pic = $("#slider").children("img"); numImgs = pic.length; arrLeft = new Array(numImgs); for (i=0;i<numImgs;i++){ totalWidth=0; for(n=0;n<i;n++){ totalWidth += $(pic[n]).width(); } arrLeft[i] = totalWidth; $(pic[i]).css("left",totalWidth); } myInterval = setInterval("flexiScroll()",speed); $('#imageloader').hide(); $(pic).show(); }); function flexiScroll(){ for (i=0;i<numImgs;i++){ arrLeft[i] -= 1; if (arrLeft[i] == -($(pic[i]).width())){ totalWidth = 0; for (n=0;n<numImgs;n++){ if (n!=i){ totalWidth += $(pic[n]).width(); } } arrLeft[i] = totalWidth; } $(pic[i]).css("left",arrLeft[i]); } } |
1 | $(this).find('a.dribbble-over').fadeIn('normal'); |
1 | $(this).find('a.dribbble-over').stop().animate({opacity: 1},600); |
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 | <script src="./js/jquery.js" type="text/javascript"></script> <script src="./js/ajaxupload.js" type="text/javascript"></script> <script type="text/javascript"> /* original */ $(document).ready(function() { var thumb = $('img#thumb'); new AjaxUpload('imageUpload', { action: $('form#newHotnessForm').attr('action'), name: 'userfile', onSubmit: function(file, extension) { $('div.preview').addClass('loading'); }, onComplete: function(file, response) { thumb.load(function() { $('.preview').removeClass('loading'); thumb.unbind(); }); thumb.attr('src', response); } }); }); </script> </head> <body> <div class="preview"> <img src="#" id="thumb" height="100px" width="100px" /> </div> <form action="./upload.php" id="newHotnessForm"><label>Brouwse: </label> <input size="20" id="imageUpload" type="file" /><br /> Description:<br /> <input type="text" name="imageText" value="" width="300" /><br /> <button class="button" type="submit">Save</button> </form> </div> |
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 thumb1 = $('img#thumb1'); new AjaxUpload('imageUpload1', { action: $('form#upForm1').attr('action'), name: 'userfile', onSubmit: function(file, extension) { $('div#preview1').addClass('loading'); }, onComplete: function(file, response) { thumb1.load(function() { $('#preview1').removeClass('loading'); thumb1.unbind(); }); thumb1.attr('src', response); } }); var thumb2 = $('img#thumb2'); new AjaxUpload('imageUpload2', { action: $('form#upForm2').attr('action'), name: 'userfile', onSubmit: function(file, extension) { $('div#preview2').addClass('loading'); }, onComplete: function(file, response) { thumb2.load(function() { $('#preview2').removeClass('loading'); thumb2.unbind(); }); thumb2.attr('src', response); } }); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | $(document).ready(function() { var map = $('div[id|="woei"]'); var thumb = new Array(); $.each(map, function(key, value) { var newID = value.id.substring(5, value.id.length); thumb[newID] = $('img#thumb' + newID'); new AjaxUpload('imageUpload1' + newID, { action: $('form#upForm1').attr('action'), name: 'userfile', onSubmit: function(file, extension) { $('div#preview1' + newID).addClass('loading'); }, onComplete: function(file, response) { thumb[newID].load(function() { $('#preview1' + newID).removeClass('loading'); thumb[newID].unbind(); }); thumb[newID].attr('src', response); } }); }); |
1 | parent.document.getElementById('iframe').contentWindow.document.body.style.background="url(bg-url)"; |
kan helaas niet crossdomain.quote:Op donderdag 7 april 2011 20:08 schreef qwox het volgende:
heb een site met een iframe, hierin staan delen van de site. echter ook eentje van buiten het domein/server. Nu probeer ik via javascript de achtergrond aan te passen in het iframe.
[ code verwijderd ]
Deze code werkt in chrome voor de pagina's die op de zelfde server staan echter niet bij de externe.
Nu vroeg ik me af of er een manier is om het wel te laten werken of dat je nooit aan externe pagina's kan komen.
disclaimer: voordat mensen zeggen dat je van andermans pagina's moet afblijven. is van een bekende en wilde alleen de achtergrond aanpassen om hem beter in de layout te passen.
alvast bedankt
fixed.quote:Op donderdag 7 april 2011 20:51 schreef Danny het volgende:
[..]
kan helaas gelukkig niet crossdomain.
eensch, hoewel het soms wel handig zou kunnen zijn ben ik blij dat het niet kanquote:
Door een class te gebruiken op de invoervelden voor bestanden.quote:Op donderdag 7 april 2011 16:05 schreef Chandler het volgende:
Ik ben even wezen spelen maar krijg het niet helemaal voor elkaar
De volgende code werkt
[ code verwijderd ]
en deze code die dus zelf alle elementen moet aflopen werkt niet krijg een error ivm [newID]
[ code verwijderd ]
hoe kan ik dit oplossen en zo de 'id's' variabel te maken?
1 2 3 | <input type="file" name="upload[]" id="thumb1" class="thumb-upload"> <input type="file" name="upload[]" id="thumb2" class="thumb-upload"> <input type="file" name="upload[]" id="thumb3" class="thumb-upload"> |
1 2 3 4 5 | $(document).ready(function() { $('.thumb-upload').each(function(ix, el) { alert($(el).attr('id')); }) }); |
ben het er ergens ook wel mee eens dat het niet mogelijk is, in dit geval vind ik het jammer.quote:Op donderdag 7 april 2011 20:56 schreef Danny het volgende:
[..]
eensch, hoewel het soms wel handig zou kunnen zijn ben ik blij dat het niet kan
Opzich heel duidelijk alleen 1 vraag, hoe kan ik dan de id's dynamisch doorgeven? dat lukte mij niet, de error die ik kreeg in mijn voorbeeld kwam door thumb[newID] = $('img#thumb' + newID');quote:Op donderdag 7 april 2011 21:08 schreef Light het volgende:
Door een class te gebruiken op de invoervelden voor bestanden.
Dan krijg je zoiets in je formulier:
De bijbehorende javascript-code (met jQuery) is niet zo lastig. Proof of concept:
Het is dus niet nodig om ieder veld met z'n eigen id aan te spreken. Als je het nodig hebt (waarschijnlijk niet), kun je het wel achterhalen.
Er zijn wat mensen die extensies hebben gemaakt waarmee je een iframe kan manipuleren, tot op zekere hoogte.quote:Op donderdag 7 april 2011 21:27 schreef qwox het volgende:
[..]
ben het er ergens ook wel mee eens dat het niet mogelijk is, in dit geval vind ik het jammer.
iig allemaal bedankt voor het snelle antwoorden.
Klopt! er stond nog een ' tegen de ) aanquote:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | $(document).ready(function() { thumb = new Array(); $('.preview').each(function(ix, el) { var newID = $(el).attr('id').substring(7, $(el).attr('id').length); thumb[newID] = $('img#thumb' + newID); new AjaxUpload('imageUpload' + newID, { action: $('form#upForm' + newID).attr('action'), name: 'userfile', onSubmit: function(file, extension) { $('div#preview' + newID).addClass('loading'); }, onComplete: function(file, response) { thumb[newID].load(function() { $('#preview' + newID).removeClass('loading'); thumb[newID].unbind(); }); thumb[newID].attr('src', response); } }); }); }); |
1 2 3 4 5 | <div id="nav"> <div id="reel"> <table>6 images op een rij</table> - Ik weet het, tables zijn not-done, maar is maar even voor de proef </div> </div> |
1 2 3 4 5 6 7 | #nav{ width:100%; height: 200px; } #reel{ height: 200px; } |
1 2 3 | <script type="text/javascript"> $("#nav").scrolLeft(300); </script> |
Krijg geen specifieke foutmelding (niet goed gekeken mss).quote:Op zondag 10 april 2011 13:39 schreef KomtTijd... het volgende:
Wat is precies je doel? Wat wil er niet lukken? Watvoor foutmeldingen krijg je?
1 2 3 | var plaatje = document.getElementById('plaatje'); var w = plaatje.width, h = plaatje.height; plaatje.style.width = '100px'; plaatje.style.height = '100px'; |
1 2 3 4 5 6 7 8 | plaatje = new Image(); plaatje.src = './teladenplaatje.png'; plaatje.onload = weergeefgrootte; function weergeefgrootte() { alert(this.width + ', ' + this.height); } |
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.Bedankt alvast!...
voor chrome gebruikers is er een extensie van, omdat bookmarklets nog maar in weinig browsers relevant zijn:quote:Op donderdag 14 april 2011 07:55 schreef GI het volgende:
Voor het geval dat jullie hem nog niet kennen, het heeft mij net heel erg geholpen om erachter te komen dat ik een $("td") gebruikte waardoor de helft van mijn programma opeens om zeep ging
http://www.sprymedia.co.uk/article/Visual+Event
Erg handig. toont in de browser de events die getriggerd kunnen worden.
Had hem per abuis in het php topic gezet, hier nu ook
Kant-en-klare scripts ga je hier niet krijgen.quote:Op dinsdag 12 april 2011 10:09 schreef afro het volgende:
Wat voor informatie heb je nog meer nodig?
Ik heb dit gevonden : http://www.w3schools.com/AJAX/ajax_database.asp
Ik moet dan alleen zorgen dat je select customer zelf kan invullen.
Handig net geinstalleerd in chrome.quote:Op donderdag 14 april 2011 08:34 schreef Danny het volgende:
[..]
voor chrome gebruikers is er een extensie van, omdat bookmarklets nog maar in weinig browsers relevant zijn:
http://compuser.nl/2011/04/07/visual-event-the-chrome-extension/
(download rechtsonder)
Geweldig. Das nog handiger.quote:Op donderdag 14 april 2011 08:34 schreef Danny het volgende:
[..]
voor chrome gebruikers is er een extensie van, omdat bookmarklets nog maar in weinig browsers relevant zijn:
http://compuser.nl/2011/04/07/visual-event-the-chrome-extension/
(download rechtsonder)
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 | <html> <head> <title>LMAO</title> <style> #id0 {width:20%;position:relative;} #id1 {width:20%;position:relative;} </style> <script> function goR() { if( id0.style.pixelLeft < 400 ) { id0.style.pixelLeft+=90; setTimeout('goR()',100); } else{setTimeout('goD()',100);} } function goD() { if( id0.style.pixelTop < 400 ) { id0.style.pixelTop+=90; setTimeout('goD()',100); } else{setTimeout('goL()',100);} } function goL() { if( id0.style.pixelLeft > -400 ) { id0.style.pixelLeft-=5; setTimeout('goL()',100); } else{setTimeout('goU()',100);} } function goU() { if( id0.style.pixelTop > 0) { id0.style.pixelTop-=10; setTimeout('goU()',100); } else{setTimeout('goL()',100);} } function goBACKK() { if( id0.style.pixelRight > 0) { id0.style.pixelRight+=10; setTimeout('goBACKK()' ,100); } else{setTimeout('goR()',100);} } </script> </head> <body> <a href='#' onclick='goR()'><img src='Epic-fail-guy-dance.gif' id='id0' onclick='goR()' border='0'></a> </body> </html> |
1 2 3 | <?php echo " <td><a onClick=\"dynContent('pagina.php', 'argument')\"><img class='icon16center' src='images/icons/delete.png'/></a></td>\n"; ?> |
quote:Op maandag 18 april 2011 17:14 schreef lifeblind het volgende:
[..]
1) Wat doet die dynContent functie?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | function dynContent(page, vars) { /* Content */ xmlHttp = GetXmlHttpObject(); if (xmlHttp == null) { alert("Your browser does not support AJAX or Javascript. Unfortunately this website relies on it and you are advised to get a modern browser or to turn on Javascript. \n\nApologies for the inconvenience."); return; } var url = "contentmanager.php"; url += "?id=" + page + "&" + vars; xmlHttp.onreadystatechange = stateChanged; xmlHttp.open("GET", url, true); xmlHttp.send(null); } |
1 2 3 4 | <?php if(isset($_GET['id'])) include(htmlspecialchars(addslashes($_GET['id']))); ?> |
Naar de img tag bedoel je?quote:Op maandag 18 april 2011 17:35 schreef GlowMouse het volgende:
oh, verplaats de onclick naar de a-tag.
Thx voor de info, zal ik doen.quote:Op maandag 18 april 2011 17:35 schreef GlowMouse het volgende:
oh, verplaats de onclick naar de img-tag.
in contentmanager zet je een lijstje van toegestane id's.
Dat is een optie, wat wellicht nog een optie is wanneer je ID's in de honderden kunnen lopen, is de $_GET["id"] casten naar een int.quote:
Dankuquote:Op maandag 18 april 2011 14:09 schreef GlowMouse het volgende:
Op regel 47 goL naar goR of goBACKK aanpassen.
Ik include 'n pagina.php met daarachter dus 'n stel arguments, en dit zijn strings. Heb het nu zoals glowmouse gedaan, ff gezet in 'n array Maar bedankt voor de tips.quote:Op maandag 18 april 2011 20:31 schreef mafkees01 het volgende:
[..]
Dat is een optie, wat wellicht nog een optie is wanneer je ID's in de honderden kunnen lopen, is de $_GET["id"] casten naar een int.
Je doet dan: $id = (int)$_GET["id"];
Je bent dan direct van strip_tags() en addslashes() af. Als $id dan 0 is (wat je kunt checken met ===) dan was er iig geen getal ingevuld maar iets anders...
Anyway, je include nu 0/1/2/3 etc. .php zie ik? Dat geeft natuurlijk direct errors bij een andere waarde dan een getal.. Gebruik liever file_exists() erbij, dit voorkomt dat een user onnodige errors om zijn hoofd krijgt gesmeten..
Vraag ik ook niet om....quote:Op donderdag 14 april 2011 08:37 schreef Scorpie het volgende:
[..]
Kant-en-klare scripts ga je hier niet krijgen.
1 | $("#div:not(. container . menu)").hide(); |
Ja Hartstikke bedankt!quote:Op woensdag 4 mei 2011 17:29 schreef GlowMouse het volgende:
Dus de id's zijn container en menu?
$("div:not(#container,#menu)").hide();
werkt dit?
Maar ik bedoel met het gewenste effect dat ik voor ogen wil zien..quote:Op dinsdag 10 mei 2011 19:26 schreef KomtTijd... het volgende:
[..]
Jahoor.
· · · — — — · · ·
Alsjeblieft.
Waar heb je dringend hulp bij nodig dat je leven gered moet worden?quote:Op dinsdag 10 mei 2011 19:26 schreef KomtTijd... het volgende:
[..]
Jahoor.
· · · — — — · · ·
Alsjeblieft.
Tegen betaling wil ik best wat voor je maken hoor. Vertel maar wat het worden moet.quote:Op donderdag 12 mei 2011 16:34 schreef dockx het volgende:
Laat anders maar. Ik kom er zelf toch niet uit..
Ik wil een LightBox javascript code, maar ik ben zelf te dom om hem te maken. Wie kan me helpen?quote:Op donderdag 12 mei 2011 19:01 schreef KomtTijd... het volgende:
[..]
Tegen betaling wil ik best wat voor je maken hoor. Vertel maar wat het worden moet.
Mja zo werkt dat in de wereld, als je iets wilt wat je zelf niet kunt, moet je er voor betalen...quote:Op donderdag 12 mei 2011 19:06 schreef dockx het volgende:
[..]
Ik wil een LightBox javascript code, maar ik ben zelf te dom om hem te maken. Wie kan me helpen?
LightBox: http://www.huddletogether.com/projects/lightbox2/#example
De 4 foto's die erin horen: http://imageupper.com/code/?S010001004T13050536341216260&thumbs
Alleen die betaling bevalt me niet zo..
Nooit gehoord van liefdadigheid?quote:Op donderdag 12 mei 2011 19:10 schreef KomtTijd... het volgende:
[..]
Mja zo werkt dat in de wereld, als je iets wilt wat je zelf niet kunt, moet je er voor betalen...
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <html> <head> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> </head> <body> <a href="http://s01.imageupper.com/1/4/T13050536341216260_1.jpg" rel="lightbox[dockx]"><img src="http://s01.imageupper.com/1_t/4/T13050536341216260_1.jpg" border=0></a> <a href="http://s01.imageupper.com/1/4/T13050536341216260_2.jpg" rel="lightbox[dockx]"><img src="http://s01.imageupper.com/1_t/4/T13050536341216260_2.jpg" border=0></a> <a href="http://s01.imageupper.com/1/4/T13050536341216260_3.jpg" rel="lightbox[dockx]"><img src="http://s01.imageupper.com/1_t/4/T13050536341216260_3.jpg" border=0></a> <a href="http://s01.imageupper.com/1/4/T13050536341216260_4.jpg" rel="lightbox[dockx]"><img src="http://s01.imageupper.com/1_t/4/T13050536341216260_4.jpg" border=0></a> </body> </html> |
, wil jij het ook weten?quote:Op donderdag 12 mei 2011 19:14 schreef KomtTijd... het volgende:
[..]
Weet jij nog ergens waar je ze voordelig kunt krijgen?
Heldquote:
Als je gewoon gelijk je probleem had gepost, was het al 6x opgelostquote:Op donderdag 12 mei 2011 19:28 schreef dockx het volgende:
[..]
Held
Wilde er nog iets specifieks over vragen, maar daar heb ik nu geen tijd voor en ik ga dat zelf uitzoeken. In ieder geval bedankt.
Juist dus eigenlijk zou ik dan 3 bindings moeten maken op 1 veld (met jquery) en daarin een functie aanroepen?.quote:Op zaterdag 14 mei 2011 23:15 schreef GlowMouse het volgende:
change, blur, keypress, dan heb je bijna alles wel
Met één binding lukt het iig niet.quote:Op zaterdag 14 mei 2011 23:24 schreef Chandler het volgende:
[..]
Juist dus eigenlijk zou ik dan 3 bindings moeten maken op 1 veld (met jquery) en daarin een functie aanroepen?.
http://tinyurl.com/6gfch9r daar test ik de boel..quote:
ok, thnx voor et commentaarquote:Op zaterdag 14 mei 2011 23:32 schreef GlowMouse het volgende:
De data bestaat uit allemaal losse json-dingen met ook nog eens <br /> ertussen, stop dat eens in één jsonding.
En er is een mooie $.getJSON in jQuery.
En $(tblRow) is geen selector. Je wilt $("#userdata tbody").append(tblRow).
Klopt.quote:Op maandag 16 mei 2011 15:12 schreef mschol het volgende:
ik denk dat je met JS om de zoveel seconden zal moeten checken of er een nieuwe regel in de DB bij is, pushen kan volgens mij niet
Je maakt een div die per x tellen herlaadt en een call maakt naar de server.quote:Op maandag 16 mei 2011 15:31 schreef DutchBlood het volgende:
Kun je me enige sinds de goeie richting opsturen hoe ik dat aanpak?
Jawel, kan wel maar niet zonder truukjes. Je kan bijv een verbinding naar de server open laten staan en daar kun je vanuit de backend dan data overheen pushen. Zie bijv http://en.wikipedia.org/wiki/Comet_%28programming%29quote:Op maandag 16 mei 2011 15:12 schreef mschol het volgende:
ik denk dat je met JS om de zoveel seconden zal moeten checken of er een nieuwe regel in de DB bij is, pushen kan volgens mij niet
Zoiets dacht ik al ja, dacht alleen dat ik de nieuwe versie had en die site de oudequote:Op woensdag 18 mei 2011 14:54 schreef Scorpie het volgende:
Dat is een verschil in API. De nieuwe is Gmap2, jij gebruikt nog de oude Google Maps API.
1 2 3 4 5 6 7 8 9 10 11 12 | if (google.maps.BrowserIsCompatible( )) { map.setCenter(new google.maps.LatLng(0, 0), 0); var latlngbounds = new google.maps.LatLngBounds(); for (var i = 0; i < newpoints.length; i++) { latlngbounds.extend(newpoints[i]); // *** } alert(latlngbounds.getCenter()); map.setCenter(latlngbounds.getCenter(),map.getBoundsZoomLevel(latlngbounds)); } |
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 | function center1() { map.setCenter(new google.maps.LatLng(0, 0), 0); var lat_min = 9999; var lat_max = 0; var lng_min = 9999; var lng_max = 0; for (i = 0; i < newpoints.length; i++) { if (lat_min > newpoints[i][1]) { lat_min = newpoints[i][1]; } else if (newpoints[i][1] > lat_max) { lat_max = newpoints[i][1]; } if (lng_min > newpoints[i][0]) { lng_min = newpoints[i][0]; } else if (newpoints[i][0] > lng_max) { lng_max = newpoints[i][0]; } } var center = new GPoint((lng_max+lng_min) / 2, (lat_max+lat_min) / 2); var delta = new GSize(lng_max-lng_min, lat_max-lat_min); alert("nix"); var minZoom = map.getBoundsZoomLevel(center, delta); alert("minZoom " + minZoom); map.centerAndZoom(center, minZoom); alert(minZoom); } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | var start = document.getElementById("start").value; var end = document.getElementById("end").value; var waypts = []; var checkboxArray = document.getElementById("waypoints"); for (var i = 0; i < checkboxArray.length; i++) { var endmarker = checkboxArray[i].value; waypts.push({ location:checkboxArray[i].value, stopover:true}); } var sw=start.split(','); // split string to allow parseFloat of data var ne=endmarker.split(','); sw = new google.maps.LatLng(parseFloat(sw[0]),parseFloat(sw[1])); ne = new google.maps.LatLng(parseFloat(ne[0]),parseFloat(ne[1])); var afstand = google.maps.geometry.spherical.computeDistanceBetween(sw, ne); alert("start: "+start+"\nendmarker: "+endmarker+"\nsw: "+sw+"\nne: "+ne+"\nafstand: "+afstand); |
Neuh, dat is heel apart. Ik zou zijn CV dan ook direct door de shredder halen, tenzij hij http://ajax.net/ bedoelt, dan zou ik zeggen dat het raar verwoord is.quote:Op maandag 23 mei 2011 14:40 schreef GI het volgende:
Ben ik nou een n00b. Of is een CV waarin iemand zegt
"Ik heb ervaring met AJAX.NET" enigzins apart ?
http://www.ajaxpro.info/quote:Op maandag 23 mei 2011 14:40 schreef GI het volgende:
Ben ik nou een n00b. Of is een CV waarin iemand zegt
"Ik heb ervaring met AJAX.NET" enigzins apart ?
Dan nog zet je dat niet zo op je CV. Dan zeg je dat je ervaring hebt met het werken in het framework 'Ajax for .NET'.quote:
Zodra ik met hem om tafel kom te zitten zal ik dat ook zeker wel doen.quote:Op maandag 23 mei 2011 15:10 schreef GlowMouse het volgende:
Vraag hem op een gesprek welke van de drie niet in het rijtje thuishoort.
Snap ikquote:Op maandag 23 mei 2011 14:44 schreef Scorpie het volgende:
[..]
Dan nog zet je dat niet zo op je CV. Dan zeg je dat je ervaring hebt met het werken in het framework 'Ajax for .NET'.
Stream dat interview meteen even dit topic in danquote:Op maandag 23 mei 2011 15:27 schreef GI het volgende:
[..]
Zodra ik met hem om tafel kom te zitten zal ik dat ook zeker wel doen.
quote:Op maandag 23 mei 2011 15:29 schreef Scorpie het volgende:
Ik ken de rest van zijn CV niet, maar als het dezelfde kwaliteit als "AJAX.NET" bevat, dan zou hij bij mij niet op gesprek komen.
quote:Op maandag 23 mei 2011 15:10 schreef GlowMouse het volgende:
Vraag hem op een gesprek welke van de drie niet in het rijtje thuishoort.
Gisteren het gesprek gehad, hij was er voor een systeembeheerklus met een knipoog naar ontwikkelen. Goed gesprek verder, en de AJAX.NET vraag heb ik eens nagevraagd, hij werd een klein beetje rood toen ik vroeg "Heb je dit zelf geschreven ?" en toen ik vroeg "Misschien licht het aan mij hoor, maar wat is AJAX.NET" schoot het kleurniveau een beetje omhoog, hij wist het daarna relatief goed te praten.quote:Op maandag 23 mei 2011 15:59 schreef wdn het volgende:
[..]
Snap ik
[..]
Stream dat interview meteen even dit topic in dan
Docent piet = new Docent("Piet", "abc");quote:Op maandag 23 mei 2011 16:13 schreef GlowMouse het volgende:
Vervang
new Docent("Piet", "abc");
door
Docent piet;
piet = new Docent("Piet", "abc");
dan kun je piet meegeven aan Student.
Lol.quote:Op donderdag 26 mei 2011 06:51 schreef GI het volgende:
[..]
[..]
[..]
Gisteren het gesprek gehad, hij was er voor een systeembeheerklus met een knipoog naar ontwikkelen. Goed gesprek verder, en de AJAX.NET vraag heb ik eens nagevraagd, hij werd een klein beetje rood toen ik vroeg "Heb je dit zelf geschreven ?" en toen ik vroeg "Misschien licht het aan mij hoor, maar wat is AJAX.NET" schoot het kleurniveau een beetje omhoog, hij wist het daarna relatief goed te praten.
Error; unexpected literal 'ch', expected 'g' at line 35quote:Op donderdag 26 mei 2011 08:05 schreef GI het volgende:
OMG. Schreef ik nou echt "licht het aan mij".... ik ga geloof ik even goed wakker worden nu. Hoe kan ik iemand AJAX.NET kwalijk nemen als ik zelf licht schrijf als ik ligt bedoel...
*Schaamt*
1 2 3 4 5 6 7 8 | $(function(){ $('.fadein img:gt(0)').hide(); setInterval(function(){ $('.fadein :first-child').fadeOut(1000) .next('img').fadeIn(1000) .end().appendTo('.fadein');}, 4000); }); |
1 2 3 4 | <div class="fadein"> <img src="../images/style/header_info.png" alt="afbeelding 1"/> <img src="../images/style/header_covers.png" alt="afbeelding 2"/> </div> |
Hoe bouw je die html op? Is dat een statisch bestand, of wordt die door (bijvoorbeeld) php gegenereerd? In het tweede geval kun je in php de plaatjes husselen, anders moet het achteraf (na het laden van de pagina) in javascript.quote:Op zaterdag 28 mei 2011 16:47 schreef dirkjo het volgende:
Ben op dit moment langzaam een beetje jquery aan het leren (begrijpen). Vroeg me af of iemand me met het volgende kan helpen:
Op m'n website heb ik een header waarbij een afbeelding afwisselt door middel van een fade effect. Daar gebruik ik op dit moment de volgende code voor:
[ code verwijderd ]
En in de HTML:
[ code verwijderd ]
Nu wil ik graag dat de afbeeldingen in random volgorde worden weergeven, zodat niet constant dezelfde volgorde is als iemand de site opent.
Damn dat ik daar nog niet over nagedacht heb. Op dit moment is het nog een statische pagina omdat 't nog een design fase is, maar straks word het inderdaad een door PHP gegenereerde pagina.quote:Op zaterdag 28 mei 2011 17:03 schreef Light het volgende:
[..]
Hoe bouw je die html op? Is dat een statisch bestand, of wordt die door (bijvoorbeeld) php gegenereerd? In het tweede geval kun je in php de plaatjes husselen, anders moet het achteraf (na het laden van de pagina) in javascript.
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 | function maakCookie(naam, waarde, dagen) { if (dagen) { var datum = new Date(); datum.setTime(datum.getTime()+(dagen*24*60*60*1000)); var veloopdatum = "; expires="+datum.toGTMString(); } else { var verloopdatum = " "; } document.cookie = naam+"="+waarde+verloopdatum+";path=/"; } //maakCookie("user","administrator",7); function leesCookie(naam) { var naamCookie = naam + "="; var cookieArray = document.cookie.split(';'); for(var i=0; i < cookieArray.length; i++) { var dezeCookie = cookieArray[i]; while (dezeCookie.charAt(0)==' ') { dezeCookie = dezeCookie.substring(1,dezeCookie.length); } if (dezeCookie.indexOf(naamCookie) == 0) { return dezeCookie.substring(naamCookie.length,dezeCookie.length); } } } |
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 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/1999/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="nl"> <head> <title> Inloggen Cookies </title> <!--dit script: gebruikt cookies --> <script type="text/javascript" src="cookiefuncties.js"> </script> <style type="text/css"> div { height:160px; width:200px; padding: 20px; border-width: 5px; border-style: solid; border-color:gray; } </style> </head> <body> <div> <form onSubmit= "maakCookie('user',document.inlog.gebruiker.value,1); maakCookie'password',document.inlog.wachtwoord.value,1);" name="inlog" action="welkom.html" method="post" > email-adres: <input type="text" size="27" id="gebruiker" /> wachtwoord <input type="password" size="27" id="wachtwoord" /> <hr /> <input type="image" src="images/inloggen.gif" value="submit" align="right"/> </form> </div> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/1999/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="nl"> <head> <title> Inloggen Cookies </title> <!-- Dit script gebruikt cookies auteur: Marco Langes Datum: -------------------- --> <script type="text/javascript" src="cookiefuncties.js"> </script> </head> <body> <script type="text/javascript"> //<![CDATA[ var newuser = leesCookie("user"); document.writeln("Welkom " + newuser + " U bent ingelogd."); //]]> </script> </body> </html> |
Lolwut, dit komt uit het boek "Webdesign 4" wel al redelijk gedateerd maar volgens het boek en plaatjes in het boek zou het gewoon offline moeten werken.quote:Op maandag 30 mei 2011 11:07 schreef GlowMouse het volgende:
Cookies zijn aan een domeinnaam gekoppeld. Als je de files zo opent, zal dat de reden zijn waarom het niet werkt.
Boek komt uit de tijd toen XSS nog een feature was zeker.quote:Op maandag 30 mei 2011 11:32 schreef mcf het volgende:
[..]
Lolwut, dit komt uit het boek "Webdesign 4" wel al redelijk gedateerd maar volgens het boek en plaatjes in het boek zou het gewoon offline moeten werken.
hahahahahahaha.quote:Op maandag 30 mei 2011 11:41 schreef Farenji het volgende:
[..]
Boek komt uit de tijd toen XSS nog een feature was zeker.
Maar jullie pro's zien er geen fouten in? Ik ga het niet uploaden, fok duurde al 15 minuten om te laden dus dat uploaden zal straks mijn hele dag in beslag nemen.quote:
Gewoon zonder te testen op productie zetten!quote:Op maandag 30 mei 2011 11:45 schreef mcf het volgende:
[..]
Maar jullie pro's zien er geen fouten in? Ik ga het niet uploaden, fok duurde al 15 minuten om te laden dus dat uploaden zal straks mijn hele dag in beslag nemen.
2kb? de hele dag?quote:Op maandag 30 mei 2011 11:45 schreef mcf het volgende:
[..]
Maar jullie pro's zien er geen fouten in? Ik ga het niet uploaden, fok duurde al 15 minuten om te laden dus dat uploaden zal straks mijn hele dag in beslag nemen.
Dat script zit vol met fouten. Syntax errors, bijvoorbeeld. Ik zou zeggen: open eens een error console, om te beginnen.quote:
oei, maar het punt is: zero errorsquote:
You fail.quote:
Mijn console zegt totaal niks :S. Aanrader hoe ik deze errors opspoor?quote:Op maandag 30 mei 2011 13:42 schreef Farenji het volgende:
[..]
You fail.
cookiefuncties.js regel 7
inloggen.html regel 27
Misschien een heel wild idee, maar je zou gewoon eens naar de genoemde regels kunnen kijken?quote:Op maandag 30 mei 2011 13:43 schreef mcf het volgende:
[..]
Mijn console zegt totaal niks :S. Aanrader hoe ik deze errors opspoor?
Ninja edit: chrome gebruik ik nu
De error op regel 7 is geen syntaxerror, en de error op regel 27 verschijnt pas als je op de knop drukt.quote:Op maandag 30 mei 2011 13:42 schreef Farenji het volgende:
[..]
You fail.
cookiefuncties.js regel 7
inloggen.html regel 27
Ik gebruik FF4 met de gewone standaard error console; maar chrome zal er ook wel op barfen als je de console open laat staan bij het klikken op de knop.quote:Op maandag 30 mei 2011 13:45 schreef mcf het volgende:
Haha ben ik mee bezig, maar wat voor error console gebruik je
quote:Op maandag 30 mei 2011 13:45 schreef Farenji het volgende:
[..]
Misschien een heel wild idee, maar je zou gewoon eens naar de genoemde regels kunnen kijken?
quote:Op maandag 30 mei 2011 13:45 schreef mcf het volgende:
Haha ben ik mee bezig, maar wat voor error console gebruik je
voor mobiele fok hebben we een ul waarin 2 li's zitten waarvan de geneste inhoud getoond moet worden na er op te klikken. Omdat het er 2 zijn moet de waarde van li 2 gereset worden als je op li 1 klikt. Ik wil de ul een class geven die verandert door de onclick op een van de li's.quote:Op maandag 30 mei 2011 07:34 schreef Scorpie het volgende:
Definieer 'heeft'. Is het een class, een attribuut?
Waarschijnlijk een OSI Layer 8 probleem.quote:Op dinsdag 31 mei 2011 10:41 schreef Apekoek het volgende:
Het lukt mij met geen enkele mogelijkheid een javascriptje of php scriptje te activeren, heb al diverse plugins geïnstalleerd (via wordpress), maar het resultaat blijft negatief. Ik wil namelijk gewoon de datum + weeknummer opvragen, echter lukt dat keer op keer niet, weer kan dat aan liggen?
Oi, wat houd dat in en wat is daar eventueel aan te doen?quote:Op dinsdag 31 mei 2011 10:48 schreef Farenji het volgende:
[..]
Waarschijnlijk een OSI Layer 8 probleem.
quote:Op dinsdag 31 mei 2011 11:27 schreef Apekoek het volgende:
[..]
Oi, wat houd dat in en wat is daar eventueel aan te doen?
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.
quote:Op dinsdag 31 mei 2011 10:48 schreef Farenji het volgende:
[..]
Waarschijnlijk een OSI Layer 8 probleem.
quote:Op dinsdag 31 mei 2011 11:34 schreef mschol het volgende:
[..]Maar geen oplossing dus? Ik dacht dat dit een dummie topic was?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.
'Hij doet het niet' is niet echt een probleem beschrijving, now is it?quote:Op dinsdag 31 mei 2011 16:02 schreef Apekoek het volgende:
[..]
Maar geen oplossing dus? Ik dacht dat dit een dummie topic was?
Dat betekent ook dat je in dummie taal moet uitleggen wat je precies wil, wat je allemaal hebt geprobeerd, wat er gebeurt (incl evt foutmeldingen) en wat je verwacht had dat er gebeurde...quote:Op dinsdag 31 mei 2011 16:02 schreef Apekoek het volgende:
[..]
Maar geen oplossing dus? Ik dacht dat dit een dummie topic was?
Aha dat kan ik begrijpen, helaas ben ik net wat te dummie hiervoor, maar laten we het proberen.quote:Op dinsdag 31 mei 2011 16:14 schreef Farenji het volgende:
[..]
Dat betekent ook dat je in dummie taal moet uitleggen wat je precies wil, wat je allemaal hebt geprobeerd, wat er gebeurt (incl evt foutmeldingen) en wat je verwacht had dat er gebeurde...
Misschien is dit meer iets voor [PHP/(My)SQL] voor dummies #91 maar goed...quote:Op dinsdag 31 mei 2011 16:26 schreef Apekoek het volgende:
[..]
Aha dat kan ik begrijpen, helaas ben ik net wat te dummie hiervoor, maar laten we het proberen.
Wanneer ik een juiste PHP plugin gebruik bij wordpress horen php codes te werken, met tekst werkt het wel, maar dus niet met een reflectie van de tijd, week, datum.
Dit is een van de foutmeldingen die ik krijg:
Parse error: syntax error, unexpected ‘<' in public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()’d code on line 2
Dit is wanneer ik de volgende code gebruik om weeknummer aan te geven: <?php <span style="font-size: 50px;"> <!--?php echo date('W'); ?--></span> ?>
Wanneer ik de code zo heb: <span style="font-size: 50px;"> <!--?php echo date('W'); ?--></span>
Dan wordt er simpel weg niets getoond, en verdwijnt de code, maar zie dan ook geen weeknummer.
Och zo simpel uiteindelijk! Nou bedankt en weer wat geleerd!quote:Op dinsdag 31 mei 2011 16:31 schreef Farenji het volgende:
[..]
Misschien is dit meer iets voor [PHP/(My)SQL] voor dummies #91 maar goed...
Php begin je met <?php en eindig je met ?> en daartussen mag alleen geldige php code staan. Geen html dus! Dat geeft die foutmelding die je noemt.
De tekens <!-- en --> zijn html codes voor commentaar, dus alles wat daar tussen staat wordt gewoon genegeerd en dus niet getoond op de pagina.
Wat wel moet werken is:
<span style="font-size: 50px;"><?php echo date('W'); ?></span>
Laat me mijn vorige vraag anders stellenquote:Op dinsdag 31 mei 2011 13:12 schreef Chandler het volgende:
Even een vraag voordat ik een ontwerp van een website laat slicen (in html/css/javascript) laat omzetten.
In het ontwerp worden op meerdere plaatsen tab panels gebruikt. Nu is het bij de ene tab zo dat deze een div moet laten zien (de rest op 'hide') maar bij de andere dat het content gedeelte geladen moet worden middels ajax.
Nu wil ik een scriptje gaan bouwen in javascript/jquery die automatisch aan deze tabs de juiste actie knoopt.. Nu zat ik te denken dat ik de tabs op basis van class laat slicen en eventueel per tab een ID mee geef (bv id="tab-view-pagina-1" of id="tab-load-pagina-2") is dit een goed idee? of kan ik dit beter anders aanpakken?
Anyone?
Opmaak kun je gewoon zoals altijd met CSS doen. Maakt niet uit of je elementen dynamisch zijn of niet.quote:Op dinsdag 31 mei 2011 21:13 schreef Chandler het volgende:
[..]
Laat me mijn vorige vraag anders stellen
Stel ik wil mijn HTML automatiseren middels javascript/jQuery door bepaalde elementen te voorzien van functies oa; auto suggest op velden, verwijzingen middels ajax van tabs naar divs of extern te laden pagina's...
Hoe zou ik dan de opmaak van elementen moeten maken? Een groot ontwerp moet namelijk omgezet worden naar html en wil dit nu op een tijdige manier aanpakken...
Ik denk dan aan het toevoegen van bepaalde noemers aan classes (class="class1 class2 class3") zodat ik deze simpel kan filteren middels jQuery. Op het web kon ik hier niets zinnigs over vinden.
quote:Op maandag 30 mei 2011 21:21 schreef n8n het volgende:
[..]
voor mobiele fok hebben we een ul waarin 2 li's zitten waarvan de geneste inhoud getoond moet worden na er op te klikken. Omdat het er 2 zijn moet de waarde van li 2 gereset worden als je op li 1 klikt. Ik wil de ul een class geven die verandert door de onclick op een van de li's.
<ul #nav .ingeklapt>
<li onclick(if #nav == .ingeklapt of .b-open maak #nav .a-open, if #nav == .a-open maak #nav .ingeklapt)/>
<li onclick(if #nav == .ingeklapt of .a-open maak #nav .b-open, if #nav == .b-open maak #nav .ingeklapt)/>
</ul>
zoiets, hoop dat het duidelijk is, weet bijna niks van js
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 | <html> <head> <style> .ingeklapt{ display:none; } .mp,li{ cursor:pointer; } </style> <script type="text/javascript"> var page = "a"; var dub = false function menu(e){ if(!dub && e.tagName == "DIV"){ var ncl = document.getElementById('nav'); if(ncl.className == 'ingeklapt'){ ncl.className = 'uitgeklapt'; }else if(ncl.className == 'uitgeklapt'){ ncl.className = 'ingeklapt'; } }else{ dub = false; } if(e.tagName == "LI"){ dub = true; if(page != e.value){ page = e.value; //en anderes acties } } } </script> </head> <body> <div class="mp" onclick="menu(this)"> dit is een menu text <ul class="ingeklapt" id="nav"> <li onclick="menu(this)" value="0">a</li> <li onclick="menu(this)" value="1">b</li> </ul> </div> </body> </html> |
1 2 3 4 5 | var marker = new google.maps.Marker({ position: varPositie, map: map, icon: varIcon }); |
1 | alert(marker.position); |
1 | (52.080218106155456, 4.312434196472168) |
1 | <a href="#" onClick="markerinlijst2(' + marker.position + ')"> |
1 2 3 | function markerinlijst2 (markerposition) { // Toegevoegde marker in ontzichtbare lijst plaatsen alert(markerposition); } |
1 | 4.312434196472168 |
1 2 3 4 5 | <?php function foo(obj){ alert(obj.position); } ?> |
Als ik het object gewoon meegeef krijg ik bij de eerste alert [object Object] te zien, en bij de tweede krijg ik geen alert, maar wel een error:quote:Op dinsdag 7 juni 2011 11:01 schreef Scorpie het volgende:
Je kan gewoon objecten doorgeven en aflopen in Javascript hoor.
[ code verwijderd ]
Dus je hoeft niet marker.position door te geven, kan ook gewoon marker zijn.
Was niet geheel wat ik bedoelde maar het heeft me wel geholpen zelf een functie te schrijven (mijn allereerste ). heb het nu als volgt gedaan.quote:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <script type="text/javascript"> function toggle_fok(id) { var e = document.getElementById(id); if (e.className == 'ingeklapt') e.className = 'fok'; else if (e.className == 'user') e.className = 'fok'; else e.className = 'ingeklapt'; } function toggle_user(id) { var e = document.getElementById(id); if (e.className == 'ingeklapt') e.className = 'user'; else if (e.className == 'fok') e.className = 'user'; else e.className = 'ingeklapt'; } </script> |
1 2 3 4 5 6 7 8 9 10 11 | <nav id="nav" class="ingeklapt"> <ul onclick="toggle_fok('nav');">toggle #fok <li>01</li> </ul> <ul id="user" onclick="toggle_user('nav');">toggle #user <li>02</li> </ul> </nav> |
1 2 3 4 | if (e.className == 'ingeklapt' || e.className == 'user') e.className = 'fok'; else e.className = 'ingeklapt'; |
1 2 | e.className = 'fok'; if (e.className != 'ingeklapt' && e.className != 'user') e.className = 'ingeklapt'; |
is dat niet hetzelfde als == ( || ) maar dan omgekeerd?quote:
Klopt, maar mijn functie is 2 regels, die van jou 4. Sowieso vind ik het altijd overzichtelijker om te beginnen met een uitgangssituatie en die te veranderen al naar gelieve de variabelen.quote:Op woensdag 8 juni 2011 07:34 schreef n8n het volgende:
[..]
is dat niet hetzelfde als == ( || ) maar dan omgekeerd?
voorbeeld: http://www.n8n.nl/temp/jsmenu.html
grijze tekst staat voor gesloten, groen voor open.
1 2 | if (e.className != 'subsites') e.className = 'subsites'; else if (e.className != 'closed' && e.className != 'user') e.className = 'closed'; |
klopt kan dit stukje lezen en interpreteren nu, de aanpassing die ik heb gemaakt zijn de if op de 1e regel en van de if op de tweede regel heb ik een else if gemaakt, leek mij logisch en Safari dacht daar ook zo over Ben door deze kennismaking wel geprikkeld verder te gaan met javascript, leuk welquote:Op woensdag 8 juni 2011 09:42 schreef KomtTijd... het volgende:
== en || (gelijk aan en OR) is precies het omgekeerde van != en && (niet gelijk aan en AND). Je zult het gedrag dus ook om moeten keren, of het hele statement moeten inverteren met een uitroepteken.
Het is allemaal gewoon wiskunde.
Ik vind die van jouw ook mooier maar ik zou zelf gaan voor:quote:
1 | (e.className != 'ingeklapt' && e.className != 'user') ? e.className = 'ingeklapt' : e.className = 'fok'; |
Een zogenaamde ternary operator. Typ dat maar eens in op google.quote:
Mja zover wilde ik nou ook weer niet gaanquote:Op woensdag 8 juni 2011 10:04 schreef wdn het volgende:
[..]
Ik vind die van jouw ook mooier maar ik zou zelf gaan voor:
[ code verwijderd ]
Dan is de marker ineens undefined :squote:Op dinsdag 7 juni 2011 11:58 schreef GlowMouse het volgende:
Probeer onClick="markerinlijst2(marker)"
1 2 3 4 5 6 | alert(varPositie); document.getElementById("routepunten").innerHTML = document.getElementById("routepunten").innerHTML+'<img src="'+varIcon+'"/><a href="#" onClick="lijnplaatsen(varPositie)">'+ titel + '</a>'; function lijnplaatsen (varPositie) { // Toegevoegde marker in ontzichtbare lijst plaatsen alert(varPositie); } |
1 2 | alert(varPositie); lijnplaatsen(varPositie); |
1 | document.write('<li>Appels: ' + localStorage.getItem('Appels') + '</li>' ); |
1 | <input type="range" name="fruitappels" id="fruitappels" value="0" min="0" max="10" /> |
Dat is geen probleem. Heb sowieso al alles opgebouwd op deze manier, waar ik al blij mee was .quote:
quote:Today we’re making the first version of Swiffy available on Google Labs. You can upload a SWF file, and Swiffy will produce an HTML5 version which will run in modern browsers with a high level of SVG support such as Chrome and Safari.
Swiffy uses a compact JSON representation of the animation, which is rendered using SVG and a bit of HTML5 and CSS3. ActionScript 2.0 is also present in the JSON object, and is interpreted in JavaScript in the browser. This representation makes the Swiffy animations almost as compact as the original SWF files.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | jQuery.fn.center = function () { this.css("position","absolute"); var topPos; var widthPos; topPos = (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop(); widthPos = (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft(); if(topPos<0){ topPos=0; } if(widthPos<0){ topPos=0; } this.css("top", topPos + "px"); this.css("left", widthPos + "px"); return this; } |
1 | $("#divId").center(); |
Handy indeed.quote:Op dinsdag 5 juli 2011 09:37 schreef GI het volgende:
Voor de jquery mensen die wel eens met positionering van 'popup divs' in de knoei zitten:
[ code verwijderd ]
[ code verwijderd ]
Post eens wat code? Je denkwijze is goed volgens mij.quote:Op dinsdag 5 juli 2011 11:48 schreef Cue_ het volgende:
Ok vraagje,
ik roep in mijn HTML form een functie op in javascript (on change event namelijk). Deze functie staat in een .js file. (html zit in een .tpl file).
nu wil ik dat aan het einde van de functie, hij de focus set in het veld waar hij mee bezig is geweest.
Dacht dus simpel:
document.getElementById('trucknr').focus();
of iets in die geest. Maar hij pakt hem niet. Iemand enig idee waar het aan kan liggen?
gewoon een tekstveld, met het juiste id.quote:Op dinsdag 5 juli 2011 11:54 schreef Scorpie het volgende:
Textveld id`s nalopen, of is het een dropdown / radio button / textarea ?
1 2 3 4 5 6 7 8 9 10 11 | function a(){ setTimeout('b',1000); } function b(){ setTimeout('c',1000); } function c(){ setTimeout('a',1000); } |
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.Wanneer ik de </table> boven de laatste echo zet, dan lijkt hij wel de sorttable te willen gebruiken, maar omdat er dan geen data in de table valt pakt hij hem dus niet.
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 | <script language="JavaScript" type="text/javascript"> $(document).ready(function(){ var imgArr = new Array( // relative paths of images 'gry-arnestad-1920x1080-wallpaper-5915.jpg', 'brooklyn-bridge-new-york-1920x1080-wallpaper-6207.jpg' ); var preloadArr = new Array(); var i; /* preload images */ for(i=0; i < imgArr.length; i++){ preloadArr[i] = new Image(); preloadArr[i].src = imgArr[i]; } var currImg = 1; var intID = setInterval(changeImg, 6000); /* image rotator */ function changeImg(){ $('#slideshow').animate({opacity: 0}, 1000, function(){ $(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat'); }).animate({opacity: 1}, 1000); } }); </script> |
Ja idd ik hoorde het al van iemand.quote:Op donderdag 14 juli 2011 23:56 schreef KomtTijd... het volgende:
Dat gaat niet lukken met deze functie. Je kunt niet twee verschillende achtergrondafbeeldingen tegelijk op één element hebben.
1 2 3 4 5 6 | <ul> <li> banaan</li> <li>kers</li> <li>aarbei</li> <li>appel</li> </ul> |
quote:Op donderdag 28 juli 2011 16:38 schreef GlowMouse het volgende:
Je kunt telkens de eerste selecteren die nog zichtbaar is, totdat er nog maar eentje is.
Wat een bazen zitten er toch op FOK!quote:Op donderdag 28 juli 2011 16:38 schreef Scorpie het volgende:
Met jQuery staat er gewoon een 1 op 1 voorbeeld van hoe je het zou kunnen doen.
http://api.jquery.com/last/
1 | /ig/images/weather/chance_of_rain.gif |
1 | /^\/ig\/images\/weather\/(.*)/ |
ben geen JS held maar doet match dit niet?quote:Op vrijdag 12 augustus 2011 22:14 schreef Qunix het volgende:
Hallo allen,
Weet iemand hoe ik de value van een stukje regular expression terug kan krijgen in native Javascript of jQuery?
Ik heb deze string:
[ code verwijderd ]
En dit is mijn regex:
[ code verwijderd ]
Ik wil graag dat laatste (.*) terug krijgen, welke functie kan ik hiervoor gebruiken?
Bvd.
Ik was bezig met de match functie, maar thanks voor de site. Een goed voorbeeld staat erop en het werkt.quote:Op vrijdag 12 augustus 2011 22:21 schreef mschol het volgende:
[..]
ben geen JS held maar doet match dit niet?
https://developer.mozilla(...)Objects/String/match
1 | test("6f9bff414d8f176e5c15359934c741bb","+photosetId"); |
1 | test("6f9bff414d8f176e5c15359934c741bb","1345"); |
Je hebt een table met allemaal fotos. Elke foto heeft zijn eigen unieke ID. Zodra je op een foto klikt gaat er een script in werking die de juiste tekst pakt die bij dat ID hoort en ook de juiste fotos van Flickr afhaalt. Echter doet hij dat nu niet. Als ik de variabel gewoon handmatig invoer dan doet hij het wel. Het gaat dus mis zodra de variabel in de functie wordt gestopt.quote:
1 | test("6f9bff414d8f176e5c15359934c741bb",photosetId); |
1 2 3 4 5 6 | <td> <input type="text" name="info_extern" id="<? echo $ordernr['INFO_EXTERN']; ?>" value="<? echo $ordernr['INFO_EXTERN']; ?>" style="width:100px;background-color:#f2f2f2" /></td> <td> <input type="text" name="status" id="<? echo $ordernr['STATUSID']; ?>" value="<? echo $status; ?>" style="width:100px;background-color:#f2f2f2" /></td> <td> <input type="checkbox" name="tobeprinted[]" id="tobeprinted" value="<? echo $ordernr['ORDERNR']; ?>" style="width:40px" /></td> </tr> <tr> <td><input type="button" name="actie" id="print" value="Print" onclick="statusChange( Alle tobeprinted )"/></td></tr> |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |