begin process at 2010 08 01 01:45:00
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

un probléme au niveau de défilement


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

un probléme au niveau de défilement

lundi 17 mars 2008 à 16:00:15 | un probléme au niveau de défilement

alami12



Bonjour à tous,

Je rencontre un probléme au niveau de défilement à droite de 2 frames  en firefox ,
j'ai reussi avec le défilement en haut (Top)
voila ce script

</html>
<script type="text/javascript">
function Lier_Scroll( f1, f2){
  //-- Pour IE et OPERA
  if( document.frames){
    //-- Recuperation des Objets
    var O1 = document.frames[f1].document.body;
    var O2 = document.frames[f2].document.body;
    //-- Affectation directe de l'un a l'autre sur le onscroll
    O1.onscroll = function(){ O2.scrollTop = O1.scrollTop;}
    O2.onscroll = function(){ O1.scrollTop = O2.scrollTop;}
  }
  //-- Pour les autres !
  else{
    //-- Recuperation des Objets
    var O1 = document.getElementById( f1).contentWindow.document;
    var O2 = document.getElementById( f2).contentWindow.document;
    //-- Affectation directe de l'un a l'autre sur le onscroll
    O1.onscroll = function(){O2.body.scrollTop = O1.body.scrollTop;}
    O2.onscroll = function(){O1.body.scrollTop = O2.body.scrollTop;}
  }
}
</script>
<body onload = "Lier_Scroll( 'frame1','frame2');">
<p class="Style1"><a href="testcompraison.php" class="Style1">Abandonner</a></p>
<iframe id="frame1"  width="990" height="280"  src="d1.php?var1=<? echo $var1; ?>">
</iframe>
<iframe id="frame2"   width="990" height="280"  src="d2.php?var1=<? echo $var1; ?>"></iframe>
</body>
</html>


lundi 17 mars 2008 à 16:08:10 | Re : un probléme au niveau de défilement

bultez

Membre Club


Bonjour,

    dèjà vu... exactement la même question  ici ? la réponse y est

                Cordialement            Bul         [mon Site]     [M'écrire]
lundi 17 mars 2008 à 16:57:14 | Re : un probléme au niveau de défilement

alami12

merci !!
Oui c'est vari mais ici le défilement est  en haut  c'est scrollTop ,
ma question  exactement  c'est scrollLeft
je travaille sur le code ,
j'ai réussi  de faire cette fonction scrollLeft 

mais  j'arrive pas de faire l'appelle de 2 fonctions Lier_Scroll2 et  Lier_Scroll au méme temps
voila le code pour partager l'info
 merci !!!

<script type="text/javascript">
function Lier_Scroll2( f1, f2){
  //-- Pour IE et OPERA
  if( document.frames){
    //-- Recuperation des Objets
    var O1 = document.frames[f1].document.body;
    var O2 = document.frames[f2].document.body;
    //-- Affectation directe de l'un a l'autre sur le onscroll
    O1.onscroll = function(){ O2.scrollLeft = O1.scrollLeft;}
    O2.onscroll = function(){ O1.scrollLeft = O2.scrollLeft;}
  }
  //-- Pour les autres !
  else{
    //-- Recuperation des Objets
    var O1 = document.getElementById( f1).contentWindow.document;
    var O2 = document.getElementById( f2).contentWindow.document;
    //-- Affectation directe de l'un a l'autre sur le onscroll
    O1.onscroll = function(){O2.body.scrollLeft = O1.body.scrollLeft;}
    O2.onscroll = function(){O1.body.scrollLeft = O2.body.scrollLeft;}
  }
}
</script>
<script type="text/javascript">
function Lier_Scroll( f1, f2){
  //-- Pour IE et OPERA
  if( document.frames){
    //-- Recuperation des Objets
    var O1 = document.frames[f1].document.body;
    var O2 = document.frames[f2].document.body;
    //-- Affectation directe de l'un a l'autre sur le onscroll
    O1.onscroll = function(){ O2.scrollTop = O1.scrollTop;}
    O2.onscroll = function(){ O1.scrollTop = O2.scrollTop;}
  }
  //-- Pour les autres !
  else{
    //-- Recuperation des Objets
    var O1 = document.getElementById( f1).contentWindow.document;
    var O2 = document.getElementById( f2).contentWindow.document;
    //-- Affectation directe de l'un a l'autre sur le onscroll
    O1.onscroll = function(){O2.body.scrollTop = O1.body.scrollTop;}
    O2.onscroll = function(){O1.body.scrollTop = O2.body.scrollTop;}
  }
}
</script>


// voila l'appele de 2 fonctions mais ne fonction pas 
<body onload = "Lier_Scroll2( 'frame1','frame2');Lier_Scroll( 'frame1','frame2')">


mardi 18 mars 2008 à 09:26:01 | Re : un probléme au niveau de défilement

bultez

Membre Club
Réponse acceptée !


Bonjour,

>>Oui c'est vari mais ici le défilement est  en haut  c'est scrollTop ,ma question  exactement  c'est scrollLeft
    ben... suffit d'appliquer à Left ce qui est fait à Top... non ?
    exemple avec défilement des 2 dimensions ( grâce à petoleTeam ! )....

<html>
<body">
<iframe src="page.htm" name="ifrm1" id="ifrm1"></iframe>
<iframe src="page.htm" name="ifrm2" id="ifrm2"></iframe>
<script type="text/javascript">
function scrFrm(f1, f2)
{  var d1,d2;
    if ( document.frames )
            {   d1=document.frames[f1];
                d2=document.frames[f2];
                d1.document.body.onscroll = function()
                {    d2.scroll(    d1.document.body.scrollLeft, d1.document.body.scrollTop );    }   
                d2.document.body.onscroll = function()
                {    d1.scroll(    d2.document.body.scrollLeft, d2.document.body.scrollTop );    }   
            }
    else    { d1=document.getElementById(f1);
                d2=document.getElementById(f2);
                d1.contentWindow.document.onscroll=function()   
                {   d2.contentWindow.document.body.scrollTop=d1.contentWindow.document.body.scrollTop;   
                    d2.contentWindow.document.body.scrollLeft=d1.contentWindow.document.body.scrollLeft;   
                }
                d2.contentWindow.document.onscroll=function()   
                {   d1.contentWindow.document.body.scrollTop=d2.contentWindow.document.body.scrollTop;   
                    d1.contentWindow.document.body.scrollLeft=d2.contentWindow.document.body.scrollLeft;   
                }
            }
}

window.onload=function()   
{     scrFrm('ifrm1','ifrm2');    }

</script>
</body>
</html>



                Cordialement            Bul         [mon Site]     [M'écrire]
vendredi 21 mars 2008 à 17:30:22 | Re : un probléme au niveau de défilement

alami12

c'est trés bien
merci !!!
le code marche trés bien


Cette discussion est classée dans : document, body, o1, scrolltop, o2


Répondre à ce message

Sujets en rapport avec ce message

le déflement 2 frames au méme temps [ par debutantnet ] salut je voudrais savoir si c'est possible comment je peux faire le déflement 2 frames au méme temps à gauche  parce que j'ai une page a width="980" h Recuperation d'ID DE DIV [ par grandpa006 ] Bonjour,Voila je voudrais recuperer l'ID de mes DIV en meme temps que le click de la souris mais j'y arraive pas.Si une ame charitable a une idée se s Coordonnées +SCROLL [ par batmanu ] Bonjour,alors voilà, je cherche à récupérer les coordonnées de ma souris, oui mais...je voudrais aussi y ajouter la différence de scrolling de la fenê mettre des js pour recuperer une valeur de variable en fonction de la resolution ! [ par frvfrvfrvfrv ] salut aux javascripteurs !j'ai vu un script qui permet de changer un fichier css en fonction du navigateur.le voici : HTML<FONT face modifié neige en hiver [ par vollibre ] Bonjour à tousVoila j'ai decidé de mettre un peut les mains dans le cambuit :)et déja j'ai un petit soucis qui je pense dois etre tres simple a regler fond étiré et texte ajouté par dessus [ par Bestdoud ] Bonjour,J'ai essayé de mettre un fond qui s'étire dans ma page webj'avais trouvé ca:  function makeIm(){ NS4=(document.layers); IE4=(docum pb de neige qui ne tombe pas [ par Mr spud ] bonjour.....j'ai pris le code de neige en hiver feuille en automne et j'ai un message d'erreur quand je regarde la page....."objet requis"voici la lig petite question sur document.body.innerHTML [ par Bestdoud ] Bonjour,j'utilise la focntion document.body.innerHTML pour ajouter du texte dans ma page. et je me suis aperçu qu' à chaque ajout, la page était comme Script pour Safari [ par vince1303 ] Bonjour, J'utilise ce script dans un iframe pour redimensionner celle-ci en fonction de son contenu. Ca marche très bien sur IE et Firefox (PC et document.body vs document.write [ par arnaultp ] Bonjour à tous!Je n'arrive toujours pas très bien à comprendre ce que font document.body et document.write.Cela fait seulement 2 semaines que je code


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Août 2010
LMMJVSD
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,577 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales