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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  problème Javascript sous safari

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

problème Javascript sous safari

n°2218085
vivienn
Posté le 30-01-2014 à 02:07:37  profilanswer
 

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


 
Merci d'avance de votre aide

mood
Publicité
Posté le 30-01-2014 à 02:07:37  profilanswer
 

n°2218092
MaybeEijOr​Not
but someone at least
Posté le 30-01-2014 à 09:26:04  profilanswer
 

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

n°2218127
vivienn
Posté le 30-01-2014 à 12:01:50  profilanswer
 

Merci beaucoup de votre aide, Tout fonctionne!


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

  problème Javascript sous safari

 

Sujets relatifs
[RESOLU][ PHP / Probleme ] unexpected end of filejavascript : window.onerror lire le code jetant une erreur
Tout les x secondes/exécuter javascript et mise a jour valuefaire lien vers un html en javascript, en clickant sur une forme
question fermeture fenêtre (javascript-html)probleme de taille d'un tableau excel envoyé par mail
Problème de between sans datetimeProblème d'analyse
[Javascript]Détecter la mise en favoris/marque-pageProbleme javascript avec safari
Plus de sujets relatifs à : problème Javascript sous safari


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