Compatibilité code javascript IE7

Version imprimable

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:

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:

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:

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;
 }

04/06/2010, 15h55
SpaceFrog

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:

parseInt(mrq.style.top,10)

et il serait mieux de récupérer le offsetTop
04/06/2010, 16h29
Marie.B

Ah oui merci mon cache ne se vidait pas ! :roll:

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 ?
04/06/2010, 16h36
devyan

Citation:

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
04/06/2010, 16h44
Marie.B

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