Rafraichissement avec un script

**Olivier Regnier** · 22/01/2008, 14h24

Bonjour

Je ne suis pas un spécialiste du javascript. je préfère avertir

J'ai un script qui permet d'afficher des bannières, les bannières défilent correctement mais les infos-bulles ne suivent pas.

Voici le code:

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
ban_url=new Array;
ban_img_url=new Array;
ban_alt_text=new Array;
 
ban_url[0]="/cgi-bin/redirige.cgi?page=achete-openbsd42";
ban_img_url[0]="images/banniere-openbsd.gif";
ban_alt_text[0]="Acheter OpenBSD 4.2";
 
ban_url[1]="/cgi-bin/redirige.cgi?page=visiter-oreilly";
ban_img_url[1]="images/banniere-oreilly.gif";
ban_alt_text[1]="Visitez le site O'reilly.fr";
 
show=false;
 
function ShowBan()
   {
   if(!show)
      {
      nbimg=Math.round(Math.random()*(ban_url.length-1));
      document.write ('<a href="#" onClick="window.open(ban_url[nbimg],\'_blank\')"><img src="' + ban_img_url[nbimg] + '" alt="' + ban_alt_text[nbimg] + '" name=ban_pub></a>')
      show=true;
      }
   else
      {
      if(nbimg==(ban_url.length-1))
         nbimg=0;
      else
         nbimg++;
         document.ban_pub.src=ban_img_url[nbimg];
      }
   setTimeout("ShowBan()",10000);
   }
ShowBan();

Il faut rafraîchir la page pour voir les bonnes infos-bulles.

Qu'en pensez-vous ?

**le_chomeur** · 22/01/2008, 14h37

je ne vois pas le scrip d'info bulle

aurais tu fais une erreur ?

Petite précision , j'utiliserais si j'étais toi un tableau a 2 dimensions plutôt qu'un tableau pour chaque paramètre exemple :

var tableau = new Array();
tableau[0][0] = urlimg;
tableau[0][1] = url;
tableau[0][2] = description;

...

**titfab** · 22/01/2008, 14h38

As-tu testé de mettre l'appel de ta fonction dans la propriété "onload" du BODY HTML:

Code :

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

1
2
3
...
<body onload="ShowBan()">
...

**Olivier Regnier** · 22/01/2008, 15h27

Envoyé par le_chomeur

je ne vois pas le scrip d'info bulle

aurais tu fais une erreur ?

Code :

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

+ '" alt="' + ban_alt_text[nbimg]

Envoyé par le_chomeur

Petite précision , j'utiliserais si j'étais toi un tableau a 2 dimensions plutôt qu'un tableau pour chaque paramètre exemple :

var tableau = new Array();
tableau[0][0] = urlimg;
tableau[0][1] = url;
tableau[0][2] = description;

Pourquoi pas

Ce n'est pas plus compliqué de cette façon ?

Oui mais cela ne fonctionne pas mais il doit y avoir une solution sans modifier le code de la page html.

**Bezout** · 22/01/2008, 15h45

Envoyé par le_chomeur

je ne vois pas le scrip d'info bulle

aurais tu fais une erreur ?

Petite précision , j'utiliserais si j'étais toi un tableau a 2 dimensions plutôt qu'un tableau pour chaque paramètre exemple :

var tableau = new Array();
tableau[0][0] = urlimg;
tableau[0][1] = url;
tableau[0][2] = description;

...

avec

Code :

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

tableau[0] = new Array();

ca sera mieux

**Bezout** · 22/01/2008, 15h48

Le probleme est que dans tes infos bulles il y a surement des caracteres '

Essaye :

Code :

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

+ '" alt="' + ban_alt_text[nbimg].replace(/'/g, "'"))

**le_chomeur** · 22/01/2008, 15h50

Ok ^^ je viens de comprendre ...

Code :

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

1
2
 
+ '" alt="' + ban_alt_text[nbimg]

n'affichera l'information que si :
- l'image est introuvable , le texte de la balise alt remplacera celle ci
- si tu passes ton curseur sur l'image

sinon pour changer également la balise alt :

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
<script type="text/javascript">
ban_url=new Array;
ban_img_url=new Array;
ban_alt_text=new Array;
 
ban_url[0]="/cgi-bin/redirige.cgi?page=achete-openbsd42";
ban_img_url[0]="images/banniere-openbsd.gif";
ban_alt_text[0]="Acheter OpenBSD 4.2";
 
ban_url[1]="/cgi-bin/redirige.cgi?page=visiter-oreilly";
ban_img_url[1]="images/banniere-oreilly.gif";
ban_alt_text[1]="Visitez le site O'reilly.fr";
 
show=false;
 
function ShowBan()
   {
   if(!show)
      {
      nbimg=Math.round(Math.random()*(ban_url.length-1));
      document.write ('<a href="#" onClick="window.open(ban_url[nbimg],\'_blank\')"><img src="' + ban_img_url[nbimg] + '" alt="' + ban_alt_text[nbimg] + '" name=ban_pub></a>' + nbimg);
      show=true;
      }
   else
      {
      if(nbimg==(ban_url.length-1))
         nbimg=0;
      else
         nbimg++;
         document.ban_pub.src=ban_img_url[nbimg];
	document.ban_pub.alt=ban_alt_text[nbimg];
		 
      }
   setTimeout("ShowBan()",1000);
   }
ShowBan();

voila

**Bezout** · 22/01/2008, 15h53

Pour info pour les infos bulles c'est plutot l'attribut title.

**Olivier Regnier** · 22/01/2008, 18h37

Un grand merci à tous. c'est impec, tout fonctionne comme prévu.

Encore

**Bezout** · 23/01/2008, 09h30

Au final t'as fait quoi ?

**Olivier Regnier** · 23/01/2008, 10h46

Envoyé par Bezout

Au final t'as fait quoi ?

Tu veux le script n'est ce pas ?

Voici le code:

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
/* rotation de bannières */
 
/* déclarations */
ban_url=new Array;
ban_img_url=new Array;
ban_title_text=new Array;
ban_alt_text=new Array;
 
/* openbsd */
ban_url[0]="/cgi-bin/redirige.cgi?page=se-procurer-openbsd42";
ban_img_url[0]="images/banniere-openbsd.gif";
ban_alt_text[0]="Se procurer OpenBSD 4.2";
ban_title_text[0]="Se procurer OpenBSD 4.2";
 
/* oreilly */
ban_url[1]="/cgi-bin/redirige.cgi?page=visiter-oreilly";
ban_img_url[1]="images/banniere-oreilly.gif";
ban_alt_text[1]="Visitez le site O'reilly.fr";
ban_title_text[1]="Visitez le site O'reilly.fr";
 
show=false;
 
function ShowBan()
   {
   if(!show)
      {
      nbimg=Math.round(Math.random()*(ban_url.length-1));
      document.write ('<a href="#" onClick="window.open(ban_url[nbimg],\'_blank\')"><img src="' + ban_img_url[nbimg] + '" alt="' + ban_alt_text[nbimg] + '" title="' + ban_title_text[nbimg] + '" name=ban_pub></a>')
      show=true;
      }
   else
      {
      if(nbimg==(ban_url.length-1))
         nbimg=0;
      else
         nbimg++;
      document.ban_pub.src=ban_img_url[nbimg];
      document.ban_pub.alt=ban_alt_text[nbimg];
      document.ban_pub.title=ban_title_text[nbimg];
      }
   setTimeout("ShowBan()",10000);
   }
 
/* exécute automatiquement la fonction */
ShowBan();

Sans oublier l'appel du script dans la page html:

Code :

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

1
2
3
4
5
<!-- debut -->
<div id="bannieres">
 <script src="scripts/js_ban.js" type="text/javascript"></script>
</div>
<!-- fin -->

Voilà

**Bezout** · 23/01/2008, 11h16

Bizarre t'as pas eu besoin de .replace(/'/g, "'") car certaines de tes infos bulles contiennent des ' -> O'Reilly

**le_chomeur** · 23/01/2008, 11h21

Non et c'est normal , car elle sont insèrer entre " et "

**Bezout** · 23/01/2008, 11h31

OK

Code :

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

alt="' + ban_alt_text[nbimg] + '"

Je croyais avoir lu

Code :

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

alt='" + ban_alt_text[nbimg] + "'

Rafraichissement avec un script

JavaScript

Discussions similaires

Partager

Partager