Une histoire de scrollbar

**epona1** · 14/07/2011, 17h51

Bonjour

Je patouille un site tous les 6 mois, sans connaissances et en bidouillant au fil des infos trouvées sur le net : pardon d'avance pour ma nullité.

Problème : sur ma page, j'ai un petit diaporama qui défile en continu sur toute la largeur de ma page. Tout va bien, sauf que j'ai un scrollbar moche en bas de page, que bien entendu, je veux supprimer. Ce scrollbar correspond à mon diaporama, qui s'étire sans limite sur toute la largeur des logos que je fais défiler. D'après ce que j'ai trouvé sur le net, il manquerait à ma page un bidule genre Frame ou Frameset (??glurp??), que j'ai essayé d'intégrer dans ma page en recopiant des bouts de code trouvés ça et là qui n'ont pas marché (toute la page s'en va !).
Auriez-vous la solution ?

Voici le code de la page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<html xmlns="undefined">
<head>
<title>COL</title>
<Script>
 
var pic = new Array()
function banner(name, width, link){
	this.name = name
	this.width = width
	this.link = link
   }
 
pic[0] = new banner............)
 
 
var speed = 2
 
var kk = pic.length
var ii
var hhh
var nnn
var myInterval
var myPause
var mode = 0
 
 
var imgArray = new Array(kk)
var myLeft = new Array(kk)
 
for (ii=0;ii<kk;ii++){
imgArray[ii] = new Image()
imgArray[ii].src = pic[ii].name
imgArray[ii].width = pic[ii].width
 
	hhh=0 
	for (nnn=0;nnn<ii;nnn++){
		hhh=hhh+pic[nnn].width
	}
	myLeft[ii] = hhh
}
 
function ready(){
	for (ii=0;ii<kk;ii++){ 
		if (document.images[ii].complete == false){
			return false	
			break
		}
	}
return true
}
 
 
function startScrolling(){
	if (ready() == true){		
		window.clearInterval(myPause)
		myInterval = setInterval("autoScroll()",speed)	
	}
}	
 
 
function autoScroll(){
	for (ii=0;ii<kk;ii++){
		myLeft[ii] = myLeft[ii] - 1
 
	if (myLeft[ii] == -(pic[ii].width)){
		hhh = 0
		for (nnn=0;nnn<kk;nnn++){
			if (nnn!=ii){
				hhh = hhh + pic[nnn].width
			}			
		}
		myLeft[ii] =  hhh
	}
 
 
		document.images[ii].style.left = myLeft[ii]
	}
	mode = 1
}
 
myPause = setInterval("startScrolling()",3000)
</Script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
body {background-image: url(IMAGES/Fond.png);
	background-repeat: no-repeat;}
body,td,th {font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 14px;}
a:link {color: #FF9900;
	text-decoration: none;}
a:visited {color: #FF9900;
	text-decoration: none;}
a:hover {color: #FF3300;
	text-decoration: none;}
a:active {color: #FF9900;
	text-decoration: none;}
a {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;}
.Style2 {
	color: #666666;
	font-size: 10px;
	padding-left: 40px;
}
-->
</style>
<body bgcolor='#FFFFFF'>
<Script>
for (ii=0;ii<kk;ii++){
document.write('<img space=0 hspace=0 vspace=0 border=0 height=55 style=position:absolute;top:700;left:' + myLeft[ii]  + '; src=' + pic[ii].name + ' onMouseOver=stop() onMouseOut=go()></a>')
}
</Script>
 
<table width="159" height="427" border="0">
 
</table>
</body>
</html>

**RomainVALERI** · 14/07/2011, 20h20

Quelques remarques en vrac, mais qui à mon avis, n'épuisent pas le sujet

1)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function banner(name, width, link){
	this.name = name
	this.width = width
	this.link = link
   }

pic[0] = new banner('"IMAGES/CLIENTS/123sante.png" width="157" height="55"',157)

Donc, le name de l'élément, c'est... '"IMAGES/CLIENTS/123sante.png" width="157" height="55"', la largeur : 157, et... la fonction attend un troisième paramètre, qui ne cause pas d'erreur mais n'est jamais assigné. C'est bizarre, non ?

2) t'es faché avec les ";" de fin de ligne ?

3) l'indentation et le nommage des variables ne sont pas des détails. La preuve ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function autoScroll(){
	for (ii=0;ii<kk;ii++){
		myLeft[ii] = myLeft[ii] - 1
 
	if (myLeft[ii] == -(pic[ii].width)){
		hhh = 0
		for (nnn=0;nnn<kk;nnn++){
			if (nnn!=ii){
				hhh = hhh + pic[nnn].width
			}			
		}
		myLeft[ii] =  hhh
	}
 
 
		document.images[ii].style.left = myLeft[ii]
	}
	mode = 1
}

Et enfin... j'ai cherché à un moment comment tu allais réutiliser les images préparées avec pic et myLeft...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.write

J'ajoute que ces remarques n'ont pas pour but de dénigrer ou de condamner, mais de souligner des points fragiles, ne t'offusque pas, hein

Mais effectivement, il y a quelques nettoyages / rationnalisations / refactorisations à faire, en y allant progressivement à mon avis ^^

**epona1** · 15/07/2011, 00h32

Merci de te pencher sur mon cas.

Je lis tes mots avec la plus grande attention, mais...tu me parles chinois.

Le peu que je saisis :
- Pour ce qui est du link, j'ai viré volontairement des bouts de code qui figuraient sur mon modèle car je ne veux pas que l'on clique sur les visuels. J'ai essayé de virer "link" aussi dans le début du code mais le diaporama n'apparait plus dans la page. Que faire ?

- Il faut ajouter ; au bout de chaque ligne ?

- Indentation, nommage, pic, myleft....Rhhhaaaa ...Help ????!!!!????

Tout ce qui constitue ma page a été laborieusement construit en copiant des trucs à gauche et à droite au pif jusqu'à ce que ça fonctionne.
Je te fais entièrement confiance quand tu me dis que c'est glauque, et je ne demande qu'à corriger. Mais je ne sais quoi faire sur aucun des points que tu soulèves... Ich bin larguée totale. Ceci dit, quand je teste dans les navigateurs, ça marche. SAUF LE SCROLLBAR QUE JE VEUX SUPPRIMER.

Pourrais-tu me dire concrètement ce qu'il faut que j'écrive ?

**RomainVALERI** · 15/07/2011, 01h10

Aurais-tu un lien à nous donner pour pouvoir se rendre compte "sur place" ?

edit : non, c'est bon je l'ai trouvé

re-edit () : j'ai rien dit : ce que j'ai trouvé, ce n'était que l'ancien site, pas celui sur lequel on peut constater le problème technique en question... (donc je suis un

)

Bon, par contre, pas de scrollbar gênante en bas J'ai essayé la plupart des navigateurs courants, mais je n'ai pas trouvé l'erreur dont tu parles... ? Avec quel navigateur as-tu constaté le bug en question ? Tu parles de scrolling horizontal (barre en bas) ou vertical (barre à droite) ?

**epona1** · 15/07/2011, 02h27

Bon, j'ai revu ma copie.

Au départ, j'ai pompé ça pour mon scroller :http://www.fortochka.com/JavaScript/...er/default.htm

Mais j'ai essayé de tout caser sur une seule et même page et c'est pour cela que ça ne marche pas.

J'ai tout refait en suivant le mode d'emploi. Ca va mieux sauf que je voudrais que mon diaporama soit à 700 px du haut, et non pas collé en haut de page. Je n'ai pas trouvé comment le baisser. Je vais faire un gros dodo et j'essaie de te donner des liens "en vrai" demain aprèm.
Merci. Sweet dreams.

**epona1** · 16/07/2011, 18h16

<table width="1190" height="113" border="0">
<tr>
<td height="113" align="left" valign="bottom"> 
<iframe src="Scroller.htm" width="1190" height="55" frameborder="no" scrolling = "no"></iframe></td>
</tr>
</table>
</body>
</html>
[/code]

Une histoire de scrollbar

JavaScript

Vue hybride

Discussions similaires

Partager

Partager