Compatibilité code javascript IE7

**Marie.B** · 04/06/2010, 15h37

Bonjour,

J'aurais aimé avoir un peu d'aide pour comprendre pourquoi ce morceau de code ne fonctionne pas sur IE7 et version antérieur. Par contre sur Firefox opera safari et seulement IE 8 il fonctionne. Pourriez vous m'aider car je ne connais pas grand chose au javascript.

Merci d'avance

Voici le code du texte défilant :

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
 
     // pas de défilement :
     var pas=2
     // hauteur de la partie visible
     var h_fen="100px"
 
     function scrollmrq(){
     if ( parseInt(mrq.style.top) > -h_mrq )
     mrq.style.top = parseInt(mrq.style.top)-pas+"px"
     else
     mrq.style.top=parseInt(h_fen)+"px"
     }
 
     function init_mrq(){
     mrq=document.getElementById("marquee");
     fen=document.getElementById("fenetre");
     fen.onmouseover=function(){stoc=pas;pas=0};
     fen.onmouseout=function(){pas=stoc};fen.style.height=h_fen;
     h_mrq=mrq.offsetHeight;
     with(mrq.style){position="absolute";top=h_fen;}
     setInterval("scrollmrq()",100);
     }
     window.onload=init_mrq

Code :

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

1
2
3
4
5
6
 
<div id="fenetre">
	<div id="marquee">
            <p>Quisque eget turpis nibh, et tempor libero. Vestibulum nec purus ac nulla ultricies varius. In mattis ultricies ultricies. Duis et metus vitae </p>
        </div>
</div>

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
 
 #fenetre{
float :left;
margin-top: 15px; 
margin-left : 25px;
position:relative;
overflow:hidden ;
width:240px;
text-align:left;	
}
#marquee{
color:#002000;
padding:0 20px ;
/padding:0 10px ;
font-size: 11px;
list-style-type:none;
 }

**SpaceFrog** · 04/06/2010, 15h55

je viens de tester IE6 IE7 IE8 ffx et ça tourne

le seul turc que je vois qui pourrait selon moi poser souci est le paresINt tu as oublié de preciser la base

Code :

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

parseInt(mrq.style.top,10)

et il serait mieux de récupérer le offsetTop

**Marie.B** · 04/06/2010, 16h29

Ah oui merci mon cache ne se vidait pas !

Par contre j'avais une deuxième question voilà quand je désactive le javascript le contenu du texte s'affiche et le cadre se déploie. j'ai essayé de retirer la propriété css overflow:hidden mais après le script js déconne. Alors à votre avis comment faire pour fixer le bas sens que le script déconne ?

**devyan** · 04/06/2010, 16h36

Envoyé par Marie.B

...
quand je désactive le javascript le contenu du texte s'affiche et le cadre se déploie. j'ai essayé de retirer la propriété css overflow:hidden mais après le script js déconne. Alors à votre avis comment faire pour fixer le bas sens que le script déconne ?

Bonjour,

??? quel texte s'affiche ? Le code Javascript ?

Si c'est le cas, soit tu le place dans <head> soit tu utilises les commentaires pour qu'au niveau html le contenu de <script> ne soit pas affiché.

devyan

**Marie.B** · 04/06/2010, 16h44

Non c'est le texte qui défile qui se déploie entièrement quand le javascript du navigateur est désactivé

Compatibilité code javascript IE7

JavaScript

Discussions similaires

Partager

Partager