[Javascript] voor dummies (deel 11)

dinsdag 15 februari 2011 @ 16:55:31 #1

Trollface.

gr rob fruithof, groningencity

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}

★5731U★ Death from above '79★You're a woman, i'm a machinielsie ★ ✠ ★ Telkens weer een beetje sterven★ I was born in a winterstorm, i live there still★

Redactie Frontpage dinsdag 15 februari 2011 @ 17:11:36 #2

Crazy Harry

Samen met HTML5 gaat JavaScript nog een stuk belangrijker worden dus ik ga deze eens volgen

De discussie is niet privacy tegenover veiligheid maar vrijheid tegenover controle
Overzicht privacy-inperkende maatregelen/wetten/voorstellen
We don't stop playing because we grow old; we grow old because we stop playing. ― George Bernard Shaw

dinsdag 15 februari 2011 @ 17:13:25 #3

remi1986

Aangezien dit een "voor dummies" post is, kunnen er misschien links naar veel gebruikte js libraries gepost worden zoals: jQuery,Prototype,MooTools etc..

woensdag 16 februari 2011 @ 08:50:56 #4

Trollface.

gr rob fruithof, groningencity

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

Ware het niet dat HTML5 pas in 2014 af is.

★5731U★ Death from above '79★You're a woman, i'm a machinielsie ★ ✠ ★ Telkens weer een beetje sterven★ I was born in a winterstorm, i live there still★

woensdag 16 februari 2011 @ 14:05:51 #5

Light

quote:
Op woensdag 16 februari 2011 08:50 schreef Trollface. het volgende:

[..]

Ware het niet dat HTML5 pas in 2014 af is.

HTML4 stamt uit 1999, na 15 jaar is het wel tijd voor een opvolger.

fokstok.nl

donderdag 24 februari 2011 @ 16:19:51 #6

SpeedyGJ

Zo snel als de bliksem O+

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

Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!

donderdag 24 februari 2011 @ 16:30:46 #7

KomtTijd...

quote:
Op donderdag 24 februari 2011 16:19 schreef SpeedyGJ het volgende:
Is er ook een mogelijkheid om een html menu te maken in .js inc links?

Om nou 30 pagina's te gaan aanpassen voor 1 nieuw item toe te voegen/verwijderen is ook een klus van niks en als je 1 foutje hebt of het bevalt je niet kun je nog eens overnieuw

Een mogelijkheid om wát?

ga eens googlen op "include"

zcflevo.nl

donderdag 3 maart 2011 @ 21:22:53 #8

PiRANiA

All thinking men are atheists.

Simpele vraag.

1	$('td:contains("needle")').parent().addClass('highlight');

zoekt in alle td's. Ik wil alleen in de td's met class description zoeken.

Hoe?

Dag Google!

donderdag 3 maart 2011 @ 21:25:33 #9

PiRANiA

All thinking men are atheists.

En, een kort vraagje daar bij, hoe verifiëer ik of er wat is gevonden?

.

Dag Google!

vrijdag 4 maart 2011 @ 06:08:00 #10

Tuvai.net

Ik heb in .NET een Web User Control die bestaat uit enkele HTML controls. Ik wil middels Javascript op een 'unobtrussive' manier onclick behavior aan één van de HTML controls in die Web User Control toevoegen, de functie die aangeroepen moet worden is OpenLookup(DataTable, CollectionName). Elke Web User Control bestaat uit 2 HiddenFields, een TextBox en een Button. Het is de Button waaraan onclick behavior toegevoegd moet worden.

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

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 ]

vrijdag 4 maart 2011 @ 06:58:46 #11

Zixon

quote:
Op donderdag 3 maart 2011 21:22 schreef PiRANiA het volgende:
Simpele vraag.

[ code verwijderd ]

zoekt in alle td's. Ik wil alleen in de td's met class description zoeken.

Hoe?

quote:
Op donderdag 3 maart 2011 21:25 schreef PiRANiA het volgende:
En, een kort vraagje daar bij, hoe verifiëer ik of er wat is gevonden? .

1
2
3
4
5
6
7
8

var results = $('td.description:contains("needle")').parent().addClass('highlight');

if(results.length > 0) {
//iets gevonden!
}
else {
//niets gevonden!
}

vrijdag 4 maart 2011 @ 07:44:58 #12

Zixon

quote:
Op vrijdag 4 maart 2011 06:08 schreef Tuvai.net het volgende:
Nu komt het probleem, indien ik meerdere Web User Controls gebruik op een pagina, verwijzen de DataTable en CollectionName parameters altijd naar de waarden van de Laatste Web User Control! Het lijkt net alsof de variabelen die ik in de switch scope van de $(document).ready() functie gebruik buiten hun scope om overschreven worden! Samengevat, als ik bovenstaand voorbeeld gebruik, dus met één Web User Control voor DataTable Branch en één voor DataTable Country, hebben beide buttons het gedrag OpenLookup('Country', 'TemplateMain_admBranch_'). Wat doe ik verkeerd?

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:

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;
    });
});

_{//niet getest}

vrijdag 4 maart 2011 @ 07:54:01 #13

Tuvai.net

quote:
Op vrijdag 4 maart 2011 07:44 schreef Zixon het volgende:

[..]

Zo op het eerste gezicht zou ik zeggen dat je CollectionName en DataTable binnen de onclick handler van de button zou moeten definen. Echter zou ik gewoon lekker voor alleen jQuery kiezen en dan krijg je zoiets:

[ code verwijderd ]

_{//niet getest}

Had ik nog niet aan gedacht.

Het is ouwe Javascript code die ik momenteel om aan 't zetten ben naar jQuery, maar ik bleef vanwege deze bug op dat stuk hangen en dacht er niet eens aan om een volledige jQuery versie te maken. Het werkt nu zoals het hoort, bedankt.

vrijdag 4 maart 2011 @ 13:50:48 #14

PiRANiA

All thinking men are atheists.

quote:
Op vrijdag 4 maart 2011 06:58 schreef Zixon het volgende:

[..]

[..]
[ code verwijderd ]

Will try. Thanks!

Dag Google!

zondag 6 maart 2011 @ 00:09:57 #15

minibeer

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>

Grrrrr... wat doe ik verkeerd

?
Firebug says: document.getElementById('e') returns null.

Finally, someone let me out of my cage

zondag 6 maart 2011 @ 00:15:00 #16

Tegan

.

zondag 6 maart 2011 @ 00:21:01 #17

Tegan

Je moet dit doen.

1	<body onload="doit();">

zondag 6 maart 2011 @ 00:27:15 #18

GlowMouse

l'état, c'est moi

1	window.onload = doit();

Hier wordt de functie doit al direct uitgevoerd omdat er haakjes achterstaan. Zonder haakjes gaat het wel goed.

zie ook http://stackoverflow.com/(...)nload-vs-body-onload

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zondag 6 maart 2011 @ 00:34:05 #19

Ofyles2

Bestemming: onbekend

De laatstgenoemde functie is sterker, maar ik wil minibeer nu al niet overhoop gooien met allerlei lifehacks...

Afscheidsrede

zondag 6 maart 2011 @ 00:34:44 #20

GlowMouse

l'état, c'est moi

Ik moest even reageren, want minibeer.

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zondag 6 maart 2011 @ 00:38:08 #21

GlowMouse

l'état, c'est moi

wel een onhandig gekozen functienaam

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zondag 6 maart 2011 @ 00:41:41 #22

GlowMouse

l'état, c'est moi

http://sites.google.com/s(...)-good-function-names

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zondag 6 maart 2011 @ 00:43:11 #23

minibeer

haha, de code die ik hier had was na veel frustratie en gezeik.
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.

Finally, someone let me out of my cage

zondag 6 maart 2011 @ 00:47:44 #24

minibeer

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>

Finally, someone let me out of my cage

zondag 6 maart 2011 @ 00:48:13 #25

GlowMouse

l'état, c'est moi

waarom geen css hiervoor gebruiken?

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zondag 6 maart 2011 @ 00:51:29 #26

Tegan

setTextColor() zou ik doen.

Je functienaam moet wel omschrijven wat je doet. Dus die tweede is ook slecht

.

zondag 6 maart 2011 @ 02:07:36 #27

Ofyles2

Bestemming: onbekend

quote:
Op zondag 6 maart 2011 00:51 schreef Tegan het volgende:
setTextColor() zou ik doen.

Je functienaam moet wel omschrijven wat je doet. Dus die tweede is ook slecht .

Minder slecht.

Ik ga voor alles wat simpeler en korter kan...

Afscheidsrede

zondag 6 maart 2011 @ 17:25:39 #28

minibeer

dit is niet wat ik eigenlijk wil, de bedoeling is om uiteindelijk een soort van uitklapmenu'tje te krijgen (als je op contact drukt dat je dan de cantactgegevens ziet verschijnen, en als je nog een keer drukt dat ze weer weggaan)
Ik zal het wel posten als ik het afheb

Finally, someone let me out of my cage

zondag 6 maart 2011 @ 18:00:35 #29

minibeer

document.getElementsByName schijnt niet te werken als je xhtml maakt via xslt. Firebug zegt: 'document.getElementsByName is not a function' Jammer...

Finally, someone let me out of my cage

dinsdag 8 maart 2011 @ 13:04:37 #30

minibeer

SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.

Het volledige script.
Wat er gebeurt:
1. links met rel="external" krijgen het attribuut target="_blank".
2. tabelcellen met class="contactknop" worden zo veranderd, dat als je op de xste tabelcel met class="contactknop" klikt , de display van de xste tabelcel met class="contacttekst" op 'none' gezet wordt (of op 'block' als hij al onzichtbaar was).
3. Hetzelfde met bestandsknop en bestandslijst, alleen wordt ipv de display op none of block gezet, de visibility op hidden gezet (waardoor de lijst wel plek inneemt als hij onzichtbaar is, dit was wat mooier).

De site die we gemaakt hebben voor webdesign moest volledig xhtml strict zijn, met valide css, enzo. Werkt niet echt makkelijk, maar het is gelukt. (al ben ik geloof ik bij het inleveren de character encoding vergeten, maar dat levert alleen een warning op en geen error)

[ Bericht 30% gewijzigd door minibeer op 08-03-2011 13:11:40 ]

Finally, someone let me out of my cage

zondag 13 maart 2011 @ 13:25:44 #31

mschol

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 ]

maandag 14 maart 2011 @ 17:15:56 #32

mschol

trapje

maandag 14 maart 2011 @ 17:51:03 #33

GlowMouse

l'état, c'est moi

url?

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

maandag 14 maart 2011 @ 21:58:51 #34

Chandler

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

maandag 14 maart 2011 @ 22:05:22 #35

KomtTijd...

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

zcflevo.nl

vrijdag 18 maart 2011 @ 12:44:56 #36

Siegfried

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

GlowMouse

l'état, c'est moi

$(this).attr("id")?

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

vrijdag 18 maart 2011 @ 12:49:35 #38

Siegfried

Klinkt heel logisch ja

Thanks

dinsdag 22 maart 2011 @ 22:24:24 #39

dronkenpizza

geweldig

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

Heb al deze code :

1	timer6[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

woensdag 23 maart 2011 @ 13:42:18 #40

RenRen-

Hullo,

Is het mogelijk om in deze code:

1
2
3
4
5
6

ook een knop voor active te maken? Kan geen code vinden die hierop aansluit.

woensdag 23 maart 2011 @ 17:48:39 #41

KomtTijd...

Je bedoelt een javascript functie die het gedrag van CSS :active nabootst?
Dat is gewoon onmouseover en onmouseout.

zcflevo.nl

donderdag 24 maart 2011 @ 10:00:56 #42

RenRen-

quote:
Op woensdag 23 maart 2011 17:48 schreef KomtTijd... het volgende:
Je bedoelt een javascript functie die het gedrag van CSS :active nabootst?
Dat is gewoon onmouseover en onmouseout.

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.

dinsdag 29 maart 2011 @ 09:04:19 #43

Chandler

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

dinsdag 29 maart 2011 @ 09:53:46 #45

Chandler

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

wdn

Elfen lied O+

quote:
Op dinsdag 29 maart 2011 09:53 schreef Chandler het volgende:
Yup! eerste veld is goed genoeg!

Wist niet dat deze functie met en zonder parameters gebruikt kon worden!! en ben dus weer heel wat wijzer geworden

[ code verwijderd ]

1
2
3

function(html) {
(html == 1)? doe dit : doe dat ;
}

Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*

dinsdag 29 maart 2011 @ 10:10:27 #48

Chandler

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

dinsdag 29 maart 2011 @ 10:10:57 #49

Chandler

quote:
Op dinsdag 29 maart 2011 10:09 schreef Scorpie het volgende:

[..]

Ternary operations zijn voor de leek nog niet zo makkelijk te begrijpen

Leek?

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

donderdag 31 maart 2011 @ 15:00:37 #50

xaban06

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:

1	Beginwaarde, voorbeeld: 10.00

Ik heb 3 verzend mogelijkheden, namelijk:

1
2
3

Daaronder heb ik betaal mogelijkheden, namelijk:

1
2
3
4

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

Ofyles2

Bestemming: onbekend

quote:
Op donderdag 31 maart 2011 15:00 schreef xaban06 het volgende:
Ik heb een bestel formulier op mijn website, aan het eind moet aan de hand van een aantal keuzes een berekening gemaakt worden.

Zou iemand mij hier bij kunnen helpen? Of desnoods wijzen naar tutorials welke dit behandelt.

Constructie:
[ code verwijderd ]

Ik heb 3 verzend mogelijkheden, namelijk:
[ code verwijderd ]

Daaronder heb ik betaal mogelijkheden, namelijk:
[ code verwijderd ]

Verzendkosten: EUR <bedrag berekend a.d.h.v. de keuze>
Totaalbedrag: EUR <totale bedrag van beginwaarde + verzendwijze + betaalwijze>

De bedragen wil ik ook mee geven aan een:
[ code verwijderd ]

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

wdn

Elfen lied O+

quote:
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

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

Ofyles2

Bestemming: onbekend

quote:
Op donderdag 31 maart 2011 15:19 schreef wdn het volgende:

[..]

Maar zodra je het door hebt leest het zoveel makkelijker

xaban06: je kunt toch gewoon de values tellen?
document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value);

Mooie aanvulling, vergat rekening te houden met parseFloat/parseDouble.

Afscheidsrede

donderdag 31 maart 2011 @ 15:25:18 #54

wdn

Elfen lied O+

quote:
Op donderdag 31 maart 2011 15:22 schreef Ofyles2 het volgende:

[..]

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.

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

Ofyles2

Bestemming: onbekend

quote:
Op donderdag 31 maart 2011 15:25 schreef wdn het volgende:

[..]

Oh hoe vaak ik dat al vergeten ben

een .toFixed(2) erachter is denk ik ook aan te bevelen.

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

wdn

Elfen lied O+

quote:
Op donderdag 31 maart 2011 15:27 schreef Ofyles2 het volgende:

[..]

Dat maakt hem nou helemaal af.

* Ofyles2 pas komt kijken in dit topic, maar al bezig met het schrijven van een geavanceerde tekstverwerker voor websites.

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*

donderdag 31 maart 2011 @ 15:35:50 #57

xaban06

quote:
Op donderdag 31 maart 2011 15:19 schreef wdn het volgende:

[..]

Maar zodra je het door hebt leest het zoveel makkelijker

xaban06: je kunt toch gewoon de values tellen?
document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value);

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

donderdag 31 maart 2011 @ 15:38:13 #58

wdn

Elfen lied O+

quote:
Op donderdag 31 maart 2011 15:35 schreef xaban06 het volgende:

[..]

Mja ik ben een totale leek op gebied van JS. Nadeel van om alles zelf willen te maken (ik ben niet zo van de templates).

Ik zal eens kijken of het mij lukt om de code ergens in te plakken zodat het ook werkt

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*

donderdag 31 maart 2011 @ 15:38:43 #59

erikkll

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

wdn

Elfen lied O+

quote:
Op donderdag 31 maart 2011 15:38 schreef erikkll het volgende:
Vraagje: hoe kun je javascript het makkelijkst debuggen? Ik heb linux, maar javascript is altijd een pain in the ass....Als het niet werkt krijg je geen error, niets.. zijn daar tools voor?

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*

donderdag 31 maart 2011 @ 18:18:49 #61

KomtTijd...

quote:
Op donderdag 31 maart 2011 15:38 schreef erikkll het volgende:
Vraagje: hoe kun je javascript het makkelijkst debuggen? Ik heb linux, maar javascript is altijd een pain in the ass....Als het niet werkt krijg je geen error, niets.. zijn daar tools voor?

Gewoon, ctrl+shift+J?

zcflevo.nl

donderdag 31 maart 2011 @ 18:21:47 #62

erikkll

quote:
Op donderdag 31 maart 2011 18:18 schreef KomtTijd... het volgende:

[..]

Gewoon, ctrl+shift+J?

Asjemenou!

quote:
Op donderdag 31 maart 2011 15:41 schreef wdn het volgende:

[..]

Ik gebruik Aptana studio als editor en daar zit een debugger in.
http://www.aptana.com/products/studio2/download zie 'customize download' voor de Linux versie.

[ afbeelding ]

chill.

maandag 4 april 2011 @ 13:43:30 #64

classpc

I don't like change

Ik vroeg me af of jullie me op weg kunnen helpen met een scriptje.

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?

Op zoek naar een nieuwe printer? Kies voor een Brother laser printer. Uiterst betrouwbaar en economisch!

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

» digital corner

» development

» digital corner

» development