Discussion :

[val_lala]

Bonjour,

Je vais essayer d'expliquer clairement mon problème ce qui n'est pas chose facile!

Voila, j'ai réalisé un site 'catalogue' qui est composé de 2 sortes de page.
Une page très très longue qui présente plein de miniatures de produit.
Et lorsque l'on clique sur un des produits on arrive sur une deuxième page qui présente plus précisément le produit.

Alors voila mon problème lorsque l'on est sur la deuxième pages et que l'on appui sur le bouton précédent du navigateur (et que donc on revient sur la page qui est longue), on revient en haut de la page.

Moi je souhaiterai que l'on se retrouve au niveau de la ou on a cliquer dans la longue page.

Pas facile a expliquer!

J'ai fait de nombreux test et rien de ce que je constate n'est logique, donc je me permet de demander de l'aide car je ne sais plus quoi faire!!

Pour illustrer ma question voici un exemple :
http://www.laredoute.fr/
si on clique sur so'home (par exemple) et sur le navigateur on clique sur 'précédent' il nous met au bon niveau (au niveau de so'home)

Merci d'avance

Valérie

[darkstar123456]

Hmmm normalement, cela dépend du navigateur uniquement...

J'ai testé avec Firefox et IE7 et ça marche comme tu le voudrais... (ou alors j'ai tout simplement pas compris )

[val_lala]

mm! non! pas si simple!
(Mais si! si! tu as compris !)

Sur un fichier test tout bête sur mon ordi ça marche sous Mozilla, mais sous IE6.

Mais sur un site complet avec gavé de div, session et tout le tralala, ça ne marche plus non plus sous Mozilla!!

Donc j'imagine qu'il y a une façon de dire au navigateur d'aller a un niveau précis? Mais alors je ne vois pas du tout comment!!!

D'autant plus que si tu regardes sur la redoute par ex il y a un petit temps d'attente avant qu'il place la page au bon niveau, et en plus ça fonctionne même sans Javascript!! Et sous IE6!!

Comment font-ils!!??

[julien.63]

J'ai testé avec Firefox et IE7 et ça marche comme tu le voudrais...

moi aussi ça fonctionne avec FF.
Mais justement ça ne fonctionne pas sur le site de val_lala.
J'ai essayé de chercher un peu sur le net si il existait une solution à ce problème mais je n'ai rien trouvé. ça fonctionne également sur ce forum alors la réponse ne doit pas être bien loin...

[darkstar123456]

hmmm vraiment étrange.... tu pourrais donner l'URL de ton site qu'on puisse tester de nos petits yeux ?

Je me demande si ça ne vient pas d'un problème HTML tout bêtement... mais je trouve ça très étrange

[val_lala]

Malheureusement, je ne peux pas il n'est pas encore en ligne. (J'ai des soucis également pour transférer un nom de domaine chez notre futur hébergeur.)

Bon j'ai refait mon test : chez moi sur un fichier hyper con.
des div empilés les uns sur les autre ça fonctionne.

Mais en faite mes div sont dans un grand-div avec un ascenseur!
Du coup : mozilla pas de prob (sur le fichier test, pas sur le site final)
IE6 : ça ne marche pas!

Tu crois que c'est mort à cause de cet ascenseur? Il doit bien y avoir moyen de faire quelque chose???

[darkstar123456]

hmmm oui j'crois que c'est mort à cause de ça... :s

[val_lala]

ouha!

Non c'est pas une réponse ça!!! je peux pas croire que c'est impossible...
Je vais essayer de trouver un site qui est dans le même cas!!

En tout cas merci quand même d'avoir passé du temps à ma répondre!

Valérie

[julien.63]

je reste à l'écoute d'une éventuelle solution car en fait j'ai le même souci sur mes sites

[darkstar123456]

ouha!

Non c'est pas une réponse ça!!! je peux pas croire que c'est impossible...

Le monde du web est un monde cruel !


Sinon il existerait une solution mais pas vraiment "user friendly". Il s'agit en fait de l'utilisation d'ancres sur la page.

Explications :

Tu as ta première page avec plein plein de produits. Je suppose que chaque produit à un titre (au moins son nom ^^), chaque nom est entouré d'un lien "ancre" comme ceci :

Code html :

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

1
2
 
<a name="#produit_46">Produit 46</a>

Sur ta page de description du produit tu construit ton lien "retour" de cette façon :

Code html :

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

1
2
 
<a href="ma_page_precedente.php">retour</a>

Sachant que tu connais forcément le nom de ton produit, si tu construit tes ancres de manière logique, il serait très simple de faire ça en PHP

EXEMPLE :
pour l'ancre, le plus simple est d'y mettre le nom du produit. L'embêtant sont les espaces. Il suffit dès lors de créer une fonction remplace les espaces par des underscores par exemple

Code php :

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

1
2
3
4
5
6
7
8
9
 
function makeAncre($string) {
   return str_replace("_", " ", $string)
}
 
// utilisation (attention je condense un peu ce dont on s'en fou :p)
while( $requete = mysql_fetch_assoc(mysql_query("...")) ) {
   echo '<p><a name="'.makeAncre($requete['nom_produit']).'">'.$requete['nom_produit'].'</a></p>';
}

et pour ton lien retour :

Code php :

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

1
2
3
4
5
6
 
$requete = mysql_fetch_assoc(mysql_query("... WHERE id = '".$_GET["id"]."'"));
 
// ta description et tout ton blabla, car je suppose que le lien Retour est en bas :D
 
echo '<p><a href="produits.php#'.makeAncre($requete['nom_produit']).'">Retour</a></p>';

PS : Tiens-moi au courant

[Lancelot du Lac]

Je peux apporter un élément de réponse, mais je ne suis pas sûr qu'il soit pertinent ici:

Avec mon site, j'ai remarqué que l'ajustement automatique de la position des barres de scrolls lors d'un back ou d'un refresh se fait uniquement si la barre de scroll se trouve au niveau de l'élément html. C'est le cas par défaut avec tous les navigateurs que je connais.

Mais, si les barres de scroll se trouvent au niveau d'un quelconque sous-élément, alors l'ajustement automatique n'a pas lieu.

Bref, vérifier si la propriété CSS overflow n'aurait pas été utilisée pour déplacer les barres de scoll de l'élément html vers un élément de niveau inférieur de la page.

[darkstar123456]

D'après ce que j'ai compris c'est justement ça, ils utilisent tous les deux un overflow: scroll dans la mise en page