[Débutant] Taille d'un element

**Walm** · 24/06/2007, 02h54

Bonjour,
je tente de coder de mes petites mimines une sorte d'album d'images dynamiques (le nom des miniatures et des images sont en base de données).
J'ai donc un élement div qui me sert de container des miniature.
Le code marche niquel sous Firefox, mais sous IE, la barre (le container) n'a pas de scrollbar, elle sera aussi longue qu'il y aura d'images...
Pour que vous puissiez voir ce vos propres yeux, voici l'url en question:
http://walmworld.fr/mem/Megacity.php

J'ai essayé de mettre l'ensemble (tout est fait en tableaux) avec des tailles fixes, et des %, mais rien n'y fait...

Voici le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<table width="100%" border="0">
          <tr>
            <td><table width="700" border="0" align="center">
              <tr>
                <td><span class="Style4" id="idGauche" onMouseOver="scroll(this)" onMouseOut="stopScroll(this)"><img src="pictures/flechegauche_bandeau.gif" alt="" /></span></td>
                <td width="700"><div id="idConteneur"></div></td>
                <td><span class="btOut" id="idDroite" onMouseOver="scroll(this)" onMouseOut="stopScroll(this)"><img src="pictures/flechedroite_bandeau.gif" alt="" /></span></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td><div align="center">
              <p><a href="#" id="imgLibelle" style="text-decoration: none;"></a></p>
              <p><img src="pictures/Megacity/1280x1024/screenshot_38.bmp" width="90%" id="imgUtilisateur"></p>
              <p>&nbsp;</p>
            </div></td>
          </tr>
        </table>

Et donc pour la construction du diaporama:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
function diaporama()
{ 
	var i, elmt, c;
 
	c = document.getElementById("idConteneur");
	c.className = "conteneurH";
	elmt = document.createElement("nobr"); //ajout de la balise nobr pour éviter un retour à la ligne
	c.appendChild(elmt);
	c = elmt;
 
	for (i=0; i<mesImages.length; i++)
	{
		elmt = document.createElement("img");
		elmt.id = "idImage"+this.i;
		elmt.src = "pictures/Megacity/miniature/"+mesImages[i]+".gif";
		elmt.className = "horizontal";
		elmt.param = mesImages[i];
		elmt.param2 = mesLibelles[i];
 
		elmt.onclick = function() { 
			// met a jour l'image
			var pic = this.param;
			var element = document.getElementById("imgUtilisateur");
			element.src = "pictures/Megacity/1280x1024/"+pic+".bmp";
			// met a jour le texte
			libelle = document.getElementById('imgLibelle');
			libelle.innerHTML=this.param2;	
		}			
   	c.appendChild(elmt);   
 }
}

J'aimerais donc avoir le même comportement sous IE que l'affichage sous Firefox.

Merci d'avance pour votre aide!

**bigboomshakala** · 25/06/2007, 15h35

en ouvrant la page sous IE (après un très long chargement des images), j'ai une erreur javascript "gna gna ligne 315 : ')' manquant"

**Walm** · 25/06/2007, 21h01

Bonjour,
merci pour votre aide...
Ligne 315 j'ai:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td width="700"><div id="idConteneur"></div></td>

Je débute donc désolé pour cette nouvelle question^^:
Cette message d'erreur signifie qu'il manque une parenthese dans l'une des fonction tuilisant le idConteneur, right?

Pour complément d'info, la fonction diaporama() décrite plus haut est appelée dans la balise body:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<body onLoad="diaporama();MM_preloadImages('pictures/buttons/0/index_over.gif','pictures/buttons/0/part1_over.gif')">
...

EDIT: désolé si la page est un peu lente, en attendant que le code soit fini, j'heberge ces pages sur un serveur @home

[Débutant] Taille d'un element

JavaScript

Discussions similaires

Partager

Partager