Pb d'affichage [Résolu]

Signaler
Messages postés
31
Date d'inscription
samedi 19 novembre 2005
Statut
Membre
Dernière intervention
18 mai 2009
-
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
-
Bonjour,
J'ai une page avec des miniatures d'images en aléatoire.
Lorsqu'on clique, ça ouvre plusieurs popups.
Mais la page d'accueil change n'est pas trouvée.
Je me demande où ça pèche.
En gras, voici là où je pense que ça débloque.
... si vous avez l'oeil aiguisé ...
Merci

voici le code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

<SCRIPT LANGUAGE="JavaScript">
/*
# ** Extention de vos fichiers Image.
# ** Le nom de vos images doivent etre du type :
# ** --> 1.jpg, 2.jpg, 3.jpg, 4.jpg, .... X.jpg
# ** --> 1.gif, 2.gif, 3.gif, 4.gif, .... X.gif
# ** --> ...
# */
var extention = ".jpg" ;
/*
# ** Nombre d'images diférentes à afficher.
# */
var nbimage = 88 ;
/*
# ** Déclaration d'autres varaibles.
# */
var url;
var rep;

function Images_Aleatoire()
{
//Génére un nombre aléatoire, pour donner un numéro d'image.
numimage = Math.round( Math.random() * ( nbimage - 1 ) + 1 );
// Nom de votre page d'accueil
Page =

 window.onclick=function()
{ window.open('1.html','w1','width=575,height=777,left=100,top=50');
   window.open('2.html','w2','width=600,height=650,left=520,top=70');
   window.open('3.html','w3','width=362,height=526,left=340,top=90');
      window.open('4.html','w4','width=509,height=490,left=458,top=40');
         window.open('5.html','w5','width=600,height=850,left=180,top=90');
            window.open('6.html','w6','width=600,height=940,left=540,top=60');
               window.open('7.html','w8','width=600,height=800,left=940,top=80');
}

// Nom du répertoire de vos images.
rep = "images";
// Message info bulle, lors du survole de l'image affichée.
alt = "--> Valérie Genet <--";
// Assemblage de la chaine pour afficher votre image.
url = './' + rep + '/' + numimage + extention ;

// Affiche l'image choisie ainsi que le lien vers votre page d'accueil.
document.write ('[' + Page + ' ]');
}
</SCRIPT>

<style type="text/css">

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#bloc1 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc2 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc3 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc4 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc5 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc6 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc7 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc8 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc9 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc9 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc10 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc11 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc12 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc13 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc14 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc15 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc16 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc17 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc18 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc19 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc20 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc21 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc22 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc23 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc24 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc25 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc26 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc27 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc28 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc29 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc30 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc31 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc32 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc33 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc34 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc35 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

#bloc36 {

padding: 0;
width: 150px;
height: 200px;
float:left;
position:relative;
background-image:inherit;
}

</style>

</head>
 
 

<script language="javascript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>

</html>

5 réponses

Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
34
Bonjour,

>>Mais la page d'accueil change n'est pas trouvée.
navré, pas compris ce que tu voulais dire

>>Page =
>>window.onclick=function()
>>{ ... puis
>>document.write ('[' + Page + ' , regarder la "console d'erreurs"
Outils / Console d'erreurs
et mieux : télécharger ]FireBug, ----
Internet
Explorer
, activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux : télécharger mon Site]     [M'écrire]
Messages postés
31
Date d'inscription
samedi 19 novembre 2005
Statut
Membre
Dernière intervention
18 mai 2009

c'est exact, merci et je raccourcirai la prochaine fois.
Meric encore
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
34
tu as mis "réponses acceptée", ce qui veut dire en fait "problème résolu"
tout baigne maintenant ?  car de nombreux intervenants ne vont plus lire,
croyant le problème résolu justement...
<hr />                Cordialement            Bul         [mon Site]     [M'écrire]
Messages postés
31
Date d'inscription
samedi 19 novembre 2005
Statut
Membre
Dernière intervention
18 mai 2009

le pb est résolu, c'était bien page qui n'était pas nommé.
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
34
si ça baigne, alors : nickel.
<hr />                Cordialement            Bul         [mon Site]     [M'écrire]