Forum Ordinatueur ! http://forum.ordinatueur.org

OrdinatUeur.org - Bienvenue dans notre communauté...
Pour être prevenu des importantes mises à jour du forum, et de celles du site, inscrivez vous à la mailing liste :


Pour entrer sur le chat cliquez ici ou si le premier est en panne cliquez ici - Lisez les regles du chat ici !
Pour parler de foot tapez /j #om (salon partenaire). Pour atteindre ce chat sur le réseau IRC Evolu.NET, c'est /j #ordinatueur ! Bon Ch@t...

Forum Ordinatueur ! http://forum.ordinatueur.org Index du Forum -> Programmation / Développement -> javascript avec des images aléatoires
Poster un nouveau sujet  Répondre au sujet Voir le sujet précédent :: Voir le sujet suivant 
javascript avec des images aléatoires
MessagePosté le: Lun Fév 07, 2005 11:02 am Répondre en citant
Gustry
Posteur Moyen
 
Inscrit le: 07 Déc 2004
Messages: 455
Localisation: Baume Les Dames




Bonjour,
mon dernier problème technique à propros du javascript: Triste

Voici le code d'origine qui marche:
Code:

<html>

<head>
<title>Lespagnol: photographe et photographie</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body bgcolor="#660066" background="images/back.gif" text="#FFFFFF" link="#FFFF00" vlink="#FF0000" alink="#FF00FF">
<table border="0" width="760" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="190" height="1"><img border="0" src="images/vi.gif" width="190" height="1"></td>
    <td width="190" height="1"><img border="0" src="images/vi.gif" width="190" height="1"></td>
    <td width="190" height="1"><img border="0" src="images/vi.gif" width="190" height="1"></td>
    <td width="190" height="1"><img border="0" src="images/vi.gif" width="190" height="1"></td>
  </tr>
  <tr>
    <td width="190" height="135">
      <span class="menu">>Accueil<br></a>
      <a href="nb.htm" class="menu">Noir & Blanc<br></a>
      <a href="couleur.htm" class="menu">Couleurs<br></a>
      <a href="philo.htm" class="menu">Philosophie<br></a>
      <a href="book.htm" class="menu">Book<br></a>
      <a href="liens.htm" class="menu">Liens<br></a>
      <a href="cv.htm" class="menu">CV<br></a></span>
    </td>
    <td width="190" height="135"><a href=javascript:void("") OnMouseOver='chgPhoto(1)'><img border="0" src="images/vi.gif" name="p1" width="190" height="135"></a></td>
    <td width="190" height="135"><a href=javascript:void("") OnMouseOver='chgPhoto(2)'><img border="0" src="images/vi.gif" name="p2" width="190" height="135"></a></td>
    <td width="190" height="135"><img border="0" src="images/vi.gif"  name="p3" width="190" height="135"></td>
  </tr>
  <tr>
    <td width="190" height="135"><img border="0" src="images/vi.gif"  name="p4" width="190" height="135"></td>
    <td width="190" height="135">
      <p class="tit">&nbsp;Nicolas<br>&nbsp;Lespagnol<br>&nbsp;<i>photographe</i></p>
    <td width="190" height="135"><a href=javascript:void("") OnMouseOver='chgPhoto(6)'><img border="0" src="images/vi.gif" name="p6" width="190" height="135"></a></td>
    <td width="190" height="135"><img border="0" src="images/vi.gif" name="p7" width="190" height="135"></td>
  </tr>
  <tr>
    <td width="190" height="135"><a href=javascript:void("") OnMouseOver='chgPhoto(8)'><img border="0" src="images/vi.gif" name="p8" width="190" height="135"></a></td>
    <td width="190" height="135"><img border="0" src="images/vi.gif"  name="p9" width="190" height="135"></td>
    <td width="190" height="135"><img border="0" src="images/vi.gif"  name="p10" width="190" height="135"></td>
    <td width="190" height="135"><a href=javascript:void("") OnMouseOver='chgPhoto(11)'><img border="0" src="images/vi.gif" name="p11" width="190" height="135"></a></td>
  </tr>
  <tr>
    <td width="190" height="135" valign="bottom">
<a href="email.htm" class="menu">© <script language=JavaScript><!--
var time = document.fileModifiedDate;
var mois=time.substring(1,time.indexOf("/"));
var an=time.substring(time.lastIndexOf("/"));
document.write(mois+an)
// --></script> - Lespagnol</a>
    </td>
    <td width="190" height="135"><img border="0" src="images/vi.gif"  name="p13" width="190" height="135"></td>
    <td width="190" height="135"><img border="0" src="images/vi.gif"  name="p14" width="190" height="135"></td>
    <td width="190" height="135"><a href=javascript:void("") OnMouseOver='chgPhoto(15)'><img border="0" src="images/vi.gif" name="p15" width="190" height="135"></a></td>
  </tr>
</table>
</body>
</html>

<script language=JavaScript><!--
/* Vérifie si photo mémorisée */
var get = document.cookie;
var ok=get.indexOf("photo=")

if (ok<0)
   {photo = ""}
else
   {photo = get.substring((ok+6),get.indexOf("%"))}

if (photo=="") /* Aucune photo mémorisée */
/* Aucune photo mémorisée */
   {
/* Valeur aléatoire */
   var time = new Date();
   hasard = time.getSeconds()%5;

/* Choix de la photo */
   var photo=""
   if (hasard==0) {photo="bercy"}
   else if (hasard==1) {photo="auriol"}
   else if (hasard==2) {photo="blanqui"}
   else if (hasard==3) {photo="montp"}
   else {photo="pollock"};

/* Mémorisation de la photo pour 3 minutes */
   var when = new Date();
   when.setMinutes(when.getMinutes() + 3);
   document.cookie = "photo="+photo+"%; expires=" + when.toGMTString()
   }

/* Remplace les photos fixes */
chgPhoto(3)
chgPhoto(4)
chgPhoto(7)
chgPhoto(9)
chgPhoto(10)
chgPhoto(13)
chgPhoto(14)

/* Remplace la photos img */
function chgPhoto(img) {
   var photo_choisie="images/"+photo+img+".jpg"
   eval('document.images.p'+img+'.src=photo_choisie')
}
// --></script>

Donc cette page affiche un tableau avec des images qui changent toute les 3 minutes. Elle marche trs bien cette page!

Mais j'ai voulue faire une adaptation pour mon site en rajoutant des colonnes et des lignes ce qui donne ceci:
Code:

<html>
<head>
<?php
   //Appelle du fichier head.inc
include('config/head.inc');
   ?>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="800" height="600" align="center">
  <tr>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(1)'><img border="0" src="IMAGES/vi.gif" name="p1" width="133" height="100"></a></td>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(2)'><img border="0" src="IMAGES/vi.gif" name="p2" width="133" height="100"></a></td>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(3)'><img border="0" src="IMAGES/vi.gif" name="p3" width="133" height="100"></a></td>
    <td><img border="0" src="IMAGES/vi.gif"  name="p4" width="133" height="100"></td>
   <td class="centrale">Style</td>
   <td><img border="0" src="IMAGES/vi.gif"  name="p6" width="133" height="100"></td>
  </tr>
  <tr>
    <td><img border="0" src="IMAGES/vi.gif"  name="p7" width="133" height="100"></td>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(8)'><img border="0" src="IMAGES/vi.gif" name="p8" width="133" height="100"></a></td>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(9)'><img border="0" src="IMAGES/vi.gif" name="p9" width="133" height="100"></a></td>
    <td><img border="0" src="IMAGES/vi.gif" name="p10" width="133" height="100"></td>
   <td><img border="0" src="IMAGES/vi.gif" name="p11" width="133" height="100"></td>
   <td><img border="0" src="IMAGES/vi.gif" name="p12" width="133" height="100"></td>
  </tr>
  <tr>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(13)'><img border="0" src="IMAGES/vi.gif" name="p13" width="133" height="100"></a></td>
    <td><img border="0" src="IMAGES/vi.gif"  name="p14" width="133" height="100"></td>
    <td><img border="0" src="IMAGES/vi.gif"  name="p15" width="133" height="100"></td>
    <td class="centrale"><a href="revolt360.php?lang=fr">Version Française</a></td>
   <td><a href=javascript:void("") OnMouseOver='chgPhoto(17)'><img border="0" src="IMAGES/vi.gif" name="p17" width="133" height="100"></a></td>
   <td><a href=javascript:void("") OnMouseOver='chgPhoto(18)'><img border="0" src="IMAGES/vi.gif" name="p18" width="133" height="100"></a></td>
  </tr>
  <tr>
    <td class="centrale"><a href="revolt360.php?lang=en">English version</a></td>
    <td><img border="0" src="IMAGES/vi.gif"  name="p20" width="133" height="100"></td>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(21)'><img border="0" src="IMAGES/vi.gif" name="p21" width="133" height="100"></a></td>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(22)'><img border="0" src="IMAGES/vi.gif" name="p22" width="133" height="100"></a></td>
   <td><img border="0" src="IMAGES/vi.gif"  name="p23" width="133" height="100"></td>
   <td><img border="0" src="IMAGES/vi.gif"  name="p24" width="133" height="100"></td>
  </tr>
  <tr>
    <td><img border="0" src="IMAGES/vi.gif"  name="p25" width="133" height="100"></td>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(26)'><img border="0" src="IMAGES/vi.gif" name="p26" width="133" height="100"></a></td>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(27)'><img border="0" src="IMAGES/vi.gif" name="p27" width="133" height="100"></a></td>
    <td><img border="0" src="IMAGES/vi.gif" name="p28" width="133" height="100"></td>
   <td><img border="0" src="IMAGES/vi.gif" name="p29" width="133" height="100"></td>
   <td><img border="0" src="IMAGES/vi.gif" name="p30" width="133" height="100"></td>
  </tr>
  <tr>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(31)'><img border="0" src="IMAGES/vi.gif" name="p31" width="133" height="100"></a></td>
    <td><img border="0" src="IMAGES/vi.gif"  name="p32" width="133" height="100"></td>
    <td><img border="0" src="IMAGES/vi.gif"  name="p33" width="133" height="100"></td>
    <td><a href=javascript:void("") OnMouseOver='chgPhoto(34)'><img border="0" src="IMAGES/vi.gif" name="p34" width="133" height="100"></a></td>
   <td><a href=javascript:void("") OnMouseOver='chgPhoto(35)'><img border="0" src="IMAGES/vi.gif" name="p35" width="133" height="100"></a></td>
   <td><img border="0" src="IMAGES/vi.gif"  name="p36" width="133" height="100"></td></td>
  </tr>
</table>
</body>
</html>
<script language=JavaScript><!--
/* Vérifie si photo mémorisée */
var get = document.cookie;
var ok=get.indexOf("photo=")

if (ok<0)
   {photo = ""}
else
   {photo = get.substring((ok+6),get.indexOf("%"))}

if (photo=="") /* Aucune photo mémorisée */
/* Aucune photo mémorisée */
   {
/* Valeur aléatoire */
   var time = new Date();
   hasard = time.getSeconds()%12;

/* Choix de la photo */
   var photo=""
   if (hasard==0) {photo="caisse_"}
   else if (hasard==1) {photo="decollage_"}
   else if (hasard==2) {photo="drolevue_"}
   else if (hasard==3) {photo="eclairexplosionelectroli-"}
   else if (hasard==4) {photo="explosion6_"}
   else if (hasard==5) {photo="fusee4_"};
   else if (hasard==6) {photo="fuseelaser2_"};
   else if (hasard==7) {photo="grr_"};
   else if (hasard==8)  {photo="phare_"};
   else if (hasard==9) {photo="plein_"};
   else {photo="trioelectrolise"};


/* Mémorisation de la photo pour 3 minutes */
   var when = new Date();
   when.setSeconds(when.getSeconds() + 1);
   document.cookie = "photo="+photo+"%; expires=" + when.toGMTString()
   }

/* Remplace les photos fixes */
chgPhoto(1)
chgPhoto(2)
chgPhoto(3)
chgPhoto(4)
chgPhoto(5)
chgPhoto(6)
chgPhoto(7)
chgPhoto(8)
chgPhoto(9)
chgPhoto(10)
chgPhoto(11)
chgPhoto(12)
chgPhoto(13)
chgPhoto(14)
chgPhoto(15)
chgPhoto(16)
chgPhoto(17)
chgPhoto(18)
chgPhoto(19)
chgPhoto(20)
chgPhoto(21)
chgPhoto(22)
chgPhoto(23)
chgPhoto(24)
chgPhoto(25)
chgPhoto(26)
chgPhoto(27)
chgPhoto(28)
chgPhoto(29)
chgPhoto(30)
chgPhoto(31)
chgPhoto(32)
chgPhoto(33)
chgPhoto(34)
chgPhoto(35)
chgPhoto(36)

/* Remplace la photos img */
function chgPhoto(img) {
   var photo_choisie="IMAGES/"+photo+img+".jpg"
   eval('document.images.p'+img+'.src=photo_choisie')
}
function chgbackground(img) {
   var photo_choisie="IMAGES/"+photo+img+".jpg"
   eval('document.images.p'+img+'.background=photo_choisie')
}

// --></script>

Mais ca n'a pas l'air de marcher ! Pleure ou Très triste Soit j'ai des séries de photos qui ne marchent pas soit j'ai quelques images qui ne marchent pas !

Voila, et j'ai pas vue l' erreur Pleure ou Très triste

Sinon, je vous signale que le 1ere code marche avec mes images persos aussi !

Merci, mais ne vous sentez pas obliger de regarder mon code !

_________________
Gustry
Clin d'oeil
-PC Bureau : Pentium II, 350mhz, 384mo de RAM, Linux Xubuntu
-PC Serveur : Pentium II, 300mhz, 64mo de RAM, Linux Ubuntu Serveur
Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
MessagePosté le: Lun Fév 07, 2005 11:08 am Répondre en citant
nirousse
Grand Posteur
 
Inscrit le: 14 Fév 2004
Messages: 773
Localisation: Besançon




peux-tu linké les 2 pages stp !

_________________

Enjoy Yourself
Nyro
http://nyrodev.com/
http://nyrodev.info/
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
MessagePosté le: Lun Fév 07, 2005 1:07 pm Répondre en citant
Gustry
Posteur Moyen
 
Inscrit le: 07 Déc 2004
Messages: 455
Localisation: Baume Les Dames




bon, c'est bon, j'ai uploade les fichiers originals sont mon FTP, car ils étaient sur un CDrom d'un livre que j'avais acheté:
1ere fichier original:
http://membres.lycos.fr/bldfriends/Site/original/index.htm

2éme fichier modife par moi avec avec des erreurs Pleure ou Très triste :
http://membres.lycos.fr/bldfriends/Site/index.php
Voila, et merci Clin d'oeil

=>EDIT<=
Oups, je vois en fait que j'ai des fautes sur mon doc par rapport à l'iriginal !


Dernière édition par Gustry le Lun Fév 07, 2005 1:20 pm; édité 1 fois
_________________
Gustry
Clin d'oeil
-PC Bureau : Pentium II, 350mhz, 384mo de RAM, Linux Xubuntu
-PC Serveur : Pentium II, 300mhz, 64mo de RAM, Linux Ubuntu Serveur
Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
MessagePosté le: Lun Fév 07, 2005 1:20 pm Répondre en citant
nirousse
Grand Posteur
 
Inscrit le: 14 Fév 2004
Messages: 773
Localisation: Besançon




Gustry a écrit:
bon, c'est bon, j'ai uploade les fichiers originals sont mon FTP, car ils étaient sur un CDrom d'un livre que j'avais acheté:
1ere fichier original:
http://membres.lycos.fr/bldfriends/Site/original/index.htm

2éme fichier modife par moi avec avec des erreurs Pleure ou Très triste :
http://membres.lycos.fr/bldfriends/Site/index.php
Voila, et merci Clin d'oeil
La 1ère, aucune image n'est affichée...

_________________

Enjoy Yourself
Nyro
http://nyrodev.com/
http://nyrodev.info/
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
MessagePosté le: Lun Fév 07, 2005 1:36 pm Répondre en citant
Gustry
Posteur Moyen
 
Inscrit le: 07 Déc 2004
Messages: 455
Localisation: Baume Les Dames




ben je vois ca ! Pourtant j'ai transfere tous les contenus du CD ! Et chez moi ca marche en local !

Peut a-t-il mit des liens absolues ?

_________________
Gustry
Clin d'oeil
-PC Bureau : Pentium II, 350mhz, 384mo de RAM, Linux Xubuntu
-PC Serveur : Pentium II, 300mhz, 64mo de RAM, Linux Ubuntu Serveur
Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
MessagePosté le: Dim Avr 17, 2005 2:26 pm Répondre en citant
Yoka
Modérateur
 
Inscrit le: 19 Juin 2003
Messages: 3046
Localisation: Vesontio




Gustry, tu as réglé ton problème ?

_________________
Argumenter avec des imbéciles, c'est comme jouer aux échecs contre un pigeon. Peu importe votre niveau, le pigeon va juste renverser toutes les pièces, chier sur le plateau et se pavaner fièrement comme s'il avait gagné.
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
javascript avec des images aléatoires
Forum Ordinatueur ! http://forum.ordinatueur.org Index du Forum -> Programmation / Développement
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous pouvez éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
Vous ne pouvez pas joindre de fichier dans ce forum
Vous pouvez télécharger des fichiers dans ce forum
 		Toutes les heures sont au format GMT + 1 Heure  
Page 1 sur 1  
  
  
 Poster un nouveau sujet  Répondre au sujet  
Powered by phpBB© 2001-2004 phpBB Group
Theme created by Vjacheslav Trushkin
Traduction par : phpBB-fr.com