11548 sujets

JavaScript, DOM et API Web HTML5

Probleme ouverture photos

bonjour a tous, voilà mon probleme aujourd'hui c'est le site
http://www.ardennes-coticule.com/fr/moellons.php, dans firefox lorsque je clic sur les photos elle s'ouvre en pop up, mais dans IE avant la version 7 ca pose probleme, lorsque je clic sur les photos elle ne s'ouvre pas.

ya pas moyen de faire quelque chose?

merci bcp
Modifié par thanos (08 May 2007 - 12:19)
voilà désoler ...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">

function afficheVignette(cheminVignette,cheminMaxi)
	{
	document.write('<A HREF="javascript:afficheMaxi(\''+cheminMaxi+'\')"><IMG SRC="'+cheminVignette+'" HSPACE=3 V0ACE=3 BORDER=0 ALT="cliquez ici pour voir en grand"></A>');
	}
function afficheMaxi(chemin)
	{
	i1 = new Image;
	i1.src = chemin;
	html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+12,document.imageTest.height+60)"></CENTER></BODY></HTML>';
	popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=0');popupImage.document.open();
	popupImage.document.write(html);
	popupImage.document.close()
	};
</SCRIPT>
<!-- FIN DU SCRIPT -->


<script type="text/javascript" src="flashobject.js"></script>


<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="descriptioniption" content="descriptioniption"/>

<meta name="keywords" content="keywords"/> 
<meta name="author" content="author"/> 
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
<title>Ardennes-Coticule: Moellons</title>
<style type="text/css">
<!--
.Style2 {font-size: 13px}
-->
</style>
</head>

<body>



<div class="inner-container">

<div class="header">

		  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>

<body>
<div class="drp"><img src="img/4_drp.jpg" width="113" height="21" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="5,0,25,18" href="../fr/accueil.php" target="_parent" alt="Fran&#65533;ais">
<area shape="rect" coords="32,3,53,20" href="../en/home.php" target="_parent" alt="English">
<area shape="rect" coords="60,3,81,19" href="../nl/home.php" target="_parent" alt="Nederlands">
<area shape="rect" coords="89,4,111,21" href="../al/home.php" target="_parent" alt="Deutsch">
</map>		</div>

</body>
</html>

		
  </div>

		<div class="main">		

		<div class="content">			
<div class="titre_page">Moellons</div>	
		  <p><img src="img/titre02.jpg" alt="Moellons" width="500" height="100" class="image02"></p>
		  <p>Le gisement Salmien est unique au monde en ce qui concerne sa structure géologique et minéralogique. 
La caractéristique de ces MOELLONS est sa couleur, elle varie dans une palette de tons du gris bleuté au mauve violacé.
Ces MOELONS sont conditionnés sur palettes.  
Leurs dimensions varient en épaisseur de 3 à 15 cm, d'une longueur de 15 jusqu'à 30/35 cm.
Ils se présentent très brut avec une profondeur de « queue » de 15 à 30 cm ou bien en profondeur constante (sciés) de 14 cm.<br>
<br>
<span class="titre_souligne">Avantages par rapport à d'autres pierres sur le marché</span><br>

<br>
<img src="img/li.gif">&nbsp;&nbsp;&nbsp;&nbsp;Moellon prêt à la pose; chaque pierre est taillée. <br>
<br>

<img src="img/li.gif">&nbsp;&nbsp;&nbsp;Rendement par maçon (4,5 à 5m²/journée de 8h), c'est 60 à 70 % en plus par rapport à un moellon 
non taillé ! <br>
<br>


<img src="img/li.gif">&nbsp;&nbsp;&nbsp;Emballage sur palette: vous voyez ce que vous achetez. <br>
<br>

<img src="img/li.gif">&nbsp;&nbsp;&nbsp;Bonne disponibilité et productions rapide. <br>
<br>

