appel de fonction au lancement du script

Version imprimable

Bonjour,

J'aimerais faire appel à une fonction au démarrage de mon script mais ça ne marche pas. Mon navigateur IE7 m'indique une erreur de type "objet attendu". :(

J'ai donc créé une balise <a> pour faire le test et là, ça fonctionne. 8O

Voici mon code
SCRIPT

Code:

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
 
 //tableau contenant les images
var tab_img = new Array;    
 
//Images stockées dans le tableau       
tab_img[0] = 'Diapo/Novotel.jpg'
tab_img[1] = 'Diapo/LiveMoroni.jpg'
tab_img[2] = 'Diapo/KidsGuitare.jpg'
tab_img[3] = 'Diapo/LiveMoroni3.jpg'
tab_img[4] = 'Diapo/Elie.jpg'
tab_img[5] = 'Diapo/Moroni.jpg'
 
//Fonction de démarrage
fonduOuverture("div_image",6000);
 
 
//Fondu en ouverture sur la 1ère image
function fonduOuverture(DivId, millisec)
{
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
 
    changeOpac(0, DivId);
 
    //Assigne la 1ère image du tableau
    document.getElementById(DivId).style.backgroundImage = "url(" + tab_img[2] + ")"; 
 
    //Affiche progressivement l'image à l'écran
    for(i = 0; i <= 100; i++)
    { 
        setTimeout("changeOpac(" + i + ",'" + DivId+ "')",(timer * speed)); 
        timer++; 
    } 
}
 
//Fonction qui attribue l'opacité à l'objet "div_image"
function changeOpac(opacity, id) 
{
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

HTML

Code:

1
2
3
 
<div id="div_image"></div>
<a href="javascript:fonduOuverture('div_image',6000)">Changer l'image</a>

Pourriez-vous m'expliquer pourquoi la fonction fonduOuverture("div_image",6000) ne s'exécute pas au démarrage du script ?

Merci.

06/02/2008, 21h45
picwic

Salut,

Ton DIV div_image doit être placé avant l'appel à ta fonction fonduOuverture(). Est-ce bien le cas ?

Salut :)

En fait tu ne peux utiliser un élément en l'appelant via :
Code:

1 2 document.getElementById(DivId)....
Avant sa création dans le document html,essaye ceci :
Code:

1 2 3 4 5 6 <div id="div_image"></div> <script type="text/javascript"> //Fonction de démarrage fonduOuverture("div_image",6000); </script>
;)

07/02/2008, 00h55
hellspawn_ludo

Bonsoir,

Un grand merci à vous deux pour vos lumières qui m'ont permis de clôturer ma page internet.

En revanche, je pensais que le body était chargé avant tout autre élément SCRIPT, STYLE. Ce qui fait que je ne comprenais pas pourquoi ça ne fonctionnait pas.

Encore un grand merci.

Bye.

;)

pour tout ce qui est de l'exécution de script au début d'une page, place-le dans ce code :
Code:

1 2 3 4 5 6 window.onload= function() { fonduOuverture("div_image",6000); // un autre appel // un troisième appel // ... };

07/02/2008, 10h36
hellspawn_ludo

J'en prends bonne note dingoth.

Merci à vous les gars.

;)