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

donderdag 8 juni 2006 @ 00:57:01 #1

fokME2

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:
[Javascript] voor dummies - Deel 1
[Javascript] voor dummies - Deel 2
[Javascript] voor dummies - deel 3
[Javascript] voor dummies - deel 4

Handige links:
Quircksmode Javascript
Javascript Cheat Sheet
_{Mis je een link? Geef even een gil in het topic}

Tutorials:
W3Schools Javascript
W3Schools AJAX

Laatste posts uit het vorige topic:

quote:
Op donderdag 8 juni 2006 00:35 schreef SuperRembo het volgende:
Ik denk dat het opvragen van de positie niet klopt. Hoe dat beter kan kan je bijvoorbeeld lezen op Quirksmode.org.

quote:
Op donderdag 8 juni 2006 00:54 schreef fokME2 het volgende:
Ik heb Quirksmode etc al doorgelezen.
Deze manier van opvragen gebruikte ik al, toen ik objecten manipuleerde via getElementById.
http://dev.rnabv.nl/drag_id/drag.html

Maar nu maak ik de objecten aan met javascript, ik heb het gevoel dat het daar aan licht, maar ik weet niet wat ik er aan moet doen.

_{Deze OP: http://wiki.fok.nl/index.php/OP/Javascript}

[ Bericht 22% gewijzigd door fokME2 op 08-06-2006 21:53:35 ]

donderdag 8 juni 2006 @ 01:37:36 #2

mschol

ik zou zeggen ga em maken..

en misschien kom ik nog wel meer dingen m.b.t. AJAX (wil ook de upload eens proberen, en dan wanneer hij upload, een loading ding laten zien , of beter een progessbar)

donderdag 8 juni 2006 @ 07:51:38 #3

SuperRembo

Sinds 1998

@fokME2:
Deze http://dev.rnabv.nl/drag_id/drag.html werkt nu toch goed in Firefox en Internet Explorer?

donderdag 8 juni 2006 @ 09:02:26 #4

Darkomen

quote:
Op donderdag 8 juni 2006 01:37 schreef mschol het volgende:
ik zou zeggen ga em maken..

en misschien kom ik nog wel meer dingen m.b.t. AJAX (wil ook de upload eens proberen, en dan wanneer hij upload, een loading ding laten zien , of beter een progessbar)

Dat is zeker interresant

donderdag 8 juni 2006 @ 11:18:51 #6

Chandler

tvp, zou zeggen fokme2, maak er zelf 1

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 8 juni 2006 @ 16:39:02 #7

fokME2

Ik zal komende week is wat prutsen voor een OP.

@SuperREmbo:
Ja, dat klopt, maar het enige verschil tussen:
http://dev.rnabv.nl/drag_id/drag.html en http://dev.rnabv.nl/drag.html is als het goed is de declaratie van het object. Bij /drag_id/drag.html staan de divs al in de htmlcode en worden deze mbv van docuemten.getElementById aangeroepen.
Bij /drag.html worden de divs ook gegenereerd met behulp van javascript.

Ik snap echter niet dat dat effect heeft op de werking?

donderdag 8 juni 2006 @ 16:47:20 #8

Darkomen

Waarom geef je jouw divs dan ook niet een id mee?

obj.setAttribute('id',divIdName);

donderdag 8 juni 2006 @ 19:51:04 #9

HuHu

Vraagje: ik heb een upload-script waarmee bestanden kunnen worden geupload (dûh). Maargoed, als er op Submit wordt geklikt zou ik graag een animated gifje willen tonen, zodat men kan zien dat hij bezig is.

Ik heb een mooi loading gifje voor handen. Maar deze wil ik dus midden in het window tonen op het moment dat er op Submit geklikt wordt. Hij moet dus boven de site zelf 'zweven'.

Heeft iemand een idee of tip hoe ik dit makkelijk kan doen? Ik had wat geprobeerd met een <div> tag die zichtbaar werd op het moment dat je klikte, maar dat schoot niet echt op.

donderdag 8 juni 2006 @ 20:57:13 #10

fokME2

quote:
Op donderdag 8 juni 2006 16:47 schreef Darkomen het volgende:
Waarom geef je jouw divs dan ook niet een id mee?

obj.setAttribute('id',divIdName);

Ik vond het juist interessant om het te doen met objecten zonder ze dat id mee te geven. Want het zou toch niet uit moeten maken of je getElementById doet, of het object uit een objectenverzameling haalt?

@HuHu:
Ook geen divje met een position: absolute; en z-index: 1; ? Of zelfs een hogere z-index.

donderdag 8 juni 2006 @ 21:21:41 #11

mschol

quote:
Op donderdag 8 juni 2006 19:51 schreef HuHu het volgende:
Vraagje: ik heb een upload-script waarmee bestanden kunnen worden geupload (dûh). Maargoed, als er op Submit wordt geklikt zou ik graag een animated gifje willen tonen, zodat men kan zien dat hij bezig is.

Ik heb een mooi loading gifje voor handen. Maar deze wil ik dus midden in het window tonen op het moment dat er op Submit geklikt wordt. Hij moet dus boven de site zelf 'zweven'.

Heeft iemand een idee of tip hoe ik dit makkelijk kan doen? Ik had wat geprobeerd met een <div> tag die zichtbaar werd op het moment dat je klikte, maar dat schoot niet echt op.

klinkt erg als iets voor AJAX

donderdag 8 juni 2006 @ 21:54:28 #12

fokME2

Check de OP, check de OP

donderdag 8 juni 2006 @ 22:13:16 #13

CraZaay

prettig gestoord

quote:
Op donderdag 8 juni 2006 19:51 schreef HuHu het volgende:
Vraagje: ik heb een upload-script waarmee bestanden kunnen worden geupload (dûh). Maargoed, als er op Submit wordt geklikt zou ik graag een animated gifje willen tonen, zodat men kan zien dat hij bezig is.

Ik heb een mooi loading gifje voor handen. Maar deze wil ik dus midden in het window tonen op het moment dat er op Submit geklikt wordt. Hij moet dus boven de site zelf 'zweven'.

Heeft iemand een idee of tip hoe ik dit makkelijk kan doen? Ik had wat geprobeerd met een <div> tag die zichtbaar werd op het moment dat je klikte, maar dat schoot niet echt op.

Waarom schoot dat niet op?

Wanneer je een div over de pagina legt met hierin die gif en je zet deze met javascript op 'display: block' dan doet het wat je wilt.

Tip: Wil je dat hierbij de onderliggende pagina niet klikbaar is (bijvoorbeeld de links ofzo), geef die div dan als achtergrond een transparante gif.

Hiervoor ajax gebruiken is onnodig, omdat er geen communicatie met de server nodig is (on submit > display div).

donderdag 8 juni 2006 @ 22:47:48 #14

mschol

quote:
Op donderdag 8 juni 2006 22:13 schreef CraZaay het volgende:
Hiervoor ajax gebruiken is onnodig, omdat er geen communicatie met de server nodig is (on submit > display div).

true, maar punt is dat dat me binnenschoot doordat ik rer mee bezig was

vrijdag 9 juni 2006 @ 15:02:21 #15

mschol

hmmm uploading met JS wordt errug lastig

voor een echte progress bar (die het dus bij houdt) moet ik php patchen met een of andere patch, nou werkt ik met een windows server dus doe ik dat niet

hmm een loading dingetje zou te doen moeten zijn..
eerst eff uitvogelen hoe ik door divje van 100x10 een balkje kan laten heen en weer gaan (zodat je kan zien dattie laad)

vrijdag 9 juni 2006 @ 19:04:25 #16

CraZaay

prettig gestoord

Een upload progress indicator werkt volgens mij alleen fatsoenlijk met Flash. Anders moet je inderdaad bijv. met de door jou genoemde patch met de server gaan communiceren om terug te krijgen hoeveel bytes er binnen zijn.

maandag 12 juni 2006 @ 16:17:27 #17

fokME2

Niemand antwoord op mijn vraag uit het vorige topique?!

maandag 12 juni 2006 @ 16:23:15 #18

Darkomen

Wie denkt er even mee, de fout zit in dit stukje javascript/xml:

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

Het probleem treed op waneer er al een XML request open staat, dan krijg je een javascripterror wat uit komt op no data.
Het schijnt af te vangen te zijn maar dat lukt dus niet.

maandag 12 juni 2006 @ 16:37:41 #19

fokME2

@Darkomen

Hoe bedoel je als er al een XML request open staat? Je hoeft er toc maar 1 te openen?

maandag 12 juni 2006 @ 21:08:39 #20

SuperRembo

Sinds 1998

@Darkomen:
Als de vorige request nog niet klaar is, dan kan je dat aan de readyState zien. Je moet dan zelf bepalen hoe je dat oplost. Je kunt de huidige request afbreken. Je kunt de nieuwe request annuleren. Je kunt de nieuwe request in een wachtrij zetten en uitvoeren als de vorige request klaar is. Je kunt ook een nieuw XMLHTTPRequest object maken.

maandag 12 juni 2006 @ 21:41:29 #21

Darkomen

Dat dacht ik dus ook, en ik weet ongeveer welke readystates het zijn.
Ik weet alleen niet wat hij daarvoor dus aangeeft.
Dacht ff slim te zijn door het zoals hieronder te doen, maar daarvoor heeft hij de fout dus al.

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

[ Bericht 51% gewijzigd door Darkomen op 12-06-2006 21:57:26 ]

maandag 12 juni 2006 @ 21:56:47 #22

CraZaay

prettig gestoord

quote:
Op maandag 12 juni 2006 21:41 schreef Darkomen het volgende:
Dat dacht ik dus ook, en ik weet ongeveer welke readystates het zijn.

Ter referentie:

0 Object is not initialized
1 Loading object is loading data
2 Loaded object has loaded data
3 Data from object can be worked with
4 Object completely initialized

maandag 12 juni 2006 @ 22:11:34 #23

Darkomen

Die had ik dus, maar de fout ontstaat volgens mij voordat ik de readystate krijg, zoals ik hierboven aangeef.

maandag 12 juni 2006 @ 22:20:28 #24

fokME2

@Darkomen: leeft je searchfunctie al?

maandag 12 juni 2006 @ 22:26:55 #25

Darkomen

Yups, maar daar zit ook op een bepaald moment de zelfde fout in

http://muziek.borntobewild.nl

maandag 12 juni 2006 @ 22:31:13 #26

SuperRembo

Sinds 1998

Een alert() gebruiken is in zo'n geval als dit (waarbij de timing een rol speelt) niet handig. Het is dan makkelijker om bijvoorbeeld een tekstje aan de window.status te plakken.

1	window.status += ','+XMLHttpRequestObject.readyState;

_{(of je gebruikt mijn debug scriptje)}

maandag 12 juni 2006 @ 22:35:14 #27

CraZaay

prettig gestoord

quote:
Op maandag 12 juni 2006 22:31 schreef SuperRembo het volgende:
Een alert() gebruiken is in zo'n geval als dit (waarbij de timing een rol speelt) niet handig. Het is dan makkelijker om bijvoorbeeld een tekstje aan de window.status te plakken.
[ code verwijderd ]

Werkt dat niet alleen in IE (of iig niet in FF)?

maandag 12 juni 2006 @ 22:40:17 #28

SuperRembo

Sinds 1998

window.status is in elke browser beschikbaar.
Maar je moet natuurlijk in Firefox niet de optie aan hebben staan dat javascript verbied om de status tekst aan te passen

maandag 12 juni 2006 @ 22:50:54 #29

Darkomen

quote:
Op maandag 12 juni 2006 22:31 schreef SuperRembo het volgende:
Een alert() gebruiken is in zo'n geval als dit (waarbij de timing een rol speelt) niet handig. Het is dan makkelijker om bijvoorbeeld een tekstje aan de window.status te plakken.
[ code verwijderd ]

_{(of je gebruikt mijn debug scriptje)}

Heeft niet echt geholpen, hij geeft steeds, 1,2,3,1,2,3,1,2,3,1,2,3,1,1,1,1,2,3,1,1,2,3,1 en dan houdt het op. en krijg ik de foutmelding.

Hoe werkt die debugger van jou?

maandag 12 juni 2006 @ 23:00:34 #30

SuperRembo

Sinds 1998

quote:
Op maandag 12 juni 2006 22:50 schreef Darkomen het volgende:
Hoe werkt die debugger van jou?

Die pagina geeft meteen een voorbeeld.
Je hoeft alleen debug.js te includen. Default staat hij uit, je zet 'm aan met Debug.enabled = true. Je schrijft tekst naar 't windowtje met Debug.write('test'). Je kunt de plaats van het windowtje nog veranderen met Ctrl+pijltjes.

maandag 12 juni 2006 @ 23:03:51 #31

Darkomen

Eens proberen, bedankt.

dinsdag 13 juni 2006 @ 08:07:06 #32

CraZaay

prettig gestoord

quote:
Op maandag 12 juni 2006 22:40 schreef SuperRembo het volgende:
window.status is in elke browser beschikbaar.
Maar je moet natuurlijk in Firefox niet de optie aan hebben staan dat javascript verbied om de status tekst aan te passen

Goed punt

Handig ook dat het standaard uit staat

dinsdag 13 juni 2006 @ 13:12:30 #33

hbruyn

Ben benieuwd

Ik heb een probleem waarmee ik niet verder kom.
Het gaat om een script wat vanuit een frame een foto moet cross faden in een ander frame.

De foto die gefade wordt heeft id "test" en staat in een frame met de naam "header".
De functie wordt als volgt aangeroepen:

1	crossfade(parent.header.test, 'images/plaatje2.jpg', '1', '');

De fout die ik krijg op regel 141 in het script is: "Kan lid niet vinden"
Hieronder het gehele script.

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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191

// IXF1.11 :: Image cross-fade
// *****************************************************
// DOM scripting by brothercake -- http://www.brothercake.com/
//******************************************************
//global object
var ixf = { 'clock' : null, 'count' : 1 }
/*******************************************************

/*****************************************************************************
List the images that need to be cached
*****************************************************************************/

ixf.imgs = [
   'images/home.jpg',
   'images/agenda.jpg',
   ];

/*****************************************************************************
*****************************************************************************/

//cache the images
ixf.imgsLen = ixf.imgs.length;
ixf.cache = [];
for(var i=0; i<ixf.imgsLen; i++)
{
   ixf.cache[i] = new Image;
   ixf.cache[i].src = ixf.imgs[i];
}

//crossfade setup function
function crossfade()
{
   //if the timer is not already going
   if(ixf.clock == null)
   {
      //copy the image object
      ixf.obj = arguments[0];

      //copy the image src argument
      ixf.src = arguments[1];

      //store the supported form of opacity
      if(typeof ixf.obj.style.opacity != 'undefined')
      {
         ixf.type = 'w3c';
      }
      else if(typeof ixf.obj.style.MozOpacity != 'undefined')
      {
         ixf.type = 'moz';
      }
      else if(typeof ixf.obj.style.KhtmlOpacity != 'undefined')
      {
         ixf.type = 'khtml';
      }
      else if(typeof ixf.obj.filters == 'object')
      {
         //weed out win/ie5.0 by testing the length of the filters collection (where filters is an object with no data)
         //then weed out mac/ie5 by testing first the existence of the alpha object (to prevent errors in win/ie5.0)
         //then the returned value type, which should be a number, but in mac/ie5 is an empty string
         ixf.type = (ixf.obj.filters.length > 0 && typeof ixf.obj.filters.alpha == 'object' && typeof ixf.obj.filters.alpha.opacity == 'number') ? 'ie' : 'none';
      }
      else
      {
         ixf.type = 'none';
      }

      //change the image alt text if defined
      if(typeof arguments[3] != 'undefined' && arguments[3] != '')
      {
         ixf.obj.alt = arguments[3];
      }

      //if any kind of opacity is supported
      if(ixf.type != 'none')
      {
         //create a new image object and append it to body
         var doc = parent.header.document;

         ixf.newimg = doc.createElement('img');

         //set positioning classname
         ixf.newimg.className = 'idupe';

         //set src to new image src
         ixf.newimg.src = ixf.src

         //move it to superimpose original image
         ixf.newimg.style.left = ixf.getRealPosition(ixf.obj, 'x') + 'px';
         ixf.newimg.style.top = ixf.getRealPosition(ixf.obj, 'y') + 'px';

         //copy and convert fade duration argument
         ixf.length = parseInt(arguments[2], 10) * 1000;

         //create fade resolution argument as 20 steps per transition
         ixf.resolution = parseInt(arguments[2], 10) * 20;

         //start the timer
         ixf.clock = setInterval('ixf.crossfade()', ixf.length/ixf.resolution);
      }

      //otherwise if opacity is not supported
      else
      {
         //just do the image swap
         ixf.obj.src = ixf.src;
      }

   }
};

//crossfade timer function
ixf.crossfade = function()
{
   //decrease the counter on a linear scale
   ixf.count -= (1 / ixf.resolution);

   //if the counter has reached the bottom
   if(ixf.count < (1 / ixf.resolution))
   {
      //clear the timer
      clearInterval(ixf.clock);
      ixf.clock = null;

      //reset the counter
      ixf.count = 1;

      //set the original image to the src of the new image
      ixf.obj.src = ixf.src;
   }

   //set new opacity value on both elements
   //using whatever method is supported
   switch(ixf.type)
   {
      case 'ie' :
         ixf.obj.filters.alpha.opacity = ixf.count * 100;
         ixf.newimg.filters.alpha.opacity = (1 - ixf.count) * 100;
         break;

      case 'khtml' :
         ixf.obj.style.KhtmlOpacity = ixf.count;
         ixf.newimg.style.KhtmlOpacity = (1 - ixf.count);
         break;

      case 'moz' :
         //restrict max opacity to prevent a visual popping effect in firefox
         ixf.obj.style.MozOpacity = (ixf.count == 1 ? 0.9999999 : ixf.count);
         ixf.newimg.style.MozOpacity = (1 - ixf.count);
         break;

      default :
         //restrict max opacity to prevent a visual popping effect in firefox
         ixf.obj.style.opacity = (ixf.count == 1 ? 0.9999999 : ixf.count);
         ixf.newimg.style.opacity = (1 - ixf.count);
   }

   //now that we've gone through one fade iteration
   //we can show the image that's fading in
   ixf.newimg.style.visibility = 'visible';

   //keep new image in position with original image
   //in case text size changes mid transition or something
   ixf.newimg.style.left = ixf.getRealPosition(ixf.obj, 'x') + 'px';
   ixf.newimg.style.top = ixf.getRealPosition(ixf.obj, 'y') + 'px';

   //if the counter is at the top, which is just after the timer has finished
   if(ixf.count == 1)
   {
      //remove the duplicate image
      //ixf.newimg.parentNode.removeChild(ixf.newimg);
   }
};

//get real position method
ixf.getRealPosition = function()
{
   this.pos = (arguments[1] == 'x') ? arguments[0].offsetLeft : arguments[0].offsetTop;
   this.tmp = arguments[0].offsetParent;
   while(this.tmp != null)
   {
      this.pos += (arguments[1] == 'x') ? this.tmp.offsetLeft : this.tmp.offsetTop;
      this.tmp = this.tmp.offsetParent;
   }

   return this.pos;
};

Ik hoop dat iemand me hiermee kan helpen.

Bedankt alvast.

Webhype, Hosting & Design. >>> 600 Mb, 6 Gb, € 60,-/jaar
Een eigen webwinkel met gratis klanten? koopjeswinkelen.nl!

dinsdag 13 juni 2006 @ 15:38:17 #34

Darkomen

quote:
Op maandag 12 juni 2006 23:03 schreef Darkomen het volgende:
Eens proberen, bedankt.

Helaas ik kom er dus niet achter hoe het op te lossen.
XMLHttpRequestObject.open("GET", dataSource, true);
Zorgt er in iedergeval voor dat het script door gaat.
Kijken jullie eens, waneer je dus veel 'lult' loopt hij vast en krijg je een error.
http://borntobewild.satanist.nl/Chat/

@ hbruyn

quote:
Op donderdag 8 juni 2006 16:17 schreef Darkomen het volgende:...
Maar heb je een online voorbeeld, je beschrijving zegt weinig.

[ Bericht 18% gewijzigd door Darkomen op 13-06-2006 16:05:32 ]

dinsdag 13 juni 2006 @ 19:20:52 #35

SuperRembo

Sinds 1998

Het probleem is (zoals ik al eerder zei) dat de ene request nog niet klaar is als je al weer een nieuwe wil sturen met hetzelfde request object. Dat lukt dus niet.

dinsdag 13 juni 2006 @ 20:03:01 #36

fokME2

Je script loopt hier niet vast? Na spamactie?

dinsdag 13 juni 2006 @ 21:14:46 #37

Darkomen

quote:
Op dinsdag 13 juni 2006 19:20 schreef SuperRembo het volgende:
Het probleem is (zoals ik al eerder zei) dat de ene request nog niet klaar is als je al weer een nieuwe wil sturen met hetzelfde request object. Dat lukt dus niet.

Yups, dat snapte ik ik weet ook dat dat de fout is, ik kan het alleen niet afvangen.
Ook het steeds een nieuw object aanmaken loste het niet op.
Dan komt er soms niets aan?!

@fokme2

Nope, ook niet na je spam actie, en ook php etc word eruit gefilterd.

dinsdag 13 juni 2006 @ 21:17:55 #38

fokME2

Wanneer krijg je dan een error?

dinsdag 13 juni 2006 @ 21:36:07 #39

Darkomen

bij veel spammen

En in princiepe ook als je hem gewoon een tijdje door laat refreshen (chat refreshed zichzelf)
Zet dan in firefox je javascript console maar eens open dan zie jehem wel verschijnen.

dinsdag 13 juni 2006 @ 22:33:18 #40

SuperRembo

Sinds 1998

quote:
Op dinsdag 13 juni 2006 21:14 schreef Darkomen het volgende:
Ook het steeds een nieuw object aanmaken loste het niet op.

Als je een nieuw XMLHTTPRequest object maakt, dan moet je er natuurlijk wel voor zorgen dat je de vorige overschijft (die mogelijk nog niet klaar is). Het makkelijkste kan je dat bereiken door het request object in een lokale variabele te stoppen in getData().
Omdat dit voor een chatprogrammaatje is, kan je het ook vrij makkelijk op een andere manier oplossen. Als het (globale) request object nog niet klaar is, dan stop je de nieuw ingevoerde tekst in een buffer. Die buffer verstuur je dan zodra het request object klaar is.

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

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)

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?

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

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

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.

maandag 26 juni 2006 @ 22:27:53 #81

CraZaay

prettig gestoord

quote:
Op maandag 26 juni 2006 14:35 schreef SuperRembo het volgende:
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.

Hoort eigenlijkt in het PHP-topic, maar goed: het is per definitie beter om single quotes te gebruiken, en alleen dubbele te gebruiken voor strins waarin een variabele staat die geparsed moet worden. Bij single quotes gaat PHP namelijk niet eens proberen om de string te parsen, wat zorgt voor minder belasting.

maandag 26 juni 2006 @ 22:59:26 #82

SuperRembo

Sinds 1998

Ik vind leesbaarheid een belangrijker dan snelheid in veel gevallen. Gelukkig werkt dat elkaar hier niet tegen.

maandag 26 juni 2006 @ 23:46:06 #83

CraZaay

prettig gestoord

quote:
Op maandag 26 juni 2006 22:59 schreef SuperRembo het volgende:
Ik vind leesbaarheid een belangrijker dan snelheid in veel gevallen. Gelukkig werkt dat elkaar hier niet tegen.

Gaat prima samen inderdaad hiero. Wat belangrijker is hangt natuurlijk helemaal af van je resources. Een tweede bak gebruiken voor een site omdat de load te hoog is, maar je wel leesbare code hebt is ook een beetje bizar natuurlijk

maandag 26 juni 2006 @ 23:50:15 #84

CraZaay

prettig gestoord

quote:
Op maandag 26 juni 2006 17:16 schreef Desdinova het volgende:

mijn divs hebben id1 en id2.

Heb je id1 en id2 wel ergens gedefinieerd? Dus bijvoorbeeld:

1	var id1 = document.getElementById('id1');

Hetzelfde geldt voor 'which'. Je Javascript kan niet ruiken wat 'which' is, dus zul je moeten gebruiken als:

1	document.getElementById(which).style.display == 'block'

Begin eens op http://www.w3schools.com/js/ zou ik zeggen

maandag 26 juni 2006 @ 23:56:52 #85

mschol

quote:
Op maandag 26 juni 2006 22:27 schreef CraZaay het volgende:

[..]

Hoort eigenlijkt in het PHP-topic, maar goed: het is per definitie beter om single quotes te gebruiken, en alleen dubbele te gebruiken voor strins waarin een variabele staat die geparsed moet worden. Bij single quotes gaat PHP namelijk niet eens proberen om de string te parsen, wat zorgt voor minder belasting.

ik doe werkelijk alles met dubbele quotes

wist niet dat zelfs dat performance technisch nie slim was

dinsdag 27 juni 2006 @ 08:58:23 #86

SuperRembo

Sinds 1998

quote:
Op maandag 26 juni 2006 23:50 schreef CraZaay het volgende:
Hetzelfde geldt voor 'which'. Je Javascript kan niet ruiken wat 'which' is, dus zul je moeten gebruiken

Dat ligt er natuurlijk helemaal aan hoe de functie wordt aangeroepen.

dinsdag 27 juni 2006 @ 09:35:05 #87

Desdinova

Olaa

quote:
Op maandag 26 juni 2006 23:50 schreef CraZaay het volgende:

[..]

Heb je id1 en id2 wel ergens gedefinieerd? Dus bijvoorbeeld:
[ code verwijderd ]

Hetzelfde geldt voor 'which'. Je Javascript kan niet ruiken wat 'which' is, dus zul je moeten gebruiken als:
[ code verwijderd ]

Begin eens op http://www.w3schools.com/js/ zou ik zeggen

aah perfect! ik ben eruit

ik had het script gebruikt zoals het was op een andere pagina, maar daar had ik niet de wens om alle andere ID's een display none te geven, en toen deed hij het ook gewoon.

Nu heb ik je zinnetje toegepast en hij doet het

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

woensdag 28 juni 2006 @ 13:14:51 #88

Desdinova

Olaa

is het ook mogelijk om via javascript de waarde van een <input type='file'> door te sturen naar een functie?

dus beetje dit idee:

<input type="file" name="whatever" onchange="javascript:functiedit('dezewaarde');">

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

woensdag 28 juni 2006 @ 13:39:55 #90

Desdinova

Olaa

lijkt niet helemaal te werken..

is onchange wel de goede trigger?

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

woensdag 28 juni 2006 @ 13:52:37 #91

ralfie

!Yvan eht nioj

quote:
Op woensdag 28 juni 2006 13:39 schreef Desdinova het volgende:
lijkt niet helemaal te werken..

is onchange wel de goede trigger?

Ja, maar dat javascript: hoeft niet

1	<input type="file" name="whatever" onchange="functienaam(this.value)">

woensdag 28 juni 2006 @ 13:56:01 #92

Desdinova

Olaa

ah tis een firefox beveiligingsdingetje.. werkt

fenks

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

donderdag 29 juni 2006 @ 01:32:31 #94

CraZaay

prettig gestoord

quote:
Op dinsdag 27 juni 2006 08:58 schreef SuperRembo het volgende:

[..]

Dat ligt er natuurlijk helemaal aan hoe de functie wordt aangeroepen.

Zolang er nergens staat hoe een variabele definieerd wordt, ga ik er voor het gemak vanuit dat het niet gebeurd is. Anders kunnen we natuurlijk nooit iets debuggen hier

donderdag 29 juni 2006 @ 08:51:30 #95

SuperRembo

Sinds 1998

quote:
Op donderdag 29 juni 2006 01:32 schreef CraZaay het volgende:

[..]

Zolang er nergens staat hoe een variabele definieerd wordt, ga ik er voor het gemak vanuit dat het niet gebeurd is. Anders kunnen we natuurlijk nooit iets debuggen hier

"which" was een parameter van de functie, dus die was wel gedefinieerd.

donderdag 29 juni 2006 @ 09:30:42 #96

CraZaay

prettig gestoord

quote:
Op donderdag 29 juni 2006 08:51 schreef SuperRembo het volgende:

[..]

"which" was een parameter van de functie, dus die was wel gedefinieerd.

Je hebt nergens uit af kunnen leiden wat de inhoud van 'which' was iig. Voor mijn part werd de functie gebruikt als "functie('worst')".

donderdag 29 juni 2006 @ 09:52:48 #97

Desdinova

Olaa

quote:
Op donderdag 29 juni 2006 09:30 schreef CraZaay het volgende:

[..]

Je hebt nergens uit af kunnen leiden wat de inhoud van 'which' was iig. Voor mijn part werd de functie gebruikt als "functie('worst')".

ik gaf mijn href toch? href = "javascript:hideshow('id1');"

dan is id1 toch gewoon 'which'?

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

donderdag 29 juni 2006 @ 09:54:55 #98

CraZaay

prettig gestoord

quote:
Op donderdag 29 juni 2006 09:52 schreef Desdinova het volgende:

[..]

ik gaf mijn href toch? href = "javascript:hideshow('id1');"

dan is id1 toch gewoon 'which'?

Je hebt helemaal gelijk, ik had er overeen gelezen.

Neemt niet weg dat het daarom niet werkte

donderdag 29 juni 2006 @ 10:02:21 #99

Desdinova

Olaa

mooi

dan volg ik het nog een beetje.

die werkte wel, hij ging fout bij het toevoegen van de anderen (id1.style.display == "block"), want daar begrijpt hij waarschijnlijk niet dat het om een elementID gaat.

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

donderdag 29 juni 2006 @ 12:06:46 #100

Desdinova

Olaa

nu deel 2

1
2
3
4
5
6
7
8
9
10

      function hideshow(which){
         var which = document.getElementById.which;
         if (!document.getElementById)
            alert('returning');
            return;
         if (which.style.display=="block")
            which.style.display="none"
         else
            which.style.display="block"
      }

ik krijg geen errors.. maar ik zie ook niks veranderen.. terwijl de div met ID 'id0' en een zeer aanwezige style toch best aanwezig moet zijn zodra de display op block wordt gezet..

ik ben een beetje aan het stoeien met de code, dus misschien dat er hier en daar niet veel van klopt, maar ik heb een heleboel manieren geprobeerd. Waarschijnlijk kijk ik ergens overheen, of loopt de code in de shite door de javascript text-editor (fckeditor) die op dezelfde page staat..

iemand tips voor waar ik naar kan kijken?

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

donderdag 29 juni 2006 @ 12:42:48 #101

fokME2

1
2
3
4
5
6
7
8
9
10

      function hideshow(which){
         var which = document.getElementById(which);
         if (!wich)
            alert('returning');
            return;
         if (which.style.display=="block")
            which.style.display="none"
         else
            which.style.display="block"
      }

Zoiets?

donderdag 29 juni 2006 @ 12:49:37 #102

Desdinova

Olaa

quote:
Op donderdag 29 juni 2006 12:42 schreef fokME2 het volgende:

[ code verwijderd ]

Zoiets?

dan kan hij dus het element niet vinden

want hij geeft de alert.. (na verbetering van je typo

)

maar waarom is dat?

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

donderdag 29 juni 2006 @ 13:21:00 #103

fokME2

Geen idee (en tijd om het uit te zoeken).

Wat ik wel weet is dat dit werkt:

1
2
3
4
5
6
7
8
9

donderdag 29 juni 2006 @ 13:27:00 #104

Desdinova

Olaa

omfg

ik heb mn ochtend gewaste aan javascript terwijl de code gewoon klopte.

mn div stond in een $var, die ik met een schrijffout aanriep

maar heb je code overgenomen fokme, dies wat compacter en lijkt prima te werken

tx

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

donderdag 29 juni 2006 @ 13:27:12 #105

SuperRembo

Sinds 1998

quote:
Op donderdag 29 juni 2006 12:42 schreef fokME2 het volgende:

[ code verwijderd ]

Zoiets?

Het is een goede gewoonte om altijd {} te gebruiken bij if statements. Dat had hier een domme fout gescheeld (afgezien van de typo).

donderdag 29 juni 2006 @ 13:40:17 #106

fokME2

quote:
Op donderdag 29 juni 2006 13:27 schreef SuperRembo het volgende:

[..]

Het is een goede gewoonte om altijd {} te gebruiken bij if statements. Dat had hier een domme fout gescheeld (afgezien van de typo).

Doe ik ook altijd. Dit was even een snelle aangepaste versie van Desdinova's code.

dinsdag 11 juli 2006 @ 20:40:25 #107

hbruyn

Ben benieuwd

Wie heeft er verstand van javascript en wil mij, evt. tegen betaling, helpen?

Het volgende probleem.
Ik heb een script wat, bij het klikken op een menuitem, een foto fade naar de foto die bij het menuitem hoort. Nu werkt dit prima als je maar wacht met op het volgende menuitem klikken totdat de fotofade volledig is uitgevoerd. Klik je eerder, dan raakt het script in de war en gaan volgende fotofades niet goed meer.

De site waar de fout te zien is is:

w w w . k a t j a w o g n u m . n l

Alvast bedankt

Webhype, Hosting & Design. >>> 600 Mb, 6 Gb, € 60,-/jaar
Een eigen webwinkel met gratis klanten? koopjeswinkelen.nl!

donderdag 13 juli 2006 @ 14:21:41 #108

hbruyn

Ben benieuwd

KICK

Webhype, Hosting & Design. >>> 600 Mb, 6 Gb, € 60,-/jaar
Een eigen webwinkel met gratis klanten? koopjeswinkelen.nl!

vrijdag 14 juli 2006 @ 19:00:45 #109

Siegfried

1	<a onclick="confirm_delete(5)" target=\"_self\" class=\"text\">Delete style 5</a>

Kan iemand mij vertellen hoe ik dit scriptje op een nette manier afmaak?

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

Dus '5' moet achter die url geplakt worden, en als gecancelled wordt moet er niets gebeuren.
Ben niet zo thuis in javascript

vrijdag 14 juli 2006 @ 19:40:22 #110

wipes66

zoiets?

1
2
3

function confirm_delete(id) {
if (confirm("Weet u zeker dat u deze style wilt verwijderen?")) window.location="index.php?action=delete&id="+id;
}

..///

vrijdag 14 juli 2006 @ 21:03:17 #111

Siegfried

Top

vrijdag 14 juli 2006 @ 22:21:26 #112

marcb1974

Dakshin Ray

foutje

stupidity has become as common as common sense was before

zaterdag 15 juli 2006 @ 12:47:12 #113

Siegfried

Kan ik variabelen die ik via een promptbox binnen krijg ook binnen php gebruiken op de een of andere manier?

zaterdag 15 juli 2006 @ 13:25:28 #114

Kaasblaak

quote:
Op zaterdag 15 juli 2006 12:47 schreef Siegfried het volgende:
Kan ik variabelen die ik via een promptbox binnen krijg ook binnen php gebruiken op de een of andere manier?

Ja maar dan moet je ze zelf doorgeven bijv in de vorm van GET variabelen in de url.

1
2
3

var antw = prompt("Geef me een antwoord!","");

document.location="page.php?antwoord=" + escape(antw);

Kaasblaak Baasklaak Baalskaak Slaabkaak Slaakbaak Klaasbaak Laakbaaks Kaalsbaak Akalabska Skaablaak Skaabalak Abaklakas Kalabsaka Aaksaklab Askalabaks Kaalbakas Laakbakas Slaakbaka Klaaskaba Blaaskaka Saksakabal Slaksabaka Kabalkasa Laksakaab

zaterdag 15 juli 2006 @ 13:34:56 #115

Siegfried

Alright, maar op een andere manier gaat niet?
Sowieso niet via post? (get is zo lelijk..)

zaterdag 15 juli 2006 @ 13:51:32 #116

Darkomen

Je kan via xml httprequest posten naar de pagina?

zaterdag 15 juli 2006 @ 13:53:45 #117

Siegfried

Ben niet zo in javascript. Wat bedoel je precies?

zaterdag 15 juli 2006 @ 13:56:41 #118

Darkomen

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

zaterdag 15 juli 2006 @ 21:00:39 #119

ralfie

!Yvan eht nioj

quote:
Op zaterdag 15 juli 2006 13:34 schreef Siegfried het volgende:
Alright, maar op een andere manier gaat niet?
Sowieso niet via post? (get is zo lelijk..)

makkelijke, maar smerige manier is om met javascript een cookie te zetten en deze in php ($_COOKIE) uit te lezen

zondag 16 juli 2006 @ 14:58:48 #120

marcb1974

Dakshin Ray

Ik heb het opgegeven,
wat een teringvak,
dan maar geen diploma

stupidity has become as common as common sense was before

zondag 16 juli 2006 @ 17:00:26 #121

SuperRembo

Sinds 1998

Wat heb je opgegeven?

zondag 16 juli 2006 @ 18:08:48 #122

marcb1974

Dakshin Ray

Ik moet voor mijn studie een javascript opdracht maken. Geen idee waarom, het past er niet echt bij, maar goed.

stupidity has become as common as common sense was before

donderdag 3 augustus 2006 @ 14:12:06 #123

Desdinova

Olaa

Was dit topic effe kwijt zeg

Ik heb een vraag waarvan ik niet weet of het mogelijk is..

Stel, ik heb een lijst met namen;
Henk met de schep
Henk zonder schep
Henk op de bakfiets
Piet op de bakfiets
Peter op de bakfiets
Peter niet op de bakfiets

en een text input (input type = text).

Is het dan mogelijk dat ik een soort autoaanvullen creeer? Dus dat er zodra ik een P in het textveld tik, er automatisch 'eter niet op de bakfiets' achter komt te staan? Uiteraard wil ik dat zodra ik achter de P een i tik, de achtervolgende tekst wordt veranderd in 'et op de bakfiets'. De achtervolgende tekst moet bij aanvulling dus direct geselecteerd worden zodat er overheen geschreven kan worden. Een veelgebruikt principe in windows volgens mij, maar is het ook webbased (en crossbrowser) mogelijk?

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

donderdag 3 augustus 2006 @ 15:29:15 #124

SuperRembo

Sinds 1998

Ja dat kan

Het selecteren van tekst gaat in IE en FF compleet verschillend. Dus success ermee

donderdag 3 augustus 2006 @ 15:51:42 #125

ralfie

!Yvan eht nioj

quote:
Op donderdag 3 augustus 2006 14:12 schreef Desdinova het volgende:
Was dit topic effe kwijt zeg

Ik heb een vraag waarvan ik niet weet of het mogelijk is..

Stel, ik heb een lijst met namen;
Henk met de schep
Henk zonder schep
Henk op de bakfiets
Piet op de bakfiets
Peter op de bakfiets
Peter niet op de bakfiets

en een text input (input type = text).

Is het dan mogelijk dat ik een soort autoaanvullen creeer? Dus dat er zodra ik een P in het textveld tik, er automatisch 'eter niet op de bakfiets' achter komt te staan? Uiteraard wil ik dat zodra ik achter de P een i tik, de achtervolgende tekst wordt veranderd in 'et op de bakfiets'. De achtervolgende tekst moet bij aanvulling dus direct geselecteerd worden zodat er overheen geschreven kan worden. Een veelgebruikt principe in windows volgens mij, maar is het ook webbased (en crossbrowser) mogelijk?

quote:
Op donderdag 3 augustus 2006 15:29 schreef SuperRembo het volgende:
Ja dat kan

Het selecteren van tekst gaat in IE en FF compleet verschillend. Dus success ermee

Idd. Het is wel mogelijk, maar crossbrowser wordt lastig. IE heeft createTextRange() waarmee je text kunt selecteren, firefox heeft setselectionrange(), maar opera en andere browsers hebben zover ik het weet helemaal niks om text te kunnen selecteren. En zonder die functie wordt het toch weinig nuttigs

wat je wel kunt doen is om een menu te laten sliden met de opties, zoals bijvoorbeeld de googlebar in firefox (om maar ff wat te noemen)

voorbeeldje:

EDIT: linkje ipv code dat de layout minder verneukt

http://www.student.ru.nl/rvanhoorn/files/test.htm

2 bugjes, je moet twee keer klikken op 1 vd alternatieven (ik denk omdat de browser probeert te selecteren, in dat geval moet je dat disablen) en het is lowercase omdat de array met alternatieven anders niet goed gesorteerd wordt (maar dat zou je eventueel bij het schrijven van de array kunnen doen ipv met array.sort() in js)

[ Bericht 42% gewijzigd door ralfie op 03-08-2006 15:58:15 ]

donderdag 3 augustus 2006 @ 16:10:40 #126

Desdinova

Olaa

quote:
Op donderdag 3 augustus 2006 15:51 schreef ralfie het volgende:

[..]

[..]

Idd. Het is wel mogelijk, maar crossbrowser wordt lastig. IE heeft createTextRange() waarmee je text kunt selecteren, firefox heeft setselectionrange(), maar opera en andere browsers hebben zover ik het weet helemaal niks om text te kunnen selecteren. En zonder die functie wordt het toch weinig nuttigs

wat je wel kunt doen is om een menu te laten sliden met de opties, zoals bijvoorbeeld de googlebar in firefox (om maar ff wat te noemen)

voorbeeldje:

EDIT: linkje ipv code dat de layout minder verneukt
http://www.student.ru.nl/rvanhoorn/files/test.htm

2 bugjes, je moet twee keer klikken op 1 vd alternatieven (ik denk omdat de browser probeert te selecteren, in dat geval moet je dat disablen) en het is lowercase omdat de array met alternatieven anders niet goed gesorteerd wordt (maar dat zou je eventueel bij het schrijven van de array kunnen doen ipv met array.sort() in js)

oh maar dit is ook wel flex! ben heel blij

thanks!

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

maandag 7 augustus 2006 @ 15:59:26 #127

dossie

lekker makkelijk

Ik heb een formulier die ik op twee manieren kan bekijken.
- 'view mode', waar men niets kan aanpassen omdat de velden disabled zijn.
- 'edit mode', hier kan het formulier aangepast worden.

maar nu wil ik de standaard fontkleur voor disablede inputvelden aanpassen, maar dat lukt niet.

Dit werkt: obj.style.font = "bold 16px arial";
Maar als ik daar een kleur aan toevoegd pakt ie em niet. Het moet iig werken in ie, voor de rest maakt het niet zoveel uit.

"Het geheugen van het hart zeeft slechte herinneringen weg en maakt de goede mooier. Dat stelt ons in staat om met het verleden te leven." - Gabriel Garcia Marquez

maandag 7 augustus 2006 @ 16:21:23 #128

ralfie

!Yvan eht nioj

kleuren gaan in de color attribute, niet in de font attribute

maandag 7 augustus 2006 @ 17:04:36 #129

dossie

lekker makkelijk

Ja, zo heb ik het ook geprobeert, maar obj.style.color = 'black'; werkt bv niet op disabled input buttons.
Als het niet kan dan ga ik het wel anders aanpakken, maar vroeg me af of er niet toch een mogelijkheid is.

"Het geheugen van het hart zeeft slechte herinneringen weg en maakt de goede mooier. Dat stelt ons in staat om met het verleden te leven." - Gabriel Garcia Marquez

maandag 7 augustus 2006 @ 18:21:44 #130

Darkomen

obj.style.color = '#000000'; ook niet?
Ofterwijl heb je alleen maar kleur namen geprobered ipv hexane code?

maandag 7 augustus 2006 @ 21:37:44 #131

dossie

lekker makkelijk

hex werkt ook niet nee, dat heb ik ook geprobeerd

"Het geheugen van het hart zeeft slechte herinneringen weg en maakt de goede mooier. Dat stelt ons in staat om met het verleden te leven." - Gabriel Garcia Marquez

maandag 7 augustus 2006 @ 22:48:00 #132

SuperRembo

Sinds 1998

Dan gaat er iets anders fout. Krijg je geen foutmeldingen? Post anders even een stukje relevante code.

dinsdag 8 augustus 2006 @ 08:47:37 #133

dossie

lekker makkelijk

Ok, hier is een functie om een inputfield te veranderen bij een onclick

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

         function alterStyle(obj)
         {
               // zet het input formulier op disabled
               obj.disabled = true;
               // onderstaande werkt wel
               obj.style.background='black';
               /* onderstaande lijkt te werken, maar werkt eigenlijk niet
                  omdat de achtergrond zwart is, wordt het font automagisch wit.
                  maar het blijft een font met een domme slagschaduw, en als je de
                  achtergrond niet aanpast, werkt het niet
               */
               obj.style.color='white';

         }

aanroep:

1	<input id="edibulb" name="edibulb" onclick="alterStyle(this)">

"Het geheugen van het hart zeeft slechte herinneringen weg en maakt de goede mooier. Dat stelt ons in staat om met het verleden te leven." - Gabriel Garcia Marquez

Redactie Frontpage dinsdag 8 augustus 2006 @ 19:19:32 #134

Etcetera

*pffrrrwwwt*

is het mogelijk om aan 1 submit knop 2 javascriptjes te hangen? zo ja, hoe??

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

dinsdag 8 augustus 2006 @ 19:24:06 #135

HuHu

quote:
Op dinsdag 8 augustus 2006 19:19 schreef Etcetera het volgende:
is het mogelijk om aan 1 submit knop 2 javascriptjes te hangen? zo ja, hoe??

Het ene javascript de andere laten aanroepen. Of nog een derde javascript maken dat de eerste twee 1 voor 1 aanroept.

Redactie Frontpage dinsdag 8 augustus 2006 @ 19:29:43 #136

Etcetera

*pffrrrwwwt*

quote:
Op dinsdag 8 augustus 2006 19:24 schreef HuHu het volgende:

[..]

Het ene javascript de andere laten aanroepen. Of nog een derde javascript maken dat de eerste twee 1 voor 1 aanroept.

hmmm klinkt logisch

maar hoe doe ik dat? ik heb dit script:

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

function afhandelen(){

// Dit stuk script zorgt ervoor dat de ingevoerde naam wordt opgeslagen
var naamVeld = document.getElementById ("naamVeld");
var naam = naamVeld.value;
var naamCell = document.getElementById ("naamCel");
naamCell.innerHTML = naam;

// Dit stuk script zorgt ervoor dat het ingevoerde bedrijf wordt opgeslagen
var bedrijfVeld = document.getElementById("bedrijfVeld");
var bedrijf = bedrijfVeld.value;
var bedrijfCell = document.getElementById ("bedrijfCel");
bedrijfCell.innerHTML = bedrijf;

//Dit stuk script zorgt ervoor dat het ingevulde adres wordt opgeslagen
var adresVeld = document.getElementById ("adresVeld");
var adres = adresVeld.value;
var adresCell = document.getElementById ("adresCel");
adresCell.innerHTML = adres;

//Dit stuk script zorgt ervoor dat de ingevulde cijfers van de postcode worden opgeslagen
var postcodecijfersVeld = document.getElementById ("postcodeCijfersVeld");
var postcodecijfers= postcodecijfersVeld.value;
var postcodecijfersCell = document.getElementById ("postcodecijfersCel");
postcodecijfersCell.innerHTML = postcodecijfers;

//Dit stuk script zorgt ervoor dat de ingevulde postcodeletters worden opgeslagen
var postcodelettersVeld = document.getElementById ("postcodeLettersVeld");
var postcodeletters = postcodelettersVeld.value;
var postcodelettersCell = document.getElementById ("postcodelettersCel");
postcodelettersCell.innerHTML = postcodeletters;

//Dit stuk script zorgt ervoor dat de ingevulde plaats wordt opgegeslagen
var plaatsVeld = document.getElementById ("plaatsVeld");
var plaats = plaatsVeld.value;
var plaatsCell = document.getElementById ("plaatsCel");
plaatsCell.innerHTML = plaats;

// Dit stuk script zorgt ervoor dat het ingevulde telefoonnummer wordt opgeslagen
var telefoonVeld = document.getElementById ("telefoonVeld");
var telefoon = telefoonVeld.value;
var telefoonCell= document.getElementById ("telefoonCel");
plaatsCell.innerHTML = plaats;

//Dit stuk script zorgt ervoor dat de ingevulde functie wordt opgeslagen
var functieVeld = document.getElementById ("functieVeld");
var functie = functieVeld.value;
var functieCell = document.getElementById ("functieCel");
functieCell.innerHTML = functie

//Dit stuk script zorgt ervoor dat de ingevulde extra informatie wordt opgeslagen
var infoVeld = document.getElementById ("infoVeld");
var informatie = infoVeld.value;
var infoCell = document.getElementById ("inforCel");
infoCell.innerHTML = informatie;

return false;
}

en ik wil dat de inhoud van de cellen gecontroleerd wordt met dit script:

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

function controle()

{

if
(
document.contact.naamVeld.value == "" ||
document.contact.bedrijfVeld.value == "" ||
document.contact.adresVeld.value == "" ||
document.contact.postcodeLettersVeld.value == "" ||
document.contact.postcodeCijfersVeld.Value == "" ||
document.contact.plaatsVeld.Value == "" ||
document.contact.telefoonVeld.Value == "" ||
document.contact.functieVeld.Value == "" ||
document.contact.infoVeld.Value == ""
)
{
alert('Vul alle velden in aub.');
return false;
}
return true;
}

de scriptjes werken (

) maar nu wil ik nog dat ze tegelijkertijd werken zeg maar. dat je 1x klikt en verder geen gezeik hebt als het ware. dus hoe laat ik het ene javascript (de controle) de andere (de afhandeling) oproepen??

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

dinsdag 8 augustus 2006 @ 19:32:30 #137

HuHu

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

function doe_alles()
{
  if(controle())
  {
    afhandelen();
    return true;
  }
  else
  {
    return false;
  }
}