<img src="img/li.gif">&nbsp;&nbsp;&nbsp;Couleur très attractive.</p>
		  <p>&nbsp;</p>
		  <p>Visitez notre production à <a href="http://www.viamichelin.fr/viamichelin/fra/dyn/controller/mapPerformPage?strCountry=311&strAddress=petit+sart+38c&strMerged=4990+lierneux&x=719&y=306" target="_blank">Sart-Lierneux
		  </a><br>
		    
			<br>
		    <span class="titre_souligne">Liste des prix</span><br>
		  </p>
		  
		  <table width="428" border="1">

            <tr>
              <td width="136" class="description_gris">Désignation</td>
              <td width="95" class="description_gris">Prix</td>
              <td width="175" class="description_gris">Remarques</td>
            </tr>
            <tr>
              <td class="description_jaune Style2">Moellons sciés </td>

              <td class="description_jaune Style2">55 €/m² </td>
              <td class="description_jaune Style2">sciés à 14 cm </td>
            </tr>
            <tr>
              <td class="description_jaune Style2">Moellons anglés </td>
              <td class="description_jaune Style2">55 €/mc </td>
              <td class="description_jaune Style2">2 faces à 90° </td>

            </tr>
            <tr>
              <td class="description_jaune Style2">Moellons triés </td>
               <td class="description_jaune Style2">35 €/m²</td>
              <td class="description_jaune Style2">moellons non sciés </td>
            </tr>
            <tr>

              <td class="description_jaune Style2">Dalles</td>
              <td class="description_jaune Style2">55 €/m²</td>
              <td class="description_jaune Style2">épaisseur 2 à 5 cm </td>
            </tr>
            <tr>
              <td class="description_jaune Style2">Plaquettes</td>
              <td class="description_jaune Style2">65 €/m²</td>

              <td class="description_jaune Style2">sciées à 3 cm </td>
            </tr>
            <tr>
              <td class="description_jaune Style2">Couvre-mur</td>
              <td class="description_jaune Style2">100 €/m²</td>
              <td class="description_jaune Style2">épaisseur 2 à 5 cm <br>
                et
              1 face sciée </td>

            </tr>
          </table>
		  <p><br>
		    <br>
	      </p>
		  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/1.jpg","../gallerie//1.jpg")&nbsp;
      </SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/2.jpg","../gallerie//2.jpg")&nbsp;
      </SCRIPT>
      </SCRIPT>

	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/3.jpg","../gallerie//3.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/4.jpg","../gallerie//4.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/5.jpg","../gallerie//5.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/6.jpg","../gallerie//6.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/7.jpg","../gallerie//7.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/8.jpg","../gallerie//8.jpg")&nbsp;
      </SCRIPT>

      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/9.jpg","../gallerie//9.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/10.jpg","../gallerie//10.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/11.jpg","../gallerie//11.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/12.jpg","../gallerie//12.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/13.jpg","../gallerie//13.jpg")&nbsp;
      </SCRIPT>

	   <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/14.jpg","../gallerie//14.jpg")&nbsp;
      </SCRIPT>
	   <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/15.jpg","../gallerie//15.jpg")&nbsp;
      </SCRIPT>
	   <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/16.jpg","../gallerie//16.jpg")&nbsp;
      </SCRIPT>
	<SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/17.jpg","../gallerie//17.jpg")&nbsp;
      </SCRIPT>
	   <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/18.jpg","../gallerie//18.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/19.jpg","../gallerie//19.jpg")&nbsp;
      </SCRIPT>

	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/20.jpg","../gallerie//20.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/21.jpg","../gallerie//21.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/22.jpg","../gallerie//22.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/23.jpg","../gallerie//23.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/24.jpg","../gallerie//24.jpg")&nbsp;
      </SCRIPT>
	  <SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/25.jpg","../gallerie//25.jpg")&nbsp;
      </SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
afficheVignette("../gallerie/thumbs/26.jpg","../gallerie//26.jpg")&nbsp;
      </SCRIPT>

       
		  
		  

					
		  </div>
		
		
		
		
		
	
        <div class="navigation">
		
		  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
.Style3 {font-size: 13px}

#nav {
background-color:#453445;
 color: #FFFFFF;
 padding: 2px;
 padding-left:5px;
 margin-top:0px;
 height: auto;
 width:125px;
 font-family:Geneva, Arial, Helvetica, sans-serif;
 
}
#nav a {
	font-size: 12px;
	color: #FFFFFF;
}
#nav a:link {
	text-decoration: none;
}
#nav a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#nav a:hover {
	text-decoration: none;
	color: #FFFFCC;
}



-->
</style></head>

<body>
<div id="nav"><a href="accueil.php" target="_self">Accueil</a> <br />
  <span class="Style3"><a href="pierre_a_aiguiser.php" target="_self">Pierre &agrave; aiguiser</a></span><br />
    <a href="conseils_utilisation.php" target="_self">&nbsp;&nbsp;Conseils d'utilisation</a><br />
    <a href="faq.php" target="_self">&nbsp;&nbsp;FAQ</a><br />
    <a href="moellons.php" target="_self">Moellons</a><br />

    <a href="download.php" target="_self">Download</a><br />
    <a href="contact.php" target="_self">Contact</a><br />
    <a href="boutique.php" target="_self">Boutique</a><br />
    <a href="termconditions.php" target="_self">&nbsp;&nbsp;Terms & conditions</a></div>
</body>


</html>

		</div>
        <div class="clearer"></div>
	</div>






























	<div class="footer">
<div class="adresse" id="adresse">
  <p align="center">Ardennes sprl/bvba __ B-4990 Lierneux __ Belgium
    <br>
    Tel.: 0032(0)80 418 295 __ Fax: 0032(0)80 418 294<br>
BE 0463.358.706 __ RPM Tongres </p>
</div>
		 		<span class="right">

			Product by <a href="http://www.unitegraphik.net" target="_blank">Unite Graphik</a>		</span>
			
			

		        <div class="clearer"></div>

  </div>






















</div>
</div>
</div>

</body>

</html>

Modifié par thanos (08 May 2007 - 13:41)
Dans IE 6 ca marche mais tu peux peut être supprimer le & nbsp; ? 
afficheVignette("../gallerie/thumbs/1.jpg","../gallerie//1.jpg")& nbsp;

Par ailleurs, dans la nouvelle fenetre, le chemin de l'image contient deux // 
http://www.ardennes-coticule.com/gallerie//7.jpg

Modifié par hitzerod (08 May 2007 - 14:21)
&nbsp; permet de mettre des espaces... je pense pas que c'est a cause de ca

certaine personne sous ie n'arrive pas a afficher les image en cliquant dessus
Sous IE 6, ton code fonctionne mais cette erreur est retournée
a écrit :
Erreur : 'nbsp' est indéfini


thanos a écrit :
certaine personne sous ie n'arrive pas a afficher les image en cliquant dessus

Sais-tu avec quelle version de IE ?
Modifié par hitzerod (08 May 2007 - 16:11)
Ahem... L'ensemble du script est à éliminer de toutes façons (code effroyable, contenu généré et javascript obstructif, etc). Inutile de s'attarder Smiley ravi
Modifié par Laurent Denis (08 May 2007 - 16:17)
CPascal a écrit :
ne serait ce pas du a un espace entre le & et nbsp;

euh non ça c'est moi, je n'ai pas eu la présence d'esprit de poster en remplaçant le & par l'entité équivalente et du coup... Smiley confused
Modifié par hitzerod (08 May 2007 - 16:50)
a écrit :
Laurent Denis a écrit :
Ahem... L'ensemble du script est à éliminer de toutes façons (code effroyable, contenu généré et javascript obstructif, etc). Inutile de s'attarder


si c'est pour mettre ca ne met rien ca me fait pas avancé....
donne moi une solution alors...

a écrit :
hitzerod dit:
Oui, Thanos je te suggère de jeter un oeil au tuto ici :
http://css.alsacreations.com/Tutoriels-JavaScript/

la galerie que vous tu me conseil d'aller voir n'est pas le même systeme que moi...
Modifié par thanos (08 May 2007 - 17:29)
thanos a écrit :
ya plus personne pour m'aider???

Hello,

Sous Firefox 2, ça marche.
Sous IE 6 ça marche sauf que IE évoque l'erreur dont j'ai parlé ci-dessus.

Conclusion : s'il t'es possible de confirmer la version d'IE qui ne marche pas, nous pourrons peut être avancer...
merci de me répondre.... c'est cool

en fait chez moi j'utilise ie 6 et firefox principalement...

mais ici la personne a qui appartient ce site utilise vraisemblablement une version de ie inférieur a la 6.

il me dit que lorsqu'il clique sur une photos il ne se passe rien... est ce qu'il y a moyen de contourner se probleme, p-e en vérifiant la verison du navigateur via un pti script ou quoi que je mettrai sur la page d'accueil...


merci beaucoup

a plus tard
thanos a écrit :

mais ici la personne a qui appartient ce site utilise vraisemblablement une version de ie inférieur a la 6.

vraisemblablement ? Il faut confirmer...

Ceci dit, j'avoue que si le problème est causé sous IE 5 par exemple, ça va être coton à résoudre (par moi sous entendu). Ce navigateur est quand même carrément obsolète et je ne l'ai plus depuis belle lurette...

Il faudra sans doute se tourner vers des spécialistes JS ce qui nous renvoie à l'autre problème : ton code n'est pas trés clean et est donc dur à débugger.

Conclusion : installer IE 6/7 ou mieux FF chez ton client. Smiley smile
Sujet clos
Aller à