La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Probleme Script Firefox/IE
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Probleme Script Firefox/IE  (Lu 1063 fois)
Probleme Script Firefox/IE
« sur: le 26-11-2009 a 12:48:47 »
ChloeSF
Membre récent
*

Hors-Ligne

Messages: 2





Voir le Profil
Répondre avec citation

Bonjour,

J'utilise un petit script pour gérer l'affichage au choix d'images, en faisant appel à jquery. Ca semble tellement simple ! mais je ne trouve pas l'erreur ... syntaxe ? ou pire ?
Mon script fonctionne bien sur Firefox mac/pc ... mais pas sur IE.
Je ne comprends pas d'ou vient le probleme

Mon script (visionfade.js)

Code:

// des variables pour stocker l'élément en cours d'affichage et celui que l'on voudra afficher au clic
var current;
var next;

// lorsque le document est chargé totalement
$(document).ready(function() {

// on masque toutes les divisions de classe partie (sélecteur CSS)
$("div.partie").hide();

// on choisit la division à afficher par défaut
current = $("div#ph1");

// et on la montre
current.show();

// pour chacun des liens du menu de navigation lorsqu'on clic dessus
$("div#navigation a").click(function() {

// on stocke la "cible" à afficher
next = $("div"+this.getAttribute("href"));

// on masque la zone courante et une fois ça fait (fonction "callback")
current.fadeOut(1, function() {

// on affiche la zone "cible"
current = next;
current.fadeIn(1);
});

// on finit par annuler l'action sur le lien
return false;
});
});


Ma page type

Code:

<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/visionfade.js"></script>
</head>

<div id="navigation">
<ul>
<li><a href="#ph1">premier contenu</a></li>
<li><a href="#ph2">deuxieme contenu</a></li>
<li><a href="#ph3">troisieme contenu</a></li>
</ul>
</div>

<div id='ph1' class='partie'><img src="photos/N026_02.jpg"></div>
<div id='ph2' class='partie'><img src="photos/N026_03.jpg"></div>
<div id='ph3' class='partie'><img src="photos/N026_01.jpg"></div>

</body>

-------------------------------
Merci de m'eclairer ....

Rapporter au modérateur  

Re:Probleme Script Firefox/IE
« Répondre #1 sur: le 26-11-2009 a 12:58:27 »
ChloeSF
Membre récent
*

Hors-Ligne

Messages: 2





Voir le Profil
Répondre avec citation

J'ai trouvé la solution

le code mystère est : next = $("div"+this.getAttribute("href",2));

(Pour les Mods > J'aurais bien enlevé mon post mais je sais comment faire ... merci )

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg