Récupération du scroll

Récupération du scroll - HTML/CSS - Programmation

Marsh Posté le 06-10-2012 à 01:50:21    

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>

Reply

Marsh Posté le 06-10-2012 à 01:50:21   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed