begin process at 2012 05 29 14:42:28
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Pb d'affichage

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Pb d'affichage

jeudi 24 juillet 2008 à 14:15:52 | Pb d'affichage

cosycorner
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 ('<a href="' + Page + '"><img src="' + url + '" alt="' + alt + '" border=0></a>');
}
</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>
 <body>
 

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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

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


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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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



</body>

</html>
jeudi 24 juillet 2008 à 15:20:45 | Re : Pb d'affichage

bultez

Membre Club
Réponse acceptée !

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 ('<a href="' + Page + '"><img
c'est sûr que ça ne fonctionne pas.
page doit être un nom de page.

2 remarques ?
__ pourquoi nous mettre tout le CSS ? tu as un doute
sur le fait que ce serait ça qui ferait planter ?
__ div id="block1" à div id="block36", avec chacun son ( même secript )
tu aurais pu faire une ch'tiote boucle... tu crois pas ?

et enfin :
FireFox
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 le Debogger IE
      voir aussi : DebugBar et Companion JS
K-Meleon
regarder la "console d'erreurs"
Outils / Console d'erreurs
Opera
regarder la "console d'erreurs"
Outils / Avancé / Console d'erreurs
Safari
regarder Debug / Show JavaScript Console
 ° modifier Fichier Preferences.plist  situé dans le
 répertoire : Support:\Documents and Settings\utilisateur
                \Application Data\Apple Computer\Safari\
   y ajouter    <key>IncludeDebugMenu</key>
                <true/>



                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 24 juillet 2008 à 15:25:55 | Re : Pb d'affichage

cosycorner
c'est exact, merci et je raccourcirai la prochaine fois.
Meric encore
jeudi 24 juillet 2008 à 15:32:17 | Re : Pb d'affichage

bultez

Membre Club
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...
                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 24 juillet 2008 à 15:48:58 | Re : Pb d'affichage

cosycorner
le pb est résolu, c'était bien page qui n'était pas nommé.
jeudi 24 juillet 2008 à 16:09:22 | Re : Pb d'affichage

bultez

Membre Club
si ça baigne, alors : nickel.
                Cordialement            Bul         [mon Site]     [M'écrire]


Cette discussion est classée dans : images, image, width, left, height

Répondre à ce message

Sujets en rapport avec ce message

Dimension d'une image JS [ par superpaolo ] Je débute en javascript et je n'arrive pas à connaitre les dimensions d'une image (HEIGHT et WIDTH) à partir de son nom.monimage.height ?monimage.widt Je n'y comprend rien > réduction d'image [ par RazielReaver ] salut a tousJe suis en train de préparé une petite appli javascript et php (dont je mettrais le source ici promis) qui scanne les repertoires de sa ra ajout fonction scroll [ par claudy03 ] Voilà, j'ai trouvé le script javascript  qui suitdans le head :function resizePopUp(monImage, monTitre)    {   &nbsp Problème CSS [ par pcmanprogrammeur ] Bonjour !!!J'ai un problème en CSS. Voici mon code :#contenu{ width:680px; height:560px; margin-top:0px; margin-left:0px; overflow:auto; float:left; p Firefox & mon_image.height ou mon_image.width [ par kcin ] Bonjour tout le mondeDans le développement d'une mini galerie de photos, j'ai une fonction JS qui récupère la hauteur et la largeur de l'image physiqu Problème pop-up Internet Explorer [ par qwhat ] Bonjour,J'ai pas mal cherché, mais je ne trouve pas pourquoi mon popup ne fonctionne pas sur IE. C'est un popup qui doit se redimensionner automatique Bug Firefox recuperation de la taille de l'image [ par malkomad ] Bonjour a tous, Je développe une site de type galerie, et j'ai un pb sous firefox ( uniquement ) lorsque je souhaite récupérer la taille de l'image e Ajouter des légendes aux images d'un diaporama [ par idamarco ] Bonjour à tous, J'ai trouvé un diaporama en CSS. Il affiche des vignettes qui, quand on passe la souris dessus, affiche sur le coté l'image en grand. Diviser image en 2 images [ par nash101 ] slt ts lmond, on me demande de diviser une image en 2 ou plusiers images (2 ou plusiers fichiers) et je ne sai pas par koi commencé. LE probleme c'es Alterner deux images [ par CyricFirehands ] Bonjour, Je suis en train de coder un site internet, pour mon petit plaisir, or en essayant de coder une fonction Javascript, je me heurte a quelques


Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy S
Entre 529€ et 529€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Underwater
Photo Baum im Gegenlicht 

Visiter la photothèque

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 5,086 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)