Potverdikkie! post ik zonder het te weten de laatste reactie.. nahh dan maar ff nieuwe topic!
De (voorlopige) OP van de [Javascript] voor dummies reeks.
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.Vorige delen:
#1 - [Javascript] voor dummies - Deel 1
#2 - [Javascript] voor dummies - Deel 2
#3 - [Javascript] voor dummies - deel 3
#4 - [Javascript] voor dummies - deel 4
#5 - [Javascript] voor dummies (deel 6)
#6 - [Javascript] voor dummies (deel 6)
#7 - [Javascript] voor dummies (deel 7)
#8 - [Javascript] voor dummies (deel 8)
#9 - [Javascript] voor dummies (deel 9)
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.
Laatste posts uit het vorige topic:
{Hier de laatste twee posts uit het vorige topic}
Deze OP: http://wiki.fok.nl/index.php/OP/Javascript
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.
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
Een mogelijkheid om wát?quote:
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
ga eens googlen op "include"
| 1 | $('td:contains("needle")').parent().addClass('highlight'); |
Hoe?
.Het doel van deze Web User Control is een soort van overlay laden waarin een dynamische tabel verschijnt, van waaruit de gebruiker een keuze kan maken. Het ID en de omschrijving van de geselecteerde waarden worden dan opgeslagen in de corresponderende velden van de Web User Control.
Nu kom ik op een pagina waar ik 2 van deze Web User Controls gebruik, de HTML die uiteindelijk gegenereerd wordt is als volgt:
| 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> |
Het verschil tussen de 2 Web User Controls is dat er een verschillende reeks met data in de dynamische tabel moet verschijnen, dit wordt afgehandeld door een QueryString parameter die ik meestuur naar de AJAX pagina waar de tabel gegenereerd wordt. Deze parameter verwerk ik in de rel parameter van de <button>. In bovenstaand voorbeeld is dit Branch voor de eerste button, en Country voor de tweede button. De tweede parameter die ik aan mijn OpenLookup functie moet meesturen is CollectioName, dit is de 'prefix' van het ID van elke control in mijn Web User Control, zodat ik vanuit mijn AJAX pagina de waarden naar de correcte controls kan terugschrijven.
De onclick behavior voeg ik op de volgende manier toe middels Javascript (en jQuery). De switch gebruik ik omdat ik meerdere Web User Controls heb waaraan onclick gedrag toegevoegd moet worden:
| 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; } } |
De OpenLookup functie ziet er (zonder alle overlay abracadabra) als volgt uit:
| 1 2 3 4 | function OpenLookup(DataTable, CollectionName) { $('div#OverlayWindow').load('Lookup.aspx?DataTable=' + DataTable + '&CollectionName=' + CollectionName); return true; } |
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? [ Bericht 0% gewijzigd door Tuvai.net op 04-03-2011 06:21:48 ]
quote:
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:
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!
| 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:
[..]
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
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. Will try. Thanks!quote:
| 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> |
?Firebug says: document.getElementById('e') returns null.
.| 1 | <body onload="doit();"> |
| 1 | window.onload = doit(); |
zie ook http://stackoverflow.com/(...)nload-vs-body-onload
wel een onhandig gekozen functienaam
Bedankt, (en weer zo'n domme fout
)Komt allemaal omdat we van de docent webdesign (wat overigens alleen maar over xml gaat) geen inline javascript mogen gebruiken.
| 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> |
Je functienaam moet wel omschrijven wat je doet. Dus die tweede is ook slecht
.Minder slecht.quote:
setTextColor() zou ik doen.
Je functienaam moet wel omschrijven wat je doet. Dus die tweede is ook slecht
Ik ga voor alles wat simpeler en korter kan...
Ik zal het wel posten als ik het afheb
Het volledige script.SPOILER
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<?php
var plus = new Image();
plus.src = './plus.gif';
var min = new Image();
min.src = './min.gif';
var cuit = new Array(), buit = new Array();
window.onload = initialize;
function initialize()
{
var anchor = document.getElementsByTagName('a');
for (var i = 0; i < anchor.length; i++)
{
if (anchor[i].getAttribute('href') && anchor[i].getAttribute('rel') == 'external') anchor[i].target = '_blank';
}
var alles = document.getElementsByTagName('td'), j = 0, k = 0, l = 0, m = 0;
for (var i = 0; i < alles.length; i++)
{
if (alles[i].getAttribute('class') == 'contacttekst')
{
alles[i].id = 't' + j++; alles[i].style.display = 'none'; cuit[j] = false;
}
else if (alles[i].getAttribute('class') == 'contactknop')
{
alles[i].id = 'c' + k++; alles[i].onclick = klapopendicht; alles[i].style.padding = '0px 0px 0px 20px'; alles[i].style.cursor = 'pointer';
alles[i].title = 'Klik hier om de contactinformatie te tonen.'; alles[i].style.backgroundRepeat = 'no-repeat';
alles[i].style.backgroundImage = 'url(../site-afbeeldingen/plus.gif)'; alles[i].style.backgroundPosition = '4px 3px';
}
else if (alles[i].getAttribute('class') == 'bestandslijst')
{
alles[i].id = 'l' + l++; alles[i].style.visibility = 'hidden'; cuit[l] = false;
}
else if (alles[i].getAttribute('class') == 'bestandsknop')
{
alles[i].id = 'b' + m++; alles[i].onclick = klapopendicht; alles[i].style.padding = '0px 0px 0px 20px'; alles[i].style.cursor = 'pointer';
alles[i].title = 'Klik hier om de contactinformatie te tonen.'; alles[i].style.backgroundRepeat = 'no-repeat';
alles[i].style.backgroundImage = 'url(../site-afbeeldingen/plus.gif)'; alles[i].style.backgroundPosition = '4px 3px';
}
}
}
function klapopendicht()
{
var i = parseInt(this.id.substr(1)), t = this.id.substr(0, 1);
var uit, n, m;
if (t == 'c') { cuit[i] = !cuit[i]; uit = cuit[i]; n = 'contact'; m = 't'; }
else { buit[i] = !buit[i]; uit = buit[i]; n = 'bestands'; m = 'l'; }
var d1, d2 = 'url(../site-afbeeldingen/plus.gif)', d3 = 'tonen';
if (t =='c') { d1 = 'none'; }
else { d1 = 'hidden'; }
if (uit)
{
if (t == 'c') { d1 = 'block'; }
else { d1 = 'visible'; }
d2 = 'url(../site-afbeeldingen/min.gif)';
d3 = 'verbergen';
}
if (t == 'c') { document.getElementById(m + i).style.display = d1; }
else { document.getElementById(m + i).style.visibility = d1; }
this.style.backgroundImage = d2;
this.title = 'Klik hier om de ' + n +'informatie te ' + d3;
}
?>
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 ]
oke, volgende probleem:
ik probeer via de thickbox (3.1) lib gewoon simpel wat tekst te tonen
dus ik heb et volgende:
| 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> |
enige wat ik onder aan de pagina te zien krijg is het laden animatie en voor de rest niks...
wat doe ik verkeerd?
[ Bericht 18% gewijzigd door mschol op 13-03-2011 16:18:55 ]
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
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 } }); |
Kan iemand mij vertellen of ik in die functie ook kan achterhalen welke li geklikt is? Dus een if-je kan maken, met een uitzondering voor als de li met id="klaar" is geklikt?
Thanks
Heb al deze code :
| 1 | timer6[1] = window.setInterval("MoveText("+textcount, textname+")", 100); |
Weet iemand hoe je dit moet oplossen?
Is het mogelijk om in deze code:
| 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> |
ook een knop voor active te maken? Kan geen code vinden die hierop aansluit.
Dat is gewoon onmouseover en onmouseout.
Onmouseover is toch de hover, en onmouseout is toch als je er niet meer over hovert?quote:
Je bedoelt een javascript functie die het gedrag van CSS :active nabootst?
Dat is gewoon onmouseover en onmouseout.
Ik heb onmouseover, maar de huidige pagina is niet gehighlight.
De volgende code heb ik gevonden
| 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; }); }); |
Daar waar ik de remarks heb neergezet zou ik graag de 'output' van contact.php willen controleren! waarna ik bij een 1 het formulier is verzonden en bij een 0 een 'foutmelding' geef.
Hoe krijg ik dit voor elkaar?
| 1 2 3 4 | success: function(data, textStatus, jqXHR) { alert(data); alert(textStatus); } |
En kijk wat je terugkrijgt.
Wist niet dat deze functie met en zonder parameters gebruikt kon worden!! en ben dus weer heel wat wijzer geworden
| 1 2 3 | function(html) { if (html == 1) { doe dit } else { doe dat } } |
quote:
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:
GOED? = Alert + leeg 3 velden
FOUT? = Alert foutmelding
Leek?quote:
[..]
Ternary operations zijn voor de leek nog niet zo makkelijk te begrijpen
in PHP gebruik ik het heel veel bij het bepalen van invoer gegevens ($_POST, $_GET)Zou iemand mij hier bij kunnen helpen? Of desnoods wijzen naar tutorials welke dit behandelt.
Constructie:
| 1 | Beginwaarde, voorbeeld: 10.00 |
Ik heb 3 verzend mogelijkheden, namelijk:
| 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" /> |
Daaronder heb ik betaal mogelijkheden, namelijk:
| 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" /> |
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:
| 1 2 | <input type="hidden" name="verzendkosten" value="<totale verzendkosten"> <input type="hidden" name="totaalbedrag" value="<totaalbedrag"> |
Prijsberekening:quote:
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; |
Ben er niet zeker van of ik het de eerste keer goed heb genoteerd.
Maar zodra je het door hebt leest het zoveel makkelijkerquote:
[..]
Ternary operations zijn voor de leek nog niet zo makkelijk te begrijpen
xaban06: je kunt toch gewoon de values tellen?
document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value);
Mooie aanvulling, vergat rekening te houden met parseFloat/parseDouble.quote:
[..]
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:
[..]
Mooie aanvulling, vergat rekening te houden met parseFloat/parseDouble.
Oh hoe vaak ik dat al vergeten ben een .toFixed(2) erachter is denk ik ook aan te bevelen.
Dat maakt hem nou helemaal af.quote:
[..]
een .toFixed(2) erachter is denk ik ook aan te bevelen.
* Ofyles2 pas komt kijken in dit topic, maar al bezig met het schrijven van een geavanceerde tekstverwerker voor websites.
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:
[..]
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.
Ik kan iedereen activewidgets.js (www.activewidgets.com) en floating_window.js (dhtmlgoodies) aanraden als toolset
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:
[..]
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);
Ik zal eens kijken of het mij lukt om de code ergens in te plakken zodat het ook werkt
Zet een .onclick functie op de 2 radio buttons en je kunt on the fly de andere bijwerken.quote:
[..]
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
dan wordt het iets als dit:
| 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:
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?
http://www.aptana.com/products/studio2/download zie 'customize download' voor de Linux versie.
Gewoon, ctrl+shift+J?quote:
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:
Asjemenou!chill.quote:
[..]
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 ]
Mijn JS ervaring is vrijwel nul, so bear with me.
Wat ik probeer te bereiken is dat een element in de pagina (div) wordt weergeven zodra er naar beneden wordt gescrolld en de header niet meer zichtbaar is.
Zodra de bezoeker naar boven scrollt en de header komt weer in beeld, dan moet het element zich verbergen.
Ongeveer zoals die top bar op de frontpage.
Het element zelf is simpel genoeg te doen met CSS, maar ik vroeg me af hoe ik de JS kant het beste kan oplossen. Misschien dat jullie me een duwtje in de goede richting kunnen geven?
is een functie die aangeroepen wordt als je scrollt.
| 1 2 3 4 | window.onscroll = scrollEvent; function scrollEvent() { alert("scroll"); } |
edit: wat webhulp:
http://help.dottoro.com/ljurkcpe.php
onscroll in body:
http://www.java2s.com/Cod(...)/onScrollExample.htm
html:
| 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> |
CSS:
| 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;} |
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 | 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]); } } |
Het maakt gebruik van de jquery FlexiSlider plugin (http://www.jquerygallery.net/2010/09/flexi-slider/)
Hoop dat iemand mij verder kan helpen
P.S: Hoverstop bedoel ik mee; de plaatjes gaan op dit moment heletijd doorlopen, ik wil als ik met muis erover ga dat het stopt, muis eraf - weer doorgaan.
[ Bericht 1% gewijzigd door Peem op 04-04-2011 16:40:16 ]
Pas het nu aan
Dan moet je ergens een
.stop()
toevoegen
Ik heb 1 voorbeeld gevonden:
Geen stop:
| 1 | $(this).find('a.dribbble-over').fadeIn('normal'); |
| 1 | $(this).find('a.dribbble-over').stop().animate({opacity: 1},600); |
Edit: Tevens dank voor de tijd om te kijken
Het volgende stukje code kan ik gebruiken om een plaatje te uploaden, waarbij ik een preview na het uploaden kan weergeven van het plaatje (van zurb.com/playground/ajax_upload).
Nu zou ik dit scriptje graag willen aanpassen zodat het werkt met meerdere bestanden! zonder dat ik voor ieder formuliertje een aparte functie hoef te schrijven!.
De code is als volgt
| 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> |
Nu was mijn gedachte, ik moet van thumb, thumb1, thumb2, thumb3 e.t.c. maken en zelfde voor newHotnessForm en natuurlijk bijbehorende invoervelden..
Maar goed, als dat technisch gezien handig zou zijn, hoe kan ik dan middels jQuery een loopje maken van alle thumb* id's en daar de rest van de code op aanpas.
Anyone?
anders met regexes werken.
of is dat niet handig?De volgende code werkt
| 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); } }); |
en deze code die dus zelf alle elementen moet aflopen werkt niet
krijg een error ivm [newID] | 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); } }); }); |
hoe kan ik dit oplossen en zo de 'id's' variabel te maken?
| 1 | parent.document.getElementById('iframe').contentWindow.document.body.style.background="url(bg-url)"; |
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
kan helaas niet crossdomain.quote:
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:
[..]
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:
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
[ code verwijderd ]
hoe kan ik dit oplossen en zo de 'id's' variabel te maken?
Dan krijg je zoiets in je formulier:
| 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"> |
De bijbehorende javascript-code (met jQuery) is niet zo lastig. Proof of concept:
| 1 2 3 4 5 | $(document).ready(function() { $('.thumb-upload').each(function(ix, el) { alert($(el).attr('id')); }) }); |
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.
ben het er ergens ook wel mee eens dat het niet mogelijk is, in dit geval vind ik het jammer.quote:
[..]
eensch, hoewel het soms wel handig zou kunnen zijn ben ik blij dat het niet kan
iig allemaal bedankt voor het snelle antwoorden.
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:
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.
[ Bericht 2% gewijzigd door #ANONIEM op 07-04-2011 21:48:50 ]
Klopt! er stond nog een ' tegen de ) aanquote:
Maar goed, ik heb het werkend!
| 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); } }); }); }); |
Nu kan ik uploaden op een prettige manier aanbieden! maar als jullie comments hebben hoor ik ze graag!
Gelijk een andere vraag, hoe kan ik tijdens het uploaden een ID meegeven, zodat ik het plaatje weer op dezelfde upload positie kan zetten? op zich weet ik wel 1, returnen als een array middels userfile[1] bv of moet ik dit anders aanpakken?
-edit-
ik heb het opgelost door de response te gebruikenn (nu xml code) die ik weer kan uitlezen!
Zo kan ik meer gegevens uitlezen dan alleen de preview url.
[ Bericht 73% gewijzigd door Chandler op 08-04-2011 17:31:43 ]
HTML
| 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> |
CSS
| 1 2 3 4 5 6 7 | #nav{ width:100%; height: 200px; } #reel{ height: 200px; } |
Met dit stukje code wilde ik het simpelse maar eens proberen, de scrollafstand manipuleren.
| 1 2 3 | <script type="text/javascript"> $("#nav").scrolLeft(300); </script> |
Krijg geen specifieke foutmelding (niet goed gekeken mss).quote:
Wat is precies je doel? Wat wil er niet lukken? Watvoor foutmeldingen krijg je?
Wat ik wil is dat als je links hovert dat hij naar links scrollt en bij rechts hover naar rechts scrollt. Maar het scrollen wil niet lukken, de divs die er boven zweven kan ik prima maken. Maar het scrollgedeelte dus, hoe krijg ik dat voor elkaar (zonder marquee
).| 1 2 3 | var plaatje = document.getElementById('plaatje'); var w = plaatje.width, h = plaatje.height; plaatje.style.width = '100px'; plaatje.style.height = '100px'; |
Met style pas je eigenlijk de css aan, dus je kan ook procenten gebruiken en misschien ook wel em (ik weet het niet, en ik weet ook niet waarom je dat zou willen hoor
)En btw, deze methode werkt alleen als het plaatje al geladen is, anders is de hoogte en breedte onbekend en returned 0. Je moet het dus of gebruiken in een functie die je doet bij het event window.onload óf je moet het op deze manier doen:
| 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); } |
Ik ben opzoek naar een plugin voor een pagina waar snelbestellen moet komen, deze moet ervoor zorgen dat als je alleen het serienummer intypt dat de rest van de gegevens er ook komen dus de naam en prijs.
Hier onder is een voorbeeld van wat ik bedoel
Bedankt alvast!SPOILER
Je gaat 99% zeker met een ajax call naar de database moeten werken, daarna kan je via die ajax call op verschillende manier ervoor zorgen dat de juiste informatie op de juiste plek komt.
Ik heb dit gevonden : http://www.w3schools.com/AJAX/ajax_database.asp
Ik moet dan alleen zorgen dat je select customer zelf kan invullen.
[ Bericht 2% gewijzigd door afro op 12-04-2011 10:22:41 ]
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
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
http://compuser.nl/2011/04/07/visual-event-the-chrome-extension/
(download rechtsonder)
Kant-en-klare scripts ga je hier niet krijgen.quote:
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:
[..]
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:
[..]
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> |
Ik wil dus dat na de 3e variable dat mijn poppetje terugkeert naar rechts, hoe krijg ik dit voor elkaar?
| 1 2 3 | <?php echo " <td><a onClick=\"dynContent('pagina.php', 'argument')\"><img class='icon16center' src='images/icons/delete.png'/></a></td>\n"; ?> |
Hoe fix ik dit?
De onclick moet dus alleen werkzaam zijn op het plaatje delete.png, en niet op de gehele TD.
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']))); ?> |
Ik geef dus m'n argumenten door aan dezelfde pagina, en deze haal ik weer op met get.
En wat doet stateChanged?
De innerhtml aanpassen, dus de content div opnieuw laden.
in contentmanager zet je een lijstje van toegestane id's.
Naar de img tag bedoel je?quote:
oh, verplaats de onclick naar de a-tag.
Thx voor de info, zal ik doen.quote:
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:
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..
Dankuquote:
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 arrayquote: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..
Maar bedankt voor de tips. Het heet dus id, maar ik had het beter page kunnen noemen.
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.
Vroeg wat een geschikte plug-in was, zodat ik weet in welke richting ik moet zoeken.
Heb nu zoiets:
| 1 | $("#div:not(. container . menu)").hide(); |
Maar dat werkt niet. Iemand een idee hoe ik het kan fixen?
Alvast bedankt
$("div:not(#container,#menu)").hide();
werkt dit?
Jaquote:
Dus de id's zijn container en menu?
$("div:not(#container,#menu)").hide();
werkt dit?
Hartstikke bedankt! 
Jahoor.quote:
Op · · · — — — · · ·
Alsjeblieft.
Maar ik bedoel met het gewenste effect dat ik voor ogen wil zien..quote:
[..]
Jahoor.
· · · — — — · · ·
Alsjeblieft.
Waar heb je dringend hulp bij nodig dat je leven gered moet worden?quote:
[..]
Jahoor.
· · · — — — · · ·
Alsjeblieft.
Tegen betaling wil ik best wat voor je maken hoor. Vertel maar wat het worden moet.quote:
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:
[..]
Tegen betaling wil ik best wat voor je maken hoor. Vertel maar wat het worden moet.
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..
Mja zo werkt dat in de wereld, als je iets wilt wat je zelf niet kunt, moet je er voor betalen...quote:
[..]
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:
[..]
Mja zo werkt dat in de wereld, als je iets wilt wat je zelf niet kunt, moet je er voor betalen...
Weet jij nog ergens waar je ze voordelig kunt krijgen?quote:
Op | 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> |
quote:
[..]
Weet jij nog ergens waar je ze voordelig kunt krijgen?
, wil jij het ook weten?Wakostda?quote:
Heldquote:
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.
Als je gewoon gelijk je probleem had gepost, was het al 6x opgelostquote:
[..]
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.
ik laat php een json_encode() sting aanleveren die ik vervolgens in een tabel wil parsen, maar ik krijg de melding "too much recursion" in Firebug (IE zegt syntax error in Json.js)
aangezien de materie redelijk nieuw voor mij is, iemand die me de goeie kant op kan helpen?
Juist dus eigenlijk zou ik dan 3 bindings moeten maken op 1 veld (met jquery) en daarin een functie aanroepen?.quote:
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:
en
http://tinyurl.com/6eqnv9p daar komt de data vandaan..
de bedoeling is dat de data die binnenkomt in de tabel terecht komt, ik deze met een checkbox kan selecteren, in een dropdown of textbox een categorie in DB kan selecteren en deze regel er dan aan koppel
En er is een mooie $.getJSON in jQuery.
En $(tblRow) is geen selector. Je wilt $("#userdata tbody").append(tblRow).
Ok juist, jammerquote:
ok, thnx voor et commentaarquote:
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).
ik ga weer verder kutten
- 2 spelers.
1. Speler 1 offreert aan speler 2.
2. Speler 2 accepteert/weigert.
3. Uitkomst
In stage 1, staat speler 2 in de wachtstand. Als speler 2 een offer maakt wordt een rij in de database ingevoerd. Nu wil ik dmv AJAX dat Speler 2 daar een melding van krijgt. Beter nog, een link geenabled wordt zodat hij door kan naar Stage 2.
Hoe realiseer ik dit? Ik heb diverse tutorials bekeken, maar kom er niet uit hoe ik op basis van iets wat op de server gebeurd een 'push' melding naar de browser verstuur.
Klopt.quote:
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:
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:
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
Ik ben al een tijdje bezig met een eigen Google Map, en het begint al aardig ergens op te lijken.
Nu wil ik een nieuwe functie toevoegen, maar ik snap er niks van
!Het gaat om de functie zoals op deze site:
http://www.gebweb.net/optimap/
De site waarop ik werk is:
http://citysteps.charisrooda.com/?p=prinsjesdagroute-2010
Wat ik dus wil dat er gebeurd is dat iemand allemaal punten aan de kaart kan toevoegen (dat kan nu al), en dat er op het eind op een knop gedrukt kan worden, waarna de originele route en de aangepaste route (de standaard route die er al in staat + toegevoegde punten) over elkaar heen worden geplaatst.
Maar die functie op de website die ik al eerder gaf heeft een andere syntax dan ik gebruik (
), bijvoorbeeld:Ik gebruik deze code:
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
Maar die website gebruikt deze code:
gmap2 = new GMap2(document.getElementById("map"));
Dus ik snap niet hoe dit gedaan moet worden
Het hoeft natuurlijk niet precies volgens de manier van die website te gaan, dus daarom wil ik aan jullie vragen of jullie weten hoe ik dit moet maken of dat jullie misschien een andere manier weten?
Groetjes
Zoiets dacht ik al ja, dacht alleen dat ik de nieuwe versie had en die site de oudequote:
Dat is een verschil in API. De nieuwe is Gmap2, jij gebruikt nog de oude Google Maps API.
Is er dan een manier om alles over te zetten naar de nieuwe versie?
Zonder dat ik alles dus opnieuw moet coderen.
http://code.google.com/ap(...)pt/v2/reference.html
Staat er "Note: The Google Maps Javascript API Version 2 has been officially deprecated as of May 19, 2010. The V2 API will continue to work as per our deprecation policy, but we encourage you to migrate your code to version 3 of the Maps Javascript API."
En die versie gebruikt gmap2 ipv google.maps.Map, welke versie 3 wel gebruikt (http://code.google.com/ap(...)script/tutorial.html).
Nu twijfel ik dus weer, volgens mij heb ik wel gewoon de nieuwste versie want ik heb alles ook van die site van Google zelf
[edit]
Heb het nu werkend, kan alleen niet die roze lijn en de berekende route tegelijk laten zien
[ Bericht 10% gewijzigd door Ikbenmijnwachtwoordkwijt op 18-05-2011 16:18:34 ]
1. op basis van provincie?
2. op basis van markers (bv allemaal in weert en dan inzoemen op 'weert' zodat alle markers in het scherm passen?)
Zou vet handig zijn!
http://stackoverflow.com/(...)oom-in-appropriately
[ Bericht 28% gewijzigd door #ANONIEM op 20-05-2011 13:38:06 ]
| 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)); } |
newpoints bevatten markers met een aantal lokaties (per provincie). Dus zou ik technisch gezien moeten inzoomen op de min/max van de lat/lng van de markers.
Ik krijg geen error maar weet dat het 'bij ***' opeens stopt??
Source: http://911-need-code-help(...)rs-polylines-or.html
Andere probeersel!
| 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); } |
Maar hier komt hij niet verder dan Nix alerten en dan stopt het zomaar???
Map
LatLngBounds (kent ook een getCenter() functie)
En ja, die LatLngBounds heb je echt nodig. Zelf rekenen moet je niet willen, dat gaat toch fout.
Hier is de code:
| 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); |
Het probleem is dat hij de endmarker niet goed split, in de alert krijg ik dit te zien:
endmarker: (52.080218106155456, 4.312434196472168)
ne: (NaN, 4.312434196472168)
Hij krijgt dus voor het gedeelte voor de komma niet het juiste getal eruit, terwijl bij het getal achter de komma het wel gewoon goed gaat. Weet iemand waarom dit fout gaat?
"Ik heb ervaring met AJAX.NET" enigzins apart ?
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 ?
[ Bericht 11% gewijzigd door #ANONIEM op 23-05-2011 14:42:59 ]
http://www.ajaxpro.info/quote:
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:
op zijn CV staat het als :
ASP.NET
VB.NET
AJAX.NET
Zodra ik met hem om tafel kom te zitten zal ik dat ook zeker wel doen.quote:
Vraag hem op een gesprek welke van de drie niet in het rijtje thuishoort.
Snap ikquote:
[..]
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:
[..]
Zodra ik met hem om tafel kom te zitten zal ik dat ook zeker wel doen.
Stel ik doe: new Docent("Piet", "abc")
En daarna: new Student("Henk", hiereenverwijzingnaarpiet)
Hoe doe ik dat?
In BlueJ waar we op school mee werken kan je dus een instantienaam opgeven als je een nieuw object maakt, maar hoe gebeurt dat normaal?
new Docent("Piet", "abc");
door
Docent piet;
piet = new Docent("Piet", "abc");
dan kun je piet meegeven aan Student.
Ik gebruik dit script om een quiz te genereren:
http://javascript.about.com/library/blquiz.htm
En ik wil via een CMS zelf kunnen invullen welk antwoord goed is, maar dit script doet een of andere som die ik niet begrijp om te checken welk antwoord goed is.
Hoe kan ik dit zelf bepalen?
[edit]Hij doet die som om te voorkomen dat er in de bron kan gekeken worden naar het goede antwoord, maar dat is niet van toepassing in de quiz die ik wil maken dus vandaar
quote:
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:
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:
[..]
Snap ik
[..]
Stream dat interview meteen even dit topic in dan
Docent piet = new Docent("Piet", "abc");quote:
Vervang
new Docent("Piet", "abc");
door
Docent piet;
piet = new Docent("Piet", "abc");
dan kun je piet meegeven aan Student.
Lol.quote:
[..]
[..]
[..]
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.
*Schaamt*
Error; unexpected literal 'ch', expected 'g' at line 35quote:
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*
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:
| 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); }); |
En in de HTML:
| 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> |
Nu wil ik graag dat de afbeeldingen in random volgorde worden weergeven, zodat niet constant dezelfde volgorde is als iemand de site opent.
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:
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:
[..]
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.
Bedankt!
als #1 .x of .y heeft maak .z, als #1 .z heeft maak .x
knop b
als #1 .x of .z heeft maak .y, als #1 .y heeft maak .x
is dit mogelijk met simpele .js (simpel alsin paar regels code zonder library)
ik zit met een probleempje, ik heb een script met cookies gemaakt, maar dit is voor het eerst dat ik cookies gebruik in Javascript. Nu kun je dus inloggen: email en password. Je wordt doorgestuurd naar "welkom.html" maar hij laat ipv Welkom "user" blablabla, Welkom undefined blablabbla zien.
Hier wat code, kunnen jullie mij een duwtje in de goede richting geven?
cookiefuncties.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 | 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> |
Bij voorbaat dank
Neequote:
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:
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:
[..]
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, wie kan mij nu vertellen of het script wel goed is dan. Dan weet ik in ieder geval hoe het werkt.
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:
[..]
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:
[..]
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.
Zoiets, school internet -_-quote:
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:
Op You fail.quote:
cookiefuncties.js regel 7
inloggen.html regel 27
Mijn console zegt totaal niks :S. Aanrader hoe ik deze errors opspoor?quote:
[..]
You fail.
cookiefuncties.js regel 7
inloggen.html regel 27
Ninja edit: chrome gebruik ik nu
Misschien een heel wild idee, maar je zou gewoon eens naar de genoemde regels kunnen kijken?quote:
[..]
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:
[..]
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:
Haha ben ik mee bezig, maar wat voor error console gebruik je
quote:
[..]
Misschien een heel wild idee, maar je zou gewoon eens naar de genoemde regels kunnen kijken?
quote:
Haha ben ik mee bezig, maar wat voor error console gebruik je
kunnen we niet zien op je 100x100 pixel plaatjequote:
gebruik firebug in FFquote:
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:
Definieer 'heeft'. Is het een class, een attribuut?
<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
Waarschijnlijk een OSI Layer 8 probleem.quote:
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:
[..]
Waarschijnlijk een OSI Layer 8 probleem.
quote:
[..]
Oi, wat houd dat in en wat is daar eventueel aan te doen?
SPOILER
quote:
[..]
Waarschijnlijk een OSI Layer 8 probleem.
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?
maar dan nog wil ik het document doorlopen om automatisch de juiste functies aan de tabs te knopen zonder daarvoor iedere tab van extra code te voorzien Hoop dat je het snapt
Maar geen oplossing dus? Ik dacht dat dit een dummie topic was?quote:
'Hij doet het niet' is niet echt een probleem beschrijving, now is it?quote:
[..]
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:
[..]
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:
[..]
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...
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.
Misschien is dit meer iets voor [PHP/(My)SQL] voor dummies #91 maar goed...quote:
[..]
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.
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>
Och zo simpel uiteindelijk! Nou bedankt en weer wat geleerd!quote:
[..]
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?
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.
Opmaak kun je gewoon zoals altijd met CSS doen. Maakt niet uit of je elementen dynamisch zijn of niet.quote:
[..]
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.
En classnames als "class1" enz. zou ik niet aanraden, dan raak je binnen de kortste keren de draad kwijt. Kies gewoon iets beschrijvends.
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> |
Het komt er op neer dat ik een object wil doorgeven naar een andere functie. Dit object word zo aangemaakt:
| 1 2 3 4 5 | var marker = new google.maps.Marker({ position: varPositie, map: map, icon: varIcon }); |
Eigenlijk wil ik het hele object in één keer doorgeven, maar heb gemerkt dat dat niet kan (omdat er dan [object Object] in de HTML staat), dus was mijn plan de gegevens een voor een door te geven.
Wanneer ik meteen na het aanmaken van de marker dit uitvoer:
| 1 | alert(marker.position); |
Krijg ik dit te zien:
| 1 | (52.080218106155456, 4.312434196472168) |
Ik wil deze gegevens doorgeven doormiddel van een onClick:
| 1 | <a href="#" onClick="markerinlijst2(' + marker.position + ')"> |
Wanneer ik dan in die functie marker.position ontvang werkt mijn hele kaart niet meer, dus ontvang ik het als markerposition:
| 1 2 3 | function markerinlijst2 (markerposition) { // Toegevoegde marker in ontzichtbare lijst plaatsen alert(markerposition); } |
Als ik die markerposition dan weer alert krijg ik ineens een andere waarde te zien, namelijk:
| 1 | 4.312434196472168 |
Wat er dus gebeurt is dat alles voor de komma wordt weggehaald, maar ook de haakjes.
Wat doe ik verkeerd? En bovendien, hoe los ik dit op?
| 1 2 3 4 5 | <?php function foo(obj){ alert(obj.position); } ?> |
Dus je hoeft niet marker.position door te geven, kan ook gewoon marker zijn.
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:
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.
Komt dat dan ook door de quotes en haakjes zoals GlowMouse al zei?
Was niet geheel wat ik bedoelde maar het heeft me wel geholpen zelf een functie te schrijven (mijn allereerstequote:
). heb het nu als volgt gedaan.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 | <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> |
html:
| 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> |
edit, js kon korter:
| 1 2 3 4 | if (e.className == 'ingeklapt' || e.className == 'user') e.className = 'fok'; else e.className = 'ingeklapt'; |
[ Bericht 1% gewijzigd door n8n op 08-06-2011 07:16:04 ]
| 1 2 | e.className = 'fok'; if (e.className != 'ingeklapt' && e.className != 'user') e.className = 'ingeklapt'; |
is dat niet hetzelfde als == ( || ) maar dan omgekeerd?quote:
voorbeeld: http://www.n8n.nl/temp/jsmenu.html
grijze tekst staat voor gesloten, groen voor open.
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:
[..]
is dat niet hetzelfde als == ( || ) maar dan omgekeerd?
voorbeeld: http://www.n8n.nl/temp/jsmenu.html
grijze tekst staat voor gesloten, groen voor open.
edit, krijg het nu opeens niet meer werkend, ga ondanks dat ik liever heb dat het me lukt genoegen nemen met 4 regels
edit2, wel in 2 regels lichte wijziging en het werkt:
| 1 2 | if (e.className != 'subsites') e.className = 'subsites'; else if (e.className != 'closed' && e.className != 'user') e.className = 'closed'; |
[ Bericht 30% gewijzigd door n8n op 08-06-2011 09:41:51 ]
Het is allemaal gewoon wiskunde.
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 overquote:
== 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.
Ben door deze kennismaking wel geprikkeld verder te gaan met javascript, leuk welIk 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:
Ik wist trouwens niet dat je dat in Javascript ook kan gebruiken
Weer wat geleerd.Mja zover wilde ik nou ook weer niet gaanquote:
[..]
Ik vind die van jouw ook mooier maar ik zou zelf gaan voor:
[ code verwijderd ]
Dan is de marker ineens undefined :squote:
Probeer onClick="markerinlijst2(marker)"
Als ik dit doe:
| 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); } |
Dan krijg ik in de eerste alert "(52.080745582059585, 4.304838180541992)" te zien, en voor de tweede krijg ik de melding varPositie is not defined.
Wanneer ik echter dit doe:
| 1 2 | alert(varPositie); lijnplaatsen(varPositie); |
Dan kent de functie lijnplaatsen wel varPositie.
PDF renderer in JS
Linux kernel in JS
Ben bezig met een bestelproces met jQuery en localstorage.
Als je hebt besteld kom je op de pagina waar je een overzicht ziet van wat je hebt besteld. Probleem is dat de hele menukaart wordt getoond met daarachter hoeveel het is besteld (bijv Appels: 1, Banenen: 0). Nu wil ik dat slechts enkel wordt getoond wat is besteld, dus in deze alleen Appels: 1.
Op de overzichtspagina van wat er is besteld gebruik ik de volgende regels:
| 1 | document.write('<li>Appels: ' + localStorage.getItem('Appels') + '</li>' ); |
Hoe kan ik dat daarin bakken? Is dat uberhaupt mogelijk?
Tijdens het bestelproces gebruik ik de volgende regel:
| 1 | <input type="range" name="fruitappels" id="fruitappels" value="0" min="0" max="10" /> |
Waarom precies? Ben redelijk nieuw in JSquote:
.Dat is geen probleem. Heb sowieso al alles opgebouwd op deze manier, waar ik al blij mee wasquote:
.Geen oplossing voor mijn probleem?
if(localStorage.getItem('Appels') > 0) {
.. jouw document.write
}
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.
Stand alone werkt het prima zowel op mijn eigen pc als online. Ik wil het echter gebruiken in Magento. Na wat prutsen is dat wel gelukt, alleen blijft het zwart in plaats van dat de plaatjes langskomen. Als ik in html een image toevoeg met dezelfde source werkt dat wel. En als ik dezelfde plaatjes toevoeg in het script buiten Magento werkt het ook. Heeft iemand enig idee waarom?
| 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:
Voor de jquery mensen die wel eens met positionering van 'popup divs' in de knoei zitten:
[ code verwijderd ]
[ code verwijderd ]
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?
Post eens wat code? Je denkwijze is goed volgens mij.quote:
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?
Ligt dus niet aan de code, of tenminste niet aan de letterlijke tekst.
gewoon een tekstveld, met het juiste id.quote:
Textveld id`s nalopen, of is het een dropdown / radio button / textarea ?
Zal het te maken kunnen hebben met dat ik het aanroep op een onchange?
Dat is eerst die focus zet , maar dan alsnog door wil /gaat springen naar een ander veld?
onblur van gemaakt en werkt
[ Bericht 14% gewijzigd door Cue_ op 07-07-2011 09:58:42 ]
Ik wil graag zo iets hebben, maar krijg het niet gedaan:
| 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); } |
edit:
oh fixed, de () vergeten ..
Sorry het is een lange dag.Nu vond ik daar de sorttable.js voor ( http://www.kryogenix.org/code/browser/sorttable/ )
maar nu zit ik met het volgende. het lukt mij niet om hem werkend te krijgen in mijn code. En volgens mij komt het doordat ik het in php probeer te doen en door echo's de html code. Opzich werkt dat.. maar wanneer ik de html code onderbreek voor een php gegenereerde lijst dan doet ie het niet. Iemand enig idee hoe op te lossen?
Mijn html code:
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.SPOILERecho "
<form>
<table id='dinges' class='sortable'>
<td style='width:70px'> Ordernr </td>
<td style='width:70px'> Deb. id </td>
<td style='width:300px'> Debt. name </td>
<td style='width:30px'> Pl. </td>
<td style='width:150px'> Orderdate </td>
<td style='width:70px'> Tralier </td>
<td style='width:50px'> Tr.type </td>
<td style='width:50px'> ADR </td>
<td style='width:50px'> Cooltr. </td>
<td style='width:150px'> Pickupdate </td>
<td style='width:100px'> Destcity </td>
<td style='width:50px'> Trucknr </td>
<td style='width:50px'> Drivernr </td>
<td style='width:100px'> Info intern </td>
<td style='width:100px'> Info extern </td>
<td style='width:100px'> Status </td>
</tr>
";
$list = new Order;
$lijst = $list->getList($statusid, $sortering, $startdate,$enddate);
echo "
</table>
</form>
";
2) Dit is niet je HTML code, maar je PHP code. Bekijk je HTML code als je het antwoord wilt.
3) Deze PHP code gaat sowieso geen data in de tabel plaatsen, er wordt wel een functie aangeroepen enzo maar niets geëchoed.
Ik ben echt een noobie met javascript.
Ik ben bezig met een background slideshow. en hij doet het ook. alleen de animatie naar de volgende afbeelding ben ik niet tevreden mee. hij gaat eerst naar wit en dan weer van wit terug naar de volgende afbeelding. en ik zou graag willen dat die gelijk fade naar de volgende afbeelding en dus niet eerst naar een heel wit scherm. snapt iemand wat ik bedoel?
Zou iemand mij kunnen vertellen hou ik de voor elkaar moet krijgen?
hier mijn javascript/jquery 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 | <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:
Dat gaat niet lukken met deze functie. Je kunt niet twee verschillende achtergrondafbeeldingen tegelijk op één element hebben.
Nu probeer ik deze http://jonraasch.com/blog/a-simple-jquery-slideshow slideshow achter al mijn content te krijgen in html alleen het lukt mij echt niet. hij gaat er elke keer boven.
Weet iemand hoe ik dat kan oplossen?
[ Bericht 88% gewijzigd door Cue_ op 26-07-2011 13:40:24 ]
Dus zeg maar
| 1 2 3 4 5 6 | <ul> <li> banaan</li> <li>kers</li> <li>aarbei</li> <li>appel</li> </ul> |
Moet ik dan per <li> een id/class meegeven of?
Alvast bedankt
http://api.jquery.com/last/
quote:
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:
Met jQuery staat er gewoon een 1 op 1 voorbeeld van hoe je het zou kunnen doen.
http://api.jquery.com/last/
Edit: voor de mensen die benieuwd zijn:
:not(:last)
[ Bericht 2% gewijzigd door MrMonkeyman op 28-07-2011 21:47:03 ]
Weet iemand hoe ik de value van een stukje regular expression terug kan krijgen in native Javascript of jQuery?
Ik heb deze string:
| 1 | /ig/images/weather/chance_of_rain.gif |
En dit is mijn regex:
| 1 | /^\/ig\/images\/weather\/(.*)/ |
Ik wil graag dat laatste (.*) terug krijgen, welke functie kan ik hiervoor gebruiken?
Bvd.
ben geen JS held maar doet match dit niet?quote:
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.
https://developer.mozilla(...)Objects/String/match
Ik was bezig met de match functie, maar thanks voor de site. Een goed voorbeeld staat erop en het werkt.quote:
[..]
ben geen JS held maar doet match dit niet?
https://developer.mozilla(...)Objects/String/match
Ik heb een variable aangemaakt en die moet worden gebruikt in een functie, maar het wil maar niet werken... volgens mij heb ik het gewoon verkeerd getypt
Photoset Id is gewoon een variabel die hij uit de geklikte foto haalt. Dus als je op een foto klikt met id 1345 dan is de variabel 1345. Dit nummer moet dan ook worden gebruikt in de functie, echter wil het maar niet lukken.
Ik heb de var zo ingevoerd in de functie:
| 1 | test("6f9bff414d8f176e5c15359934c741bb","+photosetId"); |
want uiteindelijk moet het worden doorgegeven als
| 1 | test("6f9bff414d8f176e5c15359934c741bb","1345"); |
Iemand een idee wat ik fout heb gedaan, ik weet nu al dat het iets heel kleins is
Alvast bedankt iig
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:
Hij pakt de juiste ID overigens gewoon mee en wordt ook meteen opgeslagen als een var.
| 1 | test("6f9bff414d8f176e5c15359934c741bb",photosetId); |
Ma nigga!quote:
Dummy is er weer even
Ik heb een lijst met orders. Afhankelijk van de status van de order staat er op de regel een checkbox.
Onderaan de lijst staat een 'Print' knop.
Ik wil bij die printknop een onclick event met daarin dat hij een functie aanroept die van elke order waar de checkbox aangevinkt is, de statustekst in de lijst veranderd.
mijn vraag is, hoe zorg ik in mijn javascriptfunction dat hij ziet welke checkboxen er zijn aangevinkt en dat ik met elk van deze wat kan doen?
Stuk code voor het idee . Onderste deel ervan even genomen.
Achter de eerste twee velden (info_extern / status) heb ik een print checkbox.
Met onderaan een printknop, waarbij ik een onclick event wil hebben.
| 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> |
[ Bericht 32% gewijzigd door Cue_ op 16-08-2011 13:59:02 ]