Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1653 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Récupération du scroll

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Récupération du scroll

n°2159376
bob3335
Posté le 06-10-2012 à 01:50:21  profilanswer
 

Bonsoir,
 
Je cherche à récupérer la position du scroll en cliquant sur un HREF mais je m'arrache les cheveux, ça marche parfaitement avec un input type.. (les 2 méthodes sont dans le code à des fins de test)
 
PS: Je ne maitrise pas du tout javascript, merci de votre aide.
 
 
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <?php
  6. //if (isset($_POST['trs'])) $trs=$_POST['trs']; else $trs=0;
  7. if (isset($_GET['trs'])) $trs=$_GET['trs']; else $trs=0;
  8. echo "<script type='text/javascript'>
  9.      function Scroller()
  10.   {
  11.   window.scrollTo(0,".$trs." );
  12.   }
  13.  setTimeout('Scroller()', 50);
  14. </script>";
  15. echo "<script type='text/javascript'>
  16. function foo()
  17.  {
  18.  var trs = document.documentElement.scrollTop;
  19.  document.getElementById('trs').value = trs;
  20.  alert(trs);
  21.  }
  22. </script>";
  23. ?>
  24. <title>Nouvelle page 1</title>
  25. </head>
  26. <body>
  27. <script type="text/javascript">
  28. for(i=0;i++<25;document.write('<br/>')){}
  29. </script>
  30. <?php
  31. echo "Position : ".$trs;
  32. echo "<form action='test.php' method=\"get\">
  33. <input type='hidden' name='trs' id='trs'></input>
  34. <input type='submit' onclick=\"foo()\" value='Envoyer'></input>
  35. </form>";
  36. echo "<a id='trs' name='trs' onclick=\"foo()\" href='test.php'>ici (".$trs." )</a>";
  37. ?>
  38. <script type="text/javascript">
  39. for(i=25;i++<50;document.write('<br/>')){}
  40. </script>
  41. </body>
  42. </html>

mood
Publicité
Posté le 06-10-2012 à 01:50:21  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Récupération du scroll

 

Sujets relatifs
Automatisation -> récupération du fichier sur httpsRécupération de données dans un fichier HTML Acte III
[Résolu] Récupération d'une feuille sans contrôle sur sa pos/nom[Résolu] Récupération de la position d'un texte dans une feuille excel
Infinite scroll[resolu]Problème : récuperation de données d'un utilisateur facebook
Recupération du résultat d'une fonctionRécupération d'une date de réservation + num AI + session pseudo
Récupération de données dans un fichier HTMLRécupération de donnés multiligne
Plus de sujets relatifs à : Récupération du scroll


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR