Aller au contenu

[RESOLU] [JS] Methode JavaScript pour se déplacer dans une page


ggbce

Messages recommandés

Bonjour,

Je cherche comment faire avec JavaScript pour se déplacer dans une page web afin de positionner l'affichage sur cet item.

J'ai une page web dans laquelle j'ai plusieurs lignes (tableau de données provenant de SQL). Au début de la page j'ai un iframe dans lequel un résultat est affiché. Je veux lorsque je clique sur l'élément sélectionné que je remonte au début de la page (focuser sur mon iframe).

Une exemple similaire de quoi ma page ressemble -> http://stock.zapto.org/soft/. Ceci est ma page de logiciels. Si par exemple vous vous rendez à la fin de la page pour sélectionner XviD vous ne verrez plus le début puisque le contenu de la page est beaucoup trop long pour être affiché dans une zone respectable. Dans le fond, si je clique sur XviD je voudrais "revenir en haut"... mais je voudrais le faire avec JavaScript.

La raison dans le cas de ma page (pas celle des logiciels pour compréhension de la longueur de la page), c'est que lorsque je clique sur un élément du tableau, cela appelle une nouvelle page qui contient mon FORM dans un IFRAME au début de la page, je veux donc que l'utilisateur puisse retrouver le focus sur cette zone de l'écran pour continuer sans recharger la page et perdre les variables d'environnement.

Voici un exemple du code:

<tr>
<td width="320"><font size="-1" color="black"><a href="/section2/page1.php" target="_blank"><b>Section 2 - Page 1</b></a></font></td>
<td><img src="del.png" onclick="document.modbox.focus();window.open('docs_del.php?id=2','iframe_del','')"></td>
</tr>

J'ai essayé la méthode document.monelement.focus() mais cela ne fonctionne pas. La méthode focus permet uniquement de positionner le curseur sur l'élément mais pas l'affichage.

Lien vers le commentaire
Partager sur d’autres sites

C'est fou des fois comment on peut se répondre par nous même en écrivant !

J'ai trouvé. Il faut faire comme ceci:

<tr> 
<td width="320"><font size="-1" color="black"><a href="/section2/page1.php" target="_blank"><b>Section 2 - Page 1</b></a></font></td> 
<td><img src="del.png" onclick="location.href='#';window.open('docs_del.php?id=2','iframe_del','')"></td> 
</tr>

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×
×
  • Créer...