Discussion :

[Ekimasu]

bonjour,

voiçi-une page :
http://www.michael-remy.fr/temp/amiens.htm

Elle fonctionne très bien sous IE mais pas sous Firefox.
Tout est une question de position et de taille dedans, qui sont modifiés en Javascript.

là où ça cloche, c'est que FF ne renvoti pas d'erreur pour me dire ce qui ne va pas !

Dans les 2fonctions çi-dessous, quelqu'un peut-il me dire ce qui ne fonctionne pas ou mal sous Firefox (il doit y avoir un chouilla de syntaxe à changer...):

fonction qui place la grosse boule du milieu :

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
function fixer_grosse()
    {    
    //place l'image correcte de la grosse boule    
    document.getElementById('div_centre').style.left='504px';
    document.getElementById('div_centre').style.top='228px';
    document.getElementById('img_centre').width=234;
    document.getElementById('img_centre').height=234;
 
    var i;
    var temp;
 
    temp=document.getElementById('img_centre').src;    
    for (i=1;i<=8;i++)
        {
        if (temp.lastIndexOf(item[i])!=-1)
            {
            document.getElementById('img_centre').src='gfx/amiens/boule3_'+item[i]+'.gif';            
            document.getElementById('carre_centre').background='gfx/amiens/0_'+item[i]+'.jpg';            
            }
        }
 
    }

Fonction qui place les petites boules :

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
function fixer_petite()
    {
 
    //place les images correctes des petites boules    
    // 1  //petite boule UN      
    document.getElementById('div_un').style.left='698px';
    document.getElementById('div_un').style.top='85px';
    document.getElementById('img_un').width=142;
    document.getElementById('img_un').height=142;        
    //2   ..etc         
    //3        
    //4     
    //5     
    //6     
    //7     
 
    var i;    //compteur item    
    var c;    //compteur chiffre-calque    
    var photo;    // nom ID de l'image d'un calque
    var carre;    // nom ID du TR
 
    for (c=1;c<=7;c++)
        {
        photo='img_'+chiffre[c];
        carre='carre_'+chiffre[c];
 
        temp=document.getElementById(photo).src;                
        for (i=1;i<=8;i++)
            {
            if (temp.lastIndexOf(item[i])!=-1)
                {
                document.getElementById(photo).src='gfx/amiens/boule3_'+item[i]+'.gif';    //petite image devient vide
                document.getElementById(carre).background='gfx/amiens/' + c + '_'+item[i]+'.jpg';    //petit fond devient image                
                }
            }
 
        }
 
    }

d'avance je remercie le super type qui trouvera car j'y ai passé au moins 4heures, en placant des Alert() partout pour trouver le truc ou l'endroit où ça cloche...en vain !!

[SpaceFrog]

j'ai pas regardé dasn le détail mais déja deux points à corriger :

Code :

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

1
2
3
 
document.getElementById('img_centre').style.width="234px";
    document.getElementById('img_centre').style.height="234px";

et

Code :

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

document.getElementById('carre_centre').style.backgroundImage="url('gfx/amiens/0_"+item[i]+".jpg'");