problème Javascript sous safari

problème Javascript sous safari - HTML/CSS - Programmation

Marsh Posté le 30-01-2014 à 02:07:37    

Bonsoir,
 
J'ai un problème avec mon script, il fonctionne parfaitement sous Chrome et firefox et pas sous safari.
Je vous fais donc part de mon code javascript et html en espérant trouver une solution.
 

Code :
  1. <html>
  3. <ul id="navSec">
  4.      <a id="navorange" href="#paysage">Paysage</a>
  5.      <a id="navbleu" href="#museographie">Museographie</a>
  6.      <a id="navviolet" href="#portrait">Portrait</a>
  7. </ul>
  9. </html>
  12. <script type="text/javascript">
  14.             var category1,
  15.             category2,
  16.             category3,
  17.             posYcategory1,
  18.             posYcategory2,
  19.             posYcategory3,
  20.             navviolet,
  21.             navbleu,
  22.             navorange,
  23.             posY;
  25.         function init() {
  26.             category1=document.getElementById('paysage');
  27.             category2=document.getElementById('museographie');
  28.             category3=document.getElementById('portrait');
  29.             navorange=document.getElementById('navorange');
  30.             navviolet=document.getElementById('navviolet');
  31.             navbleu=document.getElementById('navbleu');
  32.             posYcategory1=category1.offsetTop;
  33.             posYcategory2=category2.offsetTop;
  34.             posYcategory3=category3.offsetTop;
  35.            
  36.             window.onscroll = couleurmenu;       
  37.         }
  39.         function couleurmenu() {
  40.             posY=document.documentElement.scrollTop;
  41.             console.log(posY, posYcategory1, posYcategory2, posYcategory3);
  42.             if(posY>=posYcategory1){
  43.                 navorange.style.color="#E00";
  44.                 navbleu.style.color="#333";
  45.                 navviolet.style.color="#333"; 
  46.             }
  47.             if (posY>=posYcategory2){
  48.                 navbleu.style.color="#0E0";
  49.                 navorange.style.color="#333";
  50.                 navviolet.style.color="#333";
  51.             }
  52.             if (posY>=posYcategory3){
  53.                 navviolet.style.color="#00E";
  54.                 navbleu.style.color="#333";
  55.             }
  56.         }
  58. </script>


 
Merci d'avance de votre aide

Reply

Marsh Posté le 30-01-2014 à 02:07:37   

Reply

Marsh Posté le 30-01-2014 à 09:26:04    

scrollTop c'est spécifique à IE, pour les autres c'est window.pageYOffset de souvenir.

Reply

Marsh Posté le 30-01-2014 à 12:01:50    

Merci beaucoup de votre aide, Tout fonctionne!

Reply

Sujets relatifs:

Leave a Replay

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