Discussion :

[Benduroy]

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 :/

[Jacques Beauregard]

Bonjour,

Code :

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

var position = suggestions.style.top;

Que cherches-tu à faire ici?

Le style "top" en css est prévu pour des éléments en "position:absolute".
De plus il faut préciser la valeur ?

Code :

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

var position = suggestions.style.top="50px"

[Benduroy]

Je cherchais à récupérer la valeur pour ensuite l'incrémenter de quelques pixels afin que la position change à droite et/ou à gauche. D'ailleurs oui mon code est naze car là j'ai choisi top, je ne sais pas trop pourquoi à vrai dire.