Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 01/01/2011, 18h51   #1
Invité de passage
 
Inscription : septembre 2008
Messages : 52
Détails du profil
Informations forums :
Inscription : septembre 2008
Messages : 52
Points : 2
Points : 2
Par défaut div flottant grâce au javascript

Bonsoir à tous,

j'ai un petit soucis avec un documents javascript..
Grâce a un fichier javascript que j'ai trouver sur internet, je peux permettre a mes div pub de se deplacer lorsque je scrool vers le haut et vers le bas ...

la page de test se trouve ici
dans cette exemple, je peux permettre a mon div 'pub-left' de se déplacer, mais je dois aussi ajouter le second div 'pub-right' ...

et je ne sais pas comment ajouter cette info dans le documents javascript ...
j'ai tenté

ça

Code :
1
2
3
4
5
6
7
8
//----------------------- 
function DIV_InitScroll(){ 
  //-- Recup position Objet 
  O_DivScroll  = new DIV_Scroll('pub-left','pub-right'); 
  //-- Lance inspection si existe 
  if( O_DivScroll.Obj) 
    IdTimer_2 = setInterval('DIV_CheckScroll()',100); 
}
et ça

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
//----------------------- 
function DIV_InitScroll(){ 
  //-- Recup position Objet 
  O_DivScroll  = new DIV_Scroll('pub-left'); 
  //-- Lance inspection si existe 
  if( O_DivScroll.Obj) 
    IdTimer_2 = setInterval('DIV_CheckScroll()',100); 
} 
function DIV_InitScroll(){ 
  //-- Recup position Objet 
  O_DivScroll  = new DIV_Scroll('pub-right'); 
  //-- Lance inspection si existe 
  if( O_DivScroll.Obj) 
    IdTimer_2 = setInterval('DIV_CheckScroll()',100); 
}
Mais ça ne fonctionne pas ....

pouvez vous m'aider svp ?
merci d'avance

le code complet se trouvre ici

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
//--------------------------------------------------------- 
//  Nom Document : gf_scroll_div.js 
//  Auteur       : G.Ferraz 
//  Objet        : menu flottant 
//  Creation     : 01.01.2007 
//--------------------------------------------------------- 
//  Mise à Jour  : 01.11.2007 
//--------------------------------------------------------- 
// OUTILS ///////////////////////////// 
//--------------------------------------------- 
function Add_Event( obj_, event_, func_, mode_){ 
  if( obj_.addEventListener) 
    obj_.addEventListener( event_, func_, mode_? mode_:false); 
  else 
    obj_.attachEvent( 'on'+event_, func_); 
} 
//---------------------- 
function GetScrollPage(){ 
  var Left; 
  var Top; 
  var DocRef; 
 
  if( window.innerWidth){ 
    with( window){ 
      Left   = pageXOffset; 
      Top    = pageYOffset; 
    } 
  } 
  else{ // Cas Explorer a part 
    if( document.documentElement && document.documentElement.clientWidth) 
      DocRef = document.documentElement; 
    else 
      DocRef = document.body; 
 
    with( DocRef){ 
      Left   = scrollLeft; 
      Top    = scrollTop; 
    } 
  } 
  return({top:Top, left:Left}); 
} 
//--------------------------- 
function ObjGetPosition(obj_){ 
  var PosX = 0; 
  var PosY = 0; 
  //-- suivant type en parametre 
  if( typeof(obj_)=='object') 
    var Obj  = obj_; 
  else 
    var Obj  = document.getElementById( obj_); 
  //-- Si l'objet existe 
  if( Obj){ 
    //-- Recup. Position Objet 
    PosX = Obj.offsetLeft; 
    PosY = Obj.offsetTop; 
    //-- Si propriete existe 
    if( Obj.offsetParent){ 
      //-- Tant qu'un parent existe 
      while( Obj = Obj.offsetParent){ 
        if( Obj.offsetParent){ // on ne prend pas le BODY 
          //-- Ajout position Parent 
          PosX += Obj.offsetLeft; 
          PosY += Obj.offsetTop; 
        } 
      } 
    } 
  } 
  //-- Retour des positions 
  return({left   osX, top   osY}); 
} 
//------------------------------------- 
// MENU FLOTTANT ////////////////////// 
//------------------------------------- 
var IdTimer_1; 
var IdTimer_2; 
var O_DivScroll; 
var Rapport = 1.0/20.0;  // On divise par 20 
var Mini = 2* Rapport; 
//----------------------- 
function DIV_Scroll( id_){ 
  var Obj = document.getElementById( id_); 
  this.Obj = Obj; 
  if( Obj){ 
    Obj.style.position = "absolute"; // IMPERATIF 
    //-- Recup position de depart 
    var Pos   = ObjGetPosition( id_); 
    this.PosX = Pos.left; 
    this.PosY = Pos.top; 
    this.DebX = this.PosX; 
    this.DebY = this.PosY; 
    this.NewX = 0; 
    this.NewY = 0; 
    this.Move = DIV_Deplace; 
  } 
} 
//--------------------------- 
function DIV_Deplace( x_, y_){ 
  if( arguments[0] != null){ 
    this.PosX = x_; 
//    this.Obj.style.left = parseInt(x_) +"px";// 
  } 
  if( arguments[1] != null){ 
    this.PosY = y_; 
    this.Obj.style.top  = parseInt(y_) +"px"; 
  } 
} 
//--------------------------- 
function DIV_Replace( x_, y_){ 
  //-- Calcul Delta deplacement 
  var Delta_X = (x_ -O_DivScroll.PosX) *Rapport; 
  var Delta_Y = (y_ -O_DivScroll.PosY) *Rapport; 
  //-- Test si fin deplacement 
  if((( Delta_Y < Mini)&&( Delta_Y > -Mini))&& 
     (( Delta_X < Mini)&&( Delta_X > -Mini))){ 
    clearInterval( IdTimer_1); 
    O_DivScroll.Move( x_, y_); 
  } 
  else{ 
    O_DivScroll.Move( O_DivScroll.PosX +Delta_X, O_DivScroll.PosY +Delta_Y); 
  } 
} 
//------------------------ 
function DIV_CheckScroll(){ 
  var Scroll  = GetScrollPage(); 
  //-- New position  du menu 
  O_DivScroll.NewX = Scroll.left +O_DivScroll.DebX; 
  O_DivScroll.NewY = Scroll.top  +O_DivScroll.DebY; 
  //-- Si pas la bonne Position 
  if(( O_DivScroll.PosY != O_DivScroll.NewY)||( O_DivScroll.PosX != O_DivScroll.NewX)){ 
    //-- Clear l'encours 
    clearInterval( IdTimer_1); 
    IdTimer_1 = setInterval("DIV_Replace(" + O_DivScroll.NewX +"," + O_DivScroll.NewY +")", 10); 
  } 
  return( true); 
} 
//----------------------- 
function DIV_InitScroll(){ 
  //-- Recup position Objet 
  O_DivScroll  = new DIV_Scroll('pub-left'); 
  //-- Lance inspection si existe 
  if( O_DivScroll.Obj) 
    IdTimer_2 = setInterval('DIV_CheckScroll()',100); 
} 
//======================================== 
Add_Event( window, 'load', DIV_InitScroll); 
//-- EOF --
bonne année
IVIedia est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 14h33.


 
 
 
 
Partenaires

Hébergement Web