Soucis bouton "précedent" du navigateur et ancre de lien

Marsh Posté le 21-08-2014 à 16:33:02

Bonjour à tous,

Je suis face a un comportement étrange d 'un des sites que j'heberge, et je ne comprends pas bien ce qui se passe. Je ne sais pas si c 'est un bug mais voici le contexte.

J'ai une page qui contient 2 table .
un petit en haut de page
et un grand en bas de page.

Il s 'agit d 'un site d 'immobilier, et en cliquant sur une des lignes du petit tableau, on arrive au bon endroit dans le grand tableau . ca se fait grace a un systeme d' ancre.
Ensuite en cliquant sur une ligne du grand tableau on arrive sur la page du bien immobilier.

Pas de soucis jusque ici

Par contre une fois arrivé sur le bien immobilier, en faisant "précédent" dans le navigateur on arrive bien sur la page précédente, qui contient bien #ancre dans l'url et donc ca scroll vers le bas de la page sur le grand tableau. MAIS hop ca recharge la page qu'on vient de quitter, et on retourne sur la page du bien!! c 'est un peu wtf, je ne comprends pas d 'ou ca sort.

Voici l'url pour que vous puissiez tester ca par vous meme :

http://bastide-immobilier.fr/e_age [...] eux-lille/

dans le tableau "type de biens disponible" en haut de pages, cliquez sur T2, ca va scroller en bas de page . choisissez un des T2, ca va charger une nouvelle pages, et faites précédent... ne touchez plus a rien et vous aller revenir sur la page du T2.

Une idée d 'ou ca vient?

j'ai rendu l'ensemble de la ligne du tableau cliquable avec du javascript, je pense que le soucis vient d 'ici, et que le DOM a gardé en méméoire l'instruction de redirection vers la page du bien. comment lui purger la mémoire ?

Reply

Marsh Posté le 21-08-2014 à 16:33:02

Reply

Marsh Posté le 21-08-2014 à 17:01:58

tu peux nous montrer le code qui te permet de générer ce tableau ?

et pitié : retaille tes image : réduis la taille et passe les à un optimiseur . Presque 8 Mo sur une page, c'est bien trop

Message édité par flo850 le 21-08-2014 à 17:02:10

---------------

Reply

Marsh Posté le 21-08-2014 à 17:16:12

Merci pour ta réponse,

En effet je dois alléger les images, cela dit la page charge vite (sans le carousel) ce qui est le plus important pour le moment. (c'est deja compressé, amis en png, faudrait passer en jpg pour gagner en taille)

Au niveau code :

le tableau du haut

Code :

$tablhtml = '<TABLE><thead> <TR><TH>Type de bien</TH><TH>Surface</TH><TH>Prix</TH><TH></TH></TR></thead><tbody> ';

puis dans un while :

Code :

$tablhtml .= "<tr style=\"cursor:pointer\" onclick=\"document.location.href='#goto".get_sub_field('type_de_bien')."1'\" >".
"<TD>".get_sub_field('type_de_bien')."</TD>".
"<TD>".get_sub_field('tranche_de_surface')."</TD>".
"<TD>".get_sub_field('tranche_de_prix')."</TD>".
"<TD><a href="."#goto".get_sub_field('type_de_bien')."1>Voir les détails</a></TD>".
"</TR>";

le tableau du bas:

Code :

$tablhtml = <TABLE><thead> <TR><TH>Type de bien</TH><TH>Surface</TH><TH>Etage</TH><TH>Terrasse</TH><TH>Référence</TH><TH></TH></TR></thead><tbody> ';

et dans la loop :

Code :

$tablhtml .= "<TR style=\"cursor:pointer\" onclick=\"document.location.href='".get_permalink($the_id)."'\" class='vendu".get_post_meta($the_id, 'estate_status', TRUE)."' id='".$tmp_appart.$prems."'>";
$tablhtml .= "<TD><span class=\"goto\"id=\"goto".$tmp_appart.$prems."\">   </span>";
$tmp_appart .= ((get_post_meta($the_id, 'estate_status', TRUE) != "1" ) ? "" : " (VENDU)" );
$tablhtml .= $tmp_appart."</TD>".
"<TD>".get_post_meta($the_id, 'estate_area', TRUE).((get_post_meta($the_id, 'estate_area', TRUE) != "" ) ? " m²" : "" )."</TD>".
"<TD>".get_post_meta($the_id, 'estate_Etage', TRUE).((get_post_meta($the_id, 'estate_Etage', TRUE) != "" ) ? "" : "" )."</TD>".
"<TD>".get_post_meta($the_id, 'estate_Terrasse', TRUE)."</TD>".
"<TD>".get_post_meta($the_id, 'estate_reference', TRUE)."</TD>".
"<TD><a id=\"".$the_id."\"href=".get_permalink($the_id).">Voir le bien</a></TD>".
"</TR>";
}
$tablhtml .= "</tbody></TABLE>";

A mon avis, ca doit venir du onclik du TR du second tableau? qu'en penses tu?

Reply

Marsh Posté le 21-08-2014 à 19:16:41

J'ai viré le onclick du second tableau, et je n'ai plus ce soucis.. j'ai mis des <a> dans chaque case plutot qu'un onclick sur le tr... ca fonctionne, c 'est pas top niveau ergonomie puisqu'il faut cliquer sur les texte et plus n'importe ou sur la ligne, mais au moins il n 'y a plus ce comportement étrange.

Reply

Soucis bouton "précedent" du navigateur et ancre de lien

Sujets relatifs:

Leave a Replay