[Javascript] voor dummies - deel 4 | Digital Corner (DIG)

woensdag 14 juni 2006 @ 00:28:22 #41

SuperRembo

Sinds 1998

Ik heb zelf even een simpel ajax-chat dingetje gemaakt. Het is een beginnetje, alleen om te zien hoe of mijn aanpak goed werkt.
Een heleboel functies zitten er nog niet in, maar hij kan wel tegen snel typen.

woensdag 14 juni 2006 @ 10:50:03 #42

Darkomen

Ik volg jouw voorbeeld wel

En probeer daarvan te leren wat ik nu eigenlijk steeds fout doe.

vrijdag 16 juni 2006 @ 13:03:31 #43

mschol

ik ben een beetje bezig met eeen semi achtig AJAX ding en loop nu teggen het volgende probleem aan:
ik roep een functie aan met 3 parameters:

1	function sndreq(param, param2, divid)

maar zodra ik em door wil geven naar een andere functie:

1	http.onreadystatechange = handleresponse(divid);

dan krijg ik de melding dat er een type mismatch is op die regel ?
de volledige source code van het script is hier te vinden: een werkende pagina is te vinden op mijn homepage..

wat zie ik over het hoofd? waarom kan ik de waarde in divid niet gewoon doorgeven

mentions en alerts staan uit, pm/dm mij

vrijdag 16 juni 2006 @ 13:37:30 #45

SuperRembo

Sinds 1998

Verander

1 2	var divid2 = String(divid) http.onreadystatechange = handleresponse(divid2);

in

1
2
3

http.onreadystatechange = function() {
handleresponse(divid);
};

(Zie ook http://jibbering.com/faq/faq_notes/closures.html voor uitleg over closures.)

vrijdag 16 juni 2006 @ 13:56:43 #46

mschol

quote:
Op vrijdag 16 juni 2006 13:37 schreef SuperRembo het volgende:
Verander
[ code verwijderd ]

in
[ code verwijderd ]

(Zie ook http://jibbering.com/faq/faq_notes/closures.html voor uitleg over closures.)

hmm zo werrkt et idd, straks eff die webpagina doornemen..
en ook even kijken hoe ik 2x een jsje kan uitvoeren (volgens mij gewoon geen return waarde mee geven, bij de eerste aanroep tenminste dit is wat mij logisch lijkt)

mentions en alerts staan uit, pm/dm mij

Redactie Frontpage vrijdag 16 juni 2006 @ 16:04:46 #47

Etcetera

*pffrrrwwwt*

ik geloof dat ik wel wat hulp kan gebruiken ik heb een script voor een formulier gemaakt, maar het werkt niet volgens mij. ik weet niet wat ik fout doe, dus heeeelp!

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

function afhandelen(){

var naamVeld = document.getElementById ("naamVeld");
var naam = naamVeld.value;
var naamCell = document.getElementById ("naamCel");
naamCell.innerHTML = naam;

var bedrijfVeld = document.getElementById("Bedrijf");
var bedrijf = bedrijfVeld.value;
var bedrijfCell = document.getElementById ("bedrijfCel");
bedrijfCell.innerHTML = bedrijf;

var adresVeld = document.getElementById ("adres");
var adres = adresVeld.value;
var adresCell = document.getElementById ("adresCel");
adresCell.innerHTML = adres;

var postcodecijfersVeld = document.getElementById ("postcodecijfersVeld");
var postcodecijffers= postcodecijfersVeld.value;
var postcodecijfersCell = document.getElementById ("postcodecijfersCel");
postcodecijfersCell.innerhtml = postcodecijfers;

var postcodelettersVeld = document.getElementById ("postcodelettersVeld");
var postcodeletters = postcodelettersVeld.value;
var postcodelettersCell = document.getElementById ("postcodelettersCel");
postcodelettersCell.innerHTML = postcodeletters;

var plaatsVeld = document.getElementById ("Plaats");
var plaats = plaatsVeld.value;
var plaatsCell = document.getElementById ("plaatsCel");
plaatsCell.innerHTML = Plaats;

var telefoonVeld = document.getElementById ("Telefoon");
var telefoon = telefoonVeld.value;
var telefoonCell= document.getElemenbtById ("telefoonCel");
plaatsCell.innerhtml = Plaats;

var functieVeld = document.getElementById ("Functie");
var functie = functieVeld.value;
var functieCell = document.getElementById ("functieCel");
functieCell.innerhtml = Functie

var infoVeld = document.getElementById ("Informatie");
var informatie = infoVeld.value;
var infoCell = document.getElementById ("infoCell");
infoCell.innerhtml = Informatie
}

sorry dat het zo lang is trouwens, maar een fout zit nu eenmaal in een klein hoekje

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

vrijdag 16 juni 2006 @ 16:19:59 #48

SuperRembo

Sinds 1998

"Het werkt niet"

Javascript is hoofdlettergevoelig. Het moet .innerHTML zijn in plaats van .innerhtml.

Als er zo veel herhaling in je code zit is het makkelijker om een funtie te makne die de value van het ene element naar de innerHTML van het andere element kopieert.

Redactie Frontpage vrijdag 16 juni 2006 @ 16:23:32 #49

Etcetera

*pffrrrwwwt*

quote:
Op vrijdag 16 juni 2006 16:19 schreef SuperRembo het volgende:
"Het werkt niet"

Ja sorry

ik heb Javascript nog nooit begrepen, html gaat me een stuk beter af.

quote:
Javascript is hoofdlettergevoelig. Het moet .innerHTML zijn in plaats van .innerhtml.

a merci, ik zal eens aan het typen gaan

quote:
Als er zo veel herhaling in je code zit is het makkelijker om een funtie te makne die de value van het ene element naar de innerHTML van het andere element kopieert.

eeeehm...

normaal nederlands??? ik snap je wel geloof ik, maar ik ben nogal visueel ingesteld. hoe moet ikme dat voorstellen?

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

vrijdag 16 juni 2006 @ 17:53:16 #50

SuperRembo

Sinds 1998

quote:
Op vrijdag 16 juni 2006 16:23 schreef Etcetera het volgende:
Ja sorry ik heb Javascript nog nooit begrepen, html gaat me een stuk beter af.

Ik bedoelde te zeggen dat de mededeling "het werkt niet" erg weinig informatie geeft. Wàt werkt er dan niet? Wàt gaat er fout?

vrijdag 16 juni 2006 @ 18:25:41 #51

CraZaay

prettig gestoord

quote:
Op vrijdag 16 juni 2006 16:04 schreef Etcetera het volgende:
ik geloof dat ik wel wat hulp kan gebruiken ik heb een script voor een formulier gemaakt, maar het werkt niet volgens mij.

Volgens mij ook niet. Komt door dat ene dingetje.

Met andere woorden: wanneer gaat wat mis?

Redactie Frontpage zaterdag 17 juni 2006 @ 16:12:19 #52

Etcetera

*pffrrrwwwt*

goed punt, wel zo makkelijk om te vermelden

ik heb ff een linkje gemaakt: http://145.37.208.96/208493/Inhoud/contact.html

maar ik heb net zitten prutsen en nu heb ik de layout verneukt

maar goed, wat er gebeurd:

eerst gebeurde er niks maar nu krijg ik een foutmelding dat in regel 320 een object wordt verwacht. in regel 320 zit echter een tabel waar de inhoud an het formulier in moet verschijnen ik gok datdathet object is van de foutmelding

ik hoop dat ik nu genoeg info heb gegeven. nu ga ik eens kijken hoe ik de layout kan herstellen

oh ja ik test in FF maar heb dan helemaal geen reactie, in IE krijg ik die foutmelding

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

zaterdag 17 juni 2006 @ 16:25:25 #53

Darkomen

Ik krijg deze foutenin FF

1
2
3

"Beveiligingsfout: Inhoud van http://145.37.208.96/208493/Inhoud/contact.html?naamVeld=&bedrijfVeld=&adresVeld=&postcodeLettersVeld=&postcodeCijfersVeld=&plaatsVeld=&telefoonVeld=&functieVeld=&dag=17&maand=6&jaar=2006&infoVeld=&Submit=Submit mag file:///G|/Afbeeldingen/KnopPortfolioDown.png niet laden of koppelen.

Beveiligingsfout: Inhoud van http://145.37.208.96/208493/Inhoud/contact.html mag file:///G|/Afbeeldingen/KnopPortfolioDown.png niet laden of koppelen."

Ik zou zeggen zet eerst eens die rechten goed.
Gebruik je in FF de toolbar webdevolper?

Redactie Frontpage zaterdag 17 juni 2006 @ 16:52:02 #54

Etcetera

*pffrrrwwwt*

quote:
Op zaterdag 17 juni 2006 16:25 schreef Darkomen het volgende:
Ik krijg deze foutenin FF
[ code verwijderd ]

Ik zou zeggen zet eerst eens die rechten goed.
Gebruik je in FF de toolbar webdevolper?

dat denk ik niet. het enige wat ik weet van FF is dat er een DOM inspector inzit toch? dus ik geloof niet dat ik er gebruik van maak

lay out gefikst, geloof dat ik meteen dat rechten probleem ook heb opgelost

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

zaterdag 17 juni 2006 @ 16:55:48 #55

Darkomen

Ik zou zeggen download hem eens, erg handig.
Maar FF heeft ook een javascript console, extra->javascript console
Hier zie je meestal direct je javascript fouten.

zaterdag 17 juni 2006 @ 16:56:34 #56

Darkomen

Rechten fouten zijn nu idd weg, nu nog alleen:
Fout: controle is not defined
2x Fout: afhandelen is not defined

Redactie Frontpage zaterdag 17 juni 2006 @ 16:59:10 #57

Etcetera

*pffrrrwwwt*

quote:
Op zaterdag 17 juni 2006 16:56 schreef Darkomen het volgende:
Rechten fouten zijn nu idd weg, nu nog alleen:
Fout: controle is not defined
2x Fout: afhandelen is not defined

ben echt slim bezig geweest

geen wonder dat dat niet defined is er staat geen script in wat 'm defined

* Etcetera gaat orde scheppen in haar chaos

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

zaterdag 17 juni 2006 @ 17:32:34 #58

Darkomen

Ik zat je script te bekijken en idd dat mist ik ook

Redactie Frontpage zaterdag 17 juni 2006 @ 17:36:12 #59

Etcetera

*pffrrrwwwt*

krijg je d'r van als je dingen gaat zitten verwijderen en plakken terwijl je de site zelf niet tot je beschikking hebt

het ging een beetje mis enzo, maar het is goed gekomen.

nu alleen dat pokkescript nog.

oh ja, m'n docent mailde me een stukkie dat ik moest veranderen

maar dat heb ik al, voor zover ik weet

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

komt het er dan niet dubbel te staan? lijkt me niet logisch.

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

zaterdag 17 juni 2006 @ 17:40:17 #60

Darkomen

Ik gebruik dit om formulieren te checken.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Redactie Frontpage zaterdag 17 juni 2006 @ 17:52:52 #61

Etcetera

*pffrrrwwwt*

zou ik wel willen gebruiken, maar ik moet de theorie gebruiken die we hebben gehad in de les. en daar zitten strings niet bij helaas

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

maandag 19 juni 2006 @ 22:59:23 #62

CraZaay

prettig gestoord

quote:
Op zaterdag 17 juni 2006 17:52 schreef Etcetera het volgende:
zou ik wel willen gebruiken, maar ik moet de theorie gebruiken die we hebben gehad in de les. en daar zitten strings niet bij helaas

In jouw voorbeeld kijk je toch ook of de input gelijk is aan een lege string?

Redactie Frontpage dinsdag 20 juni 2006 @ 07:01:31 #63

Etcetera

*pffrrrwwwt*

quote:
Op maandag 19 juni 2006 22:59 schreef CraZaay het volgende:

[..]

In jouw voorbeeld kijk je toch ook of de input gelijk is aan een lege string?

echt, ik geloof je

maar het enige wat ik me nog een beetje kan herinneren is dat ik 'document.blabla.' en 'innerHTML' moet gebruiken

verder zegt het me geen barst meer

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

dinsdag 20 juni 2006 @ 11:55:58 #64

mschol

oke ik ga proberen mijn probleem zo simpel mogelijk uit te leggen:
ik heb 2 div's (content & relatedlinks) die ik wil updaten a.d.v. 1 klik op een url
ik dacht dit kan ik doen doorop de link een onclick event toe te voegen als volgt:

1	<a href='#' onclick="javascript:clickfunction('parameter1','div1','parameter2','div2')">

in de clickfunction roep ik een andere functie 2x aan:

1
2
3
4
5

function clickfunction(param, divid, param2, divid2)
{
tester(param,divid);
tester(param2,divid2);
}

ik update het met het AJAX princiepe (dus http.open etc..)
dat laat ik achterwege aangezien dat wel werkt..
maar mijn probleem is dus dat hij alleen de laatste (2de ) div (die ik opgeef in de functie) update.

hoe kan ik zorgen dat hij dus met 1 muisklik beide divs update?

mentions en alerts staan uit, pm/dm mij

dinsdag 20 juni 2006 @ 12:02:10 #65

CraZaay

prettig gestoord

quote:
Op dinsdag 20 juni 2006 11:55 schreef mschol het volgende:
oke ik ga proberen mijn probleem zo simpel mogelijk uit te leggen:
ik heb 2 div's (content & relatedlinks) die ik wil updaten a.d.v. 1 klik op een url
ik dacht dit kan ik doen doorop de link een onclick event toe te voegen als volgt:
[ code verwijderd ]

in de clickfunction roep ik een andere functie 2x aan:
[ code verwijderd ]

ik update het met het AJAX princiepe (dus http.open etc..)
dat laat ik achterwege aangezien dat wel werkt..
maar mijn probleem is dus dat hij alleen de laatste (2de ) div (die ik opgeef in de functie) update.

hoe kan ik zorgen dat hij dus met 1 muisklik beide divs update?

Je moet sowieso even 'javascript:' weg halen, dat is alleen nodig als je het als href gebruikt (wat deprecated is).

Daarnaast zou ik een functie maken die de bewerking voor 1 div per keer doet om het geheel generiek te houden (toekomstige uitbreidingen, etc), dus:

1	onclick="tester(param,divid); tester(param,divid); return false"

Of een array in je functie schieten en daar doorheen loopen, maar in ieder geval niet het aantal parameters steeds uitbreiden

Zet eens een alert bovenin je tester() functie zou ik zeggen. Wanneer je die twee keer ziet, wordt die functie dus beide keren uitgevoerd en gaat het later mis (en kun je weer andere relevante code posten). Zo niet, dan is er iets heel raars aan de hand

dinsdag 20 juni 2006 @ 12:24:45 #66

SuperRembo

Sinds 1998

(Her)gebruik je steeds 1 instantie van XMLHttpRequest? Als dat zo is dan denk ik dat de 2e aanroep van tester() de eerste aanroep annuleert.

dinsdag 20 juni 2006 @ 12:59:19 #67

mschol

quote:
Op dinsdag 20 juni 2006 12:24 schreef SuperRembo het volgende:
(Her)gebruik je steeds 1 instantie van XMLHttpRequest? Als dat zo is dan denk ik dat de 2e aanroep van tester() de eerste aanroep annuleert.

aha dit lijk ik idd wel te doen..
hmmm zo even kijken of ik dat kan oplossen..
zal niet al te lastig zijn lijkt mij

mentions en alerts staan uit, pm/dm mij

zaterdag 24 juni 2006 @ 08:24:39 #68

rickmans

Hasselmans

Ik zoek iets heel simpels, maar ik kom er even niet uit

.

Ik wil een soort generieke functie maken om te controleren of een veld leeg is. Ik heb nu het volgende:

1
2
3
4
5
6
7
8

function checkEmpty(formValue, formId){
  if ((formId.value.length==0) || (formId.value==null)){
    alert(formId);
  }
  else{
    alert("go");
  }
}

alleen krijg ik de melding dat de formId niet defined is. Iemand een oplossing?

Curiosity Killed The Cat

zaterdag 24 juni 2006 @ 08:47:38 #69

Knut

Loyal Dog

eval(formId.value.length) misschien ?

[20:25] [Knut] Een vrouw met een kerst fetish...
[20:26] [Knut] Niet zo letterlijk dat ik haar met baard om moet HOHOHOEN
[20:26] [Knut] maar je snapt het idee wel.

zaterdag 24 juni 2006 @ 08:55:26 #70

rickmans

Hasselmans

Ik heb het wat makkelijk gedaan

.

1
2
3
4
5
6
7
8

function checkEmpty(formValue, formId){
  if ((formValue.length==0) || (formValue==null)){
    alert(formId);
  }
  else{
    alert("go");
  }
}

Maar op zich ben nog steeds ik best benieuwd hoe ik de properties van een bepaald element kan aanspreken (dus zoals in mijn eerste voorbeeld

).

Curiosity Killed The Cat

zaterdag 24 juni 2006 @ 09:00:21 #71

SuperRembo

Sinds 1998

Je gebruikt de variabele formId in de functie alsof het een form element is. Je moet dus een form element doorgeven aan de functie, of de functie zo aanpassen dat je het element bij de formId zoekt.

Je moet trouwens de volgorde van

1	if ((formId.value.length==0) \|\| (formId.value==null)){

omdraaien. Als .value==null is krijg je nu een error op de formId.value.length==0 controle.

zondag 25 juni 2006 @ 21:16:45 #72

marcb1974

Dakshin Ray

Waarom werkt JavaScript zo klote in firefox en IE,
ik krijg gewoon de helft van wat ik doen moet niet werkend. En dan tik ik het nog letterlijk over uit het boek

stupidity has become as common as common sense was before
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Travel Is Fatal To Prejudice, Bigotry and Narrow-Mindedness

zondag 25 juni 2006 @ 21:47:43 #73

SuperRembo

Sinds 1998

Heb je een oud boek dat overal gebruikt maat van document.all en window.event?
Heb je een voorbeeld van code uit je boek die niet werkt?

zondag 25 juni 2006 @ 21:50:25 #74

gronk

adulescentulus carnifex

Minstens de helft van leren programmeren is leren debuggen.

I'm trying to make the 'net' a kinder, gentler place. One where you could bring the fuckin' children.

maandag 26 juni 2006 @ 11:39:43 #75

gieling

Live from NYC

Ok ik zit nu al even met een irritant probleem wat maar niet wilt werken.

Ik heb een checkbox, die standaard uitgevinkt staat. Alle invoervelden en submitbuttons zijn dan gedisabled. Met javascript worden deze, als de checkbox is aangeklikt, weer ingeschakeld.

Nu zitten er ook drie radiobuttons in dezelfde groep. Deze willen maar niet gedisabled worden, ik heb meerdere scripts geprobeerd maar het probleem is dat ze op het begin van de pagina al gedisabled moeten zijn (iets wat met een van de scripts een probleem was). Heeft iemand een idee hoe dit op te lossen?

maandag 26 juni 2006 @ 13:05:09 #76

SuperRembo

Sinds 1998

Daar heb ik nooit problemen mee gehad. Een stuk code zou handig zijn.

maandag 26 juni 2006 @ 13:11:25 #77

gronk

adulescentulus carnifex

Tikfout in je code?

I'm trying to make the 'net' a kinder, gentler place. One where you could bring the fuckin' children.

maandag 26 juni 2006 @ 13:21:51 #78

gieling

Live from NYC

Bijvoorbeeld

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

maandag 26 juni 2006 @ 14:35:17 #79

SuperRembo

Sinds 1998

Gebruik altijd document.getElementById('myid'). (document.myid of document.myform.myinput werkt misschien wel, maar is eigenlijk een IE-only constructie)

id's zijn case sensitive. Als je een element hebt met id="x", dan vind je dus niets met document.getElementById('X').

Geef de elementen die je disabled een andere css class in plaats van in js de kleuren aan te passen. Dus bijvoorbeeld document.getElementById('x').className = 'disabled';.

Als je in php een string gebruikt met dubbele "quotes" erin, gebruik dan enkele 'quotes' voor de string zelf. Dan hoef je ze niet te escapen met \. Dat leest veel fijner.

maandag 26 juni 2006 @ 17:16:54 #80

Desdinova

Olaa

Ik heb een handje links. In dit geval 2 bijvoorbeeld.

Nou heb ik per link een div, met de css style display: none;..
onclick wil ik dat de volgende functie uitgevoerd wordt, maar dan zonder syntax errors

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

mijn divs hebben id1 en id2.

Ik wil dat er maar 1 div display: block; kan krijgen, dus alle andere divs moeten display: none; krijgen.

mijn href = "javascript:hideshow('id1');"

ik ben niet zo gevorderd met javascript dus ik weet ook niet precies wat ik fout doe.. misschien dat iemand met een beetje ervaring mijn foutje kan verbeteren

As a rule, I never touch anything more sophisticated and delicate than myself.

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

[Javascript] voor dummies - deel 4

» digital corner

» digital corner