Bonjour à tous.

En bas de page de mes fiches produits il y a une partie suggestion sous la forme d'une DIV "produit_similaire" qui est un cadre fixe, contenant lui-même une DIV "contenu_produits_similaires" d'une taille plus importante en largeur.

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
<div id="produits_similaires">
    <div id="contenu_produits_similaires">
 
        {section name=produits loop=$PRODUITS_LIES}
            <div id="produit_similaire">
                ...
           </div>
        {/section}
 
    </div>
</div>

Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
	#produits_similaires {
		width: 100%;
		overflow-x: scroll;
		border: 1px solid lightgray;
		background-color: #FFFFFF;
	}
 
	#contenu_produits_similaires {
		width: 2000%;
		position: relative;
		left: 0;
		top: 0;
	}

Pour faire défiler mes produits j'ai pensé utiliser du javascript bien sûr en commençant premièrement à récupérer la position de l'élément "contenu_produits-similaires". Et déjà ça ne fonctionne pas:

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
	function defilerSuggestions() {
 
		var suggestions = document.getElementById('contenu_produits_similaires');
		var position = suggestions.style.top;		
		alert(position);
	}

La boite de dialogue est vide :/