Zoiets?

Redactie Frontpage dinsdag 8 augustus 2006 @ 19:33:03 #138

Etcetera

*pffrrrwwwt*

quote:
Op dinsdag 8 augustus 2006 19:32 schreef HuHu het volgende:

[ code verwijderd ]

Zoiets?

ik ga proberen

iig bedankt (en tot over een paar uur

snap nog steeds niet veel van JS)

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

dinsdag 8 augustus 2006 @ 19:34:29 #139

HuHu

quote:
Op dinsdag 8 augustus 2006 19:33 schreef Etcetera het volgende:

[..]

ik ga proberen iig bedankt (en tot over een paar uur snap nog steeds niet veel van JS)

Ik heb het nog even aangepast. Ik weet niet wat je wil doen nadat het formulier is afgehandeld? Moet het formulier dan gesubmit worden, of niets gebeuren?

Als er niets moet gebeuren, dan moeten beide returns false geven en kan je deze dus onderaan neerzetten in doe_alles().

Redactie Frontpage dinsdag 8 augustus 2006 @ 19:37:47 #140

Etcetera

*pffrrrwwwt*

quote:
Op dinsdag 8 augustus 2006 19:34 schreef HuHu het volgende:

[..]

Ik heb het nog even aangepast. Ik weet niet wat je wil doen nadat het formulier is afgehandeld? Moet het formulier dan gesubmit worden, of niets gebeuren?

Als er niets moet gebeuren, dan moeten beide returns false geven en kan je deze dus onderaan neerzetten in doe_alles().

je was me een stap voor, het moet namelijk leesbaar zijn onderaan m'n formulier en dat was niet het geval. ff aanpassen

edit: hmmm het werkt nog niet helemaal, de pagina wordt meteen gerefreshed

ik zie ook geen fouten in de js console van ff, mss dat ik een return false verkeerd heb neergezet

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

dinsdag 8 augustus 2006 @ 19:44:32 #141

HuHu

Als de pagina niet moet refreshen moet je dit doen:

1
2
3
4
5
6
7
8

function doe_alles()
{
  if(controle())
  {
    afhandelen();
  }
  return false;
}

Redactie Frontpage dinsdag 8 augustus 2006 @ 19:54:21 #142

Etcetera

*pffrrrwwwt*

mede dankzij jou

werkt het

had bij onsubmit nog niet return staat

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

donderdag 10 augustus 2006 @ 13:48:25 #143

hbruyn

Ben benieuwd

NOGMAALS:

Wie heeft er verstand van javascript en wil mij, evt. tegen betaling, helpen?

Het volgende probleem.
Ik heb een script wat, bij het klikken op een menuitem, een foto fade naar de foto die bij het menuitem hoort. Nu werkt dit prima als je maar wacht met op het volgende menuitem klikken totdat de fotofade volledig is uitgevoerd. Klik je eerder, dan raakt het script in de war en gaan volgende fotofades niet goed meer.

De site waar de fout te zien is is:

w w w . k a t j a w o g n u m . n l

Alvast bedankt

Webhype, Hosting & Design. >>> 600 Mb, 6 Gb, € 60,-/jaar
Een eigen webwinkel met gratis klanten? koopjeswinkelen.nl!

woensdag 16 augustus 2006 @ 11:10:14 #144

HuHu

Ik wil op een pagina alle afbeeldingen met een-foute-url vervangen door een plaatje met een-goede-url. Daarvoor had ik dit script gemaakt, maar dat werkt niet goed:

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

var plaatjes = document.images;
var aantal = plaatjes.length;

for(i=0;i<=aantal;i++)
{
  //Vervang foute plaatje voor een goede.
  var plaatje = plaatjes[i];

  if(plaatje.src == "de-foute-url")
  {
    plaatje.src = "de-goede-url";
  }
}

Maar nu krijg ik: plaatje has no properties. Heeft iemand een suggestie of idee hoe dit goed te doen?

woensdag 16 augustus 2006 @ 11:20:58 #145

t-x-m

. : : T-X-M : : . .

quote:
Op woensdag 16 augustus 2006 11:10 schreef HuHu het volgende:
Ik wil op een pagina alle afbeeldingen met een-foute-url vervangen door een plaatje met een-goede-url. Daarvoor had ik dit script gemaakt, maar dat werkt niet goed:
[ code verwijderd ]

Maar nu krijg ik: plaatje has no properties. Heeft iemand een suggestie of idee hoe dit goed te doen?

Bij mij werkt het gewoon. Let wel op dat je het script pas laad nadat de pagina(en dus de plaatjes) is geladen, dus ergens onder aan of in je <body onload="vervang_plaatjes()"> ofzo?

1
2
3
4
5
6

<img src="./home.gif id="plaatje1">
<script type="javascript">
document.getElementById('plaatje1').src = "home2.gif"; //werkt dus wel
document.getElementById('plaatje2').src = "test2.gif"; //werkt dus niet
</sript>
<img src="test.gif" id="plaatje2">

Blijf van mn UserIcon af Admins :@

woensdag 16 augustus 2006 @ 11:41:13 #146

HuHu

quote:
Op woensdag 16 augustus 2006 11:20 schreef t-x-m het volgende:

[..]

Bij mij werkt het gewoon. Let wel op dat je het script pas laad nadat de pagina(en dus de plaatjes) is geladen, dus ergens onder aan of in je <body onload="vervang_plaatjes()"> ofzo?
[ code verwijderd ]

Ik had 'm helemaal bovenin de pagina gezet. Naar onderen verplaatst en het werkt perfect.

Dank je.

woensdag 16 augustus 2006 @ 11:51:07 #147

t-x-m

. : : T-X-M : : . .

quote:
Op woensdag 16 augustus 2006 11:41 schreef HuHu het volgende:

[..]

Ik had 'm helemaal bovenin de pagina gezet. Naar onderen verplaatst en het werkt perfect.

Dank je.

Je kunt hem dus ook wel bovenin laten staan maar dan moet je er een functie van maken. Die je dan weer start in je body onload. Javascript staat een stuk mooier in je head dan ergens anders in je pagina

Blijf van mn UserIcon af Admins :@

woensdag 16 augustus 2006 @ 12:38:22 #148

HuHu

quote:
Op woensdag 16 augustus 2006 11:51 schreef t-x-m het volgende:

[..]

Je kunt hem dus ook wel bovenin laten staan maar dan moet je er een functie van maken. Die je dan weer start in je body onload. Javascript staat een stuk mooier in je head dan ergens anders in je pagina

I know, maar de <body> aanpassen gaat helaas niet.

Dus 't moet wel zo.

woensdag 16 augustus 2006 @ 13:09:39 #149

SuperRembo

Sinds 1998

Je hoeft niet de body aan te passen.

1
2
3

window.onload = function() {
// Deze code wordt uitgevoerd als de pagina geladen is.
}

woensdag 16 augustus 2006 @ 13:10:48 #150

HuHu

quote:
Op woensdag 16 augustus 2006 13:09 schreef SuperRembo het volgende:
Je hoeft niet de body aan te passen.
[ code verwijderd ]

Ah... dat is nog makkelijker.

Bedankt.

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

[Javascript] voor dummies - deel 4

» digital corner

» digital corner