Discussion :

[hellspawn_ludo]

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.

Voici mon code
SCRIPT

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[picwic]

Salut,

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

[le_chomeur]

Salut

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById(DivId)....

Avant sa création dans le document html,essaye ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[dingoth]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[hellspawn_ludo]

J'en prends bonne note dingoth.

Merci à vous les gars.