begin process at 2012 02 13 06:44:27
  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

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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 : 4,774 sec (3)

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