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.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 ; } |
Leek?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);
quote: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?
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 ]
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |