[Javascript] voor dummies (deel 11)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_94042656
I stand corrected, het werkt wel, ik heb gewoon een stomme fout gemaakt (classes, punten en hashes verwarren)

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 ]
pi_94100948
trapje :@
  maandag 14 maart 2011 @ 17:51:03 #33
75592 GlowMouse
l'état, c'est moi
pi_94102364
url?
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_94117817
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
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_94118437
quote:
5s.gif 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
1element.checked == true
zcflevo.nl
pi_94286431
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?
  vrijdag 18 maart 2011 @ 12:48:19 #37
75592 GlowMouse
l'état, c'est moi
pi_94286576
$(this).attr("id")?
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_94286638
Klinkt heel logisch ja |:(

Thanks ^O^
pi_94489517
Vraag over een window.setInterval timer, hoe moet je deze timer in een array afspelen?

Heb al deze code :
1timer6[1] = window.setInterval("MoveText("+textcount, textname+")", 100);
Gewoon als test, ik merk dat de timer zonder array wel werkt maar met array niet werkt.
Weet iemand hoe je dit moet oplossen?
zie titel
pi_94508853
Hullo,

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.
pi_94518664
Je bedoelt een javascript functie die het gedrag van CSS :active nabootst?
Dat is gewoon onmouseover en onmouseout.
zcflevo.nl
pi_94545227
quote:
1s.gif 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.
Onmouseover is toch de hover, en onmouseout is toch als je er niet meer over hovert?
Ik heb onmouseover, maar de huidige pagina is niet gehighlight.
pi_94750541
Ik heb een vraagje over het submitten van een formulier middels jQuery (dus zonder refresh van de pagina).

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?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_94750658
De success:funciton() neemt 3 parameters; verander eens naar

1
2
3
4		success: function(data, textStatus, jqXHR) {               
 alert(data);
alert(textStatus);
}

En kijk wat je terugkrijgt.
pi_94751494
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

1
2
3		function(html) {
    if (html == 1) { doe dit } else { doe dat }
}
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  dinsdag 29 maart 2011 @ 09:57:39 #46
107418 wdn
Elfen lied O+
pi_94751596
quote:
1s.gif 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 ]

:D
1
2
3		function(html) {
   (html == 1)? doe dit : doe dat ;
}
Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*
pi_94751916
quote:
1s.gif Op dinsdag 29 maart 2011 09:57 schreef wdn het volgende:

[..]

:D

[ code verwijderd ]

Ternary operations zijn voor de leek nog niet zo makkelijk te begrijpen :)
pi_94751933
Klopt, dat had ook gekund maar soms vind ik { gemakkelijker als het om meerdere regels gaat.

GOED? = Alert + leeg 3 velden
FOUT? = Alert foutmelding
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_94751950
quote:
1s.gif Op dinsdag 29 maart 2011 10:09 schreef Scorpie het volgende:

[..]

Ternary operations zijn voor de leek nog niet zo makkelijk te begrijpen :)
Leek? :P in PHP gebruik ik het heel veel bij het bepalen van invoer gegevens ($_POST, $_GET)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_94855630
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:
1Beginwaarde, 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">
  donderdag 31 maart 2011 @ 15:17:49 #51
111382 Ofyles2
Bestemming: onbekend
pi_94856274
quote:
1s.gif 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 ]

Prijsberekening:

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.
Afscheidsrede
  donderdag 31 maart 2011 @ 15:19:01 #52
107418 wdn
Elfen lied O+
pi_94856331
quote:
1s.gif Op dinsdag 29 maart 2011 10:09 schreef Scorpie het volgende:

[..]

Ternary operations zijn voor de leek nog niet zo makkelijk te begrijpen :)
Maar zodra je het door hebt leest het zoveel makkelijker O+

xaban06: je kunt toch gewoon de values tellen?
document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value);
Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*
  donderdag 31 maart 2011 @ 15:22:56 #53
111382 Ofyles2
Bestemming: onbekend
pi_94856505
quote:
1s.gif Op donderdag 31 maart 2011 15:19 schreef wdn het volgende:

[..]

Maar zodra je het door hebt leest het zoveel makkelijker O+

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.
Afscheidsrede
  donderdag 31 maart 2011 @ 15:25:18 #54
107418 wdn
Elfen lied O+
pi_94856603
quote:
14s.gif Op donderdag 31 maart 2011 15:22 schreef Ofyles2 het volgende:

[..]

Mooie aanvulling, vergat rekening te houden met parseFloat/parseDouble.
:D Oh hoe vaak ik dat al vergeten ben ;)

een .toFixed(2) erachter is denk ik ook aan te bevelen.
Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*
  donderdag 31 maart 2011 @ 15:27:36 #55
111382 Ofyles2
Bestemming: onbekend
pi_94856713
quote:
1s.gif Op donderdag 31 maart 2011 15:25 schreef wdn het volgende:

[..]

:D 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.

* Ofyles2 pas komt kijken in dit topic, maar al bezig met het schrijven van een geavanceerde tekstverwerker voor websites.
Afscheidsrede
  donderdag 31 maart 2011 @ 15:32:05 #56
107418 wdn
Elfen lied O+
pi_94856927
quote:
1s.gif 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.
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).

Ik kan iedereen activewidgets.js (www.activewidgets.com) en floating_window.js (dhtmlgoodies) aanraden als toolset ;)
Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*
pi_94857107
quote:
1s.gif Op donderdag 31 maart 2011 15:19 schreef wdn het volgende:

[..]

Maar zodra je het door hebt leest het zoveel makkelijker O+

xaban06: je kunt toch gewoon de values tellen?
document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value);
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 :D
  donderdag 31 maart 2011 @ 15:38:13 #58
107418 wdn
Elfen lied O+
pi_94857240
quote:
1s.gif 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 :D
Zet een .onclick functie op de 2 radio buttons en je kunt on the fly de andere bijwerken.

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);
}
Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*
pi_94857271
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?
  donderdag 31 maart 2011 @ 15:41:42 #60
107418 wdn
Elfen lied O+
pi_94857391
quote:
10s.gif 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?
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.

Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 11)
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')