[Javascript] voor dummies - deel 4

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_38796490
Eens proberen, bedankt.
  dinsdag 13 juni 2006 @ 08:07:06 #32
12880 CraZaay
prettig gestoord
pi_38802526
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
25637 hbruyn
Ben benieuwd
pi_38809535
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:

1crossfade(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. &gt;&gt;&gt; 600 Mb, 6 Gb, ¤ 60,-/jaar
Een eigen webwinkel met gratis klanten? koopjeswinkelen.nl!
pi_38814617
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 ]
pi_38822038
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.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_38823859
Je script loopt hier niet vast? Na spamactie?
pi_38826960
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.
pi_38827103
Wanneer krijg je dan een error?
pi_38827849
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.
pi_38830507
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.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_38835180
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.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_38841628
Ik volg jouw voorbeeld wel
En probeer daarvan te leren wat ik nu eigenlijk steeds fout doe.
pi_38915459
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:
1function sndreq(param, param2, divid)

maar zodra ik em door wil geven naar een andere functie:
1http.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
pi_38916442
quote:
Op vrijdag 16 juni 2006 13:03 schreef mschol het volgende:
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:
[ code verwijderd ]

maar zodra ik em door wil geven naar een andere functie:
[ code verwijderd ]

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
ik denk dat je eerst een declaratie moet doen. Een type mismatch hoeft niet op die variable te gebeuren, kan ook op 1 van de 2 functies gebeuren.
pi_38916676
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.)
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_38917325
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
83660 crew  Etcetera
*pffrrrwwwt*
pi_38922027
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
pi_38922658
"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.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  Redactie Frontpage vrijdag 16 juni 2006 @ 16:23:32 #49
83660 crew  Etcetera
*pffrrrwwwt*
pi_38922815
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
pi_38925433
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?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  vrijdag 16 juni 2006 @ 18:25:41 #51
12880 CraZaay
prettig gestoord
pi_38925925
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
83660 crew  Etcetera
*pffrrrwwwt*
pi_38945986
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
pi_38946301
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
83660 crew  Etcetera
*pffrrrwwwt*
pi_38946927
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
pi_38947038
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.
pi_38947057
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
83660 crew  Etcetera
*pffrrrwwwt*
pi_38947134
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
pi_38947907
Ik zat je script te bekijken en idd dat mist ik ook
  Redactie Frontpage zaterdag 17 juni 2006 @ 17:36:12 #59
83660 crew  Etcetera
*pffrrrwwwt*
pi_38947997
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		<script language="javascript">

function afhandelen()

{

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;

 

}


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
pi_38948097
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		function CheckTheForm() {
    var why = "";
    why += IsEmpty(document.getElementById('Inhoud').value,'Inhoud');
    why += IsEmpty(document.getElementById('Pk').value,'Pk');
    
    if (why != "") {
       alert(why);
       return false;
    }
    else    {    return true;}
    }


function IsEmpty(string,veld) {
  var error = "";
  if (string=="") {
  var error = "Het veld "+ veld +" mag niet leeg zijn.\n";
   }
   return error;
}   
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - deel 4
Index

» digital corner

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