Probleme avec scrollTo in IE 6.0

Question

Bonjour

Voila plusieurs jours que je cherche a resoudre ce probleme.

J'utilise un script javascript pour mettre en couleur les mots tapes par l'utilisateur dans mon formulaire. Lorsque celui-ci tape Entree, la page est rechargee pour prendre en compte les mots cles a mettre a en couleur.
Pour plus de clarte, je souhaite que la page, une fois rechargee, 'saute' directement a l'endroit ou l'utilisateur se trouvait. J'utilise donc pour cela la fonction scrollTo(X,Y) qui utilise les variables X et Y que je passe dans l'URL.

Mon probleme? IE semble toujours 'sauter' au meme endroit sur la page (par exemple (0,233) pour une page donnee) alors q les valeurs passees a la fonction scrollTo sont justes!
Autre chose: ca marche parfaitement avec Mozilla!

Y'a-t-il un bug avec IE?

Merci pour votre aide. Voici le code:

 


function getScrollCoords()


{


// Dealths with IE 


if (document.all) {


if (!document.documentElement.scrollLeft) {


scrollX = document.body.scrollLeft;


}


else {


scrollX = document.documentElement.scrollLeft;


}


if (!document.documentElement.scrollTop) {


scrollY = document.body.scrollTop;


}


else {


scrollY = document.documentElement.scrollTop;


}


}


// All other browsers


else {


scrollX = window.pageXOffset;


scrollY = window.pageYOffset;


}


alert('Ds getScrollCoords X=' + scrollX + ' Y=' + scrollY);


}


 


function setScrollPosition()


{


var coordIndex = window.location.href.indexOf('&xy=');


// check if there are scroll coord


if(coordIndex>0){


var coords = ( window.location.href.indexOf('&xy=') + 1 ) ? window.location.href.substr(window.location.href.indexOf('&xy=') + 4) : ""; 


xy = coords.split(',');


window.scrollTo(Number(xy[0]),Number(xy[1]));


alert('Ds setScrollPosition: X=' + xy[0] + ' Y=' + xy[1]);


}


else {


// do nothing


return true;


}


}

chimelpremier · Answer

Utiliser des ancres nomm&#233;es ne serai pas plus simple?

fifoooo · Answer

Je comprends ta solution mais ce n'est pas ce q je recherche.
En effet tu peux etre au milieu d'un paragraphe et ce q je veux c rester au mm endroit. Et puis comment savoir quelle ancre est la plus proche de tte facon si je voulais utiliser ton idee?

Merci qd mm

chimelpremier · Answer

si c'est IE qui cloche !
Je pense que !document.documentElement.scrollLeft ne te donnera pas forc&#233;ment le bon branchement si le scroll est &#224; 0.
Je pr&#233;f&#232;re modifier comme ceci : 


// Dealths with IE 
dtd= document.compatMode=="CSS1Compat"?1:0;// d&#233;tection dtd correct
if (document.all) {
if (!dtd) {
scrollX = document.body.scrollLeft; ...

chimelpremier · Answer

Tu doit avoir en d&#233;but de ta page un doctype avec une DTD pointant sur le site
 du W3c. C'est tr&#233;s bien, IE6 et Op&#233;ra 7 (document.all) respectent mieux les 
standards. J'ai une formule encore plus simple :


if (!document.documentElement.width) {


scrollY = document.body.scrollTop;


}

document.documentElement.width aura toujours une valeur sup&#233;rieur &#224; 100, car IE n'accepte pas que la fen&#234;tre soit plus petite.

fifoooo · Answer

Merci bcp pour ta reponse mais je dois malheureusement conclure q ca ne marche toujours pas!

J'ai ajoute la dtd et modifier mon code comme suit mais rien a faire :
var dtd ( document.compatMode "CSS1Compat") ? 1 : 0 ;   
 if (document.all) {
        if (!dtd) {
             scrollX = document.body.scrollLeft;
        }
       else {
          scrollX = document.documentElement.scrollLeft;
       }


        if (!dtd) {
          scrollY = document.body.scrollTop;
        }
        else {
          scrollY = document.documentElement.scrollTop;
        }
}   

Ta reponse semblait plus orientee sur le scrollX q sur Y donc je me suis peut etre mal fait comprendre mais c bel et bien le scroll vertical qui cloche!

Merci encore pour ta reponse.

chimelpremier · Answer

le test le test doit &#234;tre lanc&#233; en fin de chargement ou par "onload"
un exemple :
http://www.javascriptfr.com/code.aspx?id=26931

fifoooo · Answer

Oui, c'est ce que je fais, mais rien a faire!

chimelpremier · Answer

Il y a forc&#233;ment une erreur, Tu n'aurai pas une url avec la page enti&#232;re, montre le source complet ici

Probleme avec scrollTo in IE 6.0

8 réponses

Votre réponse

Discussions similaires