AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 23 18:27:29
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Pb d'affichage [ CSS / Général ] (cosycorner)

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é 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 Mon animation flash ne se lit pas avec SWFOBJECT [ par Nixeus ] Bonjour à tous,J'ai voulu intégrer une animation swf dans ma page HTML, en passant par SWFOBJECT afin de ne pas avoir le fameux message d'avertissemen Besoin d'aide... [ par Koppa ] Bonjour tout le monde.Voici mon problème j'ai trouvé un script qui permet de faire choisir au membre le thème de son choix avec forumactif. Vous conna probleme défilement image [ par pygo ] salut a tous,j'ai un petit soucis avec un code pour faire défiler des images grace a des boutons.mon probleme est que mes images s'affichent l'une en damier intéractif et fonction random en javascript avec recherche d'url en php? [ par baudryolivier ] BonjourVoulant créer un damier intéractif j'utilise en javascript ceci :// global variable holding the machine windowvar program_window;function openS problème défilement d'images de façon aléatoire [ par jr5818 ] Bonjour,j'ai récupéré sur le net des bouts de codes afin de faire un défilement d'images aléatoires sur mon site. j'arrive à faire le défilement de la


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,203 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.