Rafraichissement avec un script

Version imprimable

Bonjour :)

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

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:

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 ?

:merci:

22/01/2008, 14h37
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;

... :)
22/01/2008, 14h38
titfab

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

1 2 3 ... <body onload="ShowBan()"> ...
22/01/2008, 15h27
Olivier Regnier

Citation:

Envoyé par le_chomeur

je ne vois pas le scrip d'info bulle :?
aurais tu fais une erreur ?

Code:

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

Citation:

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 ?

Citation:

<body onload="ShowBan()">

Oui mais cela ne fonctionne pas mais il doit y avoir une solution sans modifier le code de la page html.
22/01/2008, 15h45
Bezout

Citation:

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:

tableau[0] = new Array();

ca sera mieux ;)
22/01/2008, 15h48
Bezout

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

Essaye :

Code:

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

Ok ^^ je viens de comprendre ...

Code:

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:

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 ;)

22/01/2008, 15h53
Bezout

Pour info pour les infos bulles c'est plutot l'attribut title.
22/01/2008, 18h37
Olivier Regnier

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

Encore :merci:
23/01/2008, 09h30
Bezout

Au final t'as fait quoi ?

Citation:

Envoyé par Bezout

Au final t'as fait quoi ?

Tu veux le script n'est ce pas ? :mouarf:

Voici le code:

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
/* 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:

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

Voilà :mrgreen:

23/01/2008, 11h16
Bezout

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

Non et c'est normal , car elle sont insèrer entre " et " :)
23/01/2008, 11h31
Bezout

OK

Code:

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

Je croyais avoir lu

Code:

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

:aie: