IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Changement de source avec onclick


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Novembre 2010
    Messages
    362
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2010
    Messages : 362
    Par défaut Changement de source avec onclick
    Hello tout le monde,

    Bon pour rappel je suis pas un foudre de guerre en Javascript

    Mais j'essaie quand-même de me débrouiller.

    Sur mon site j'ai à droite de l'écran une section News dans laquelle apparaissent différents articles. Pour chaque article je n'affiche que le titre. Et lors du clic sur un titre l'article apparaît.

    Ce clic ce fait sur l'image d'une flèche vers le bas. Evidemment après le clic la flèche doit apparaître dans l'autre sens. Donc vers le haut.

    Eh bien .... çà marche lol. Mais alors où est le souci me direz-vous ? Le souci vient du fait que la synchronisation n'est pas bonne.

    Mais au lieu de longues explications, je vous invite à faire le test sur mon site à l'adresse www.creditriskmanagement.be.

    Ah voici le code que j'ai réussi à écrire. Pour info à la base le code était prévu pour changer juste la source d'une image. Moi je l'ai adapté pour changer la source de plusieurs images et afficher/cacher les articles.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    var imageURL="Images/icon_flechebasIV.png";
     
    function ChangeImage(id,nom) {
     
    var Etat=document.getElementById(id).style;
     
         if (document.images) {
              if (imageURL == "Images/icon_flechebasIV.png") imageURL = "Images/icon_flechehautIV.png";
              else imageURL = "Images/icon_flechebasIV.png";
     
             document.images[nom].src = imageURL;
         }
     
    	 if (Etat.display=="" || Etat.display=="none")
    	{
    	    Etat.display = "block";
     
    	}
    	else
    	{
    	    Etat.display = "none";
    	}
     
     
    }

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    A droite ... ok ... les news... mmmmoui ... les flèches ? clicker ? non rien de tout ça ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Novembre 2010
    Messages
    362
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2010
    Messages : 362
    Par défaut
    Coucou SpaceFrog,

    Lol je n'avais pas encore uploadé les nouvelles images avec mon FTP

    Cela vient d'être fait

    En fait je vais quand-même donner un peu plus de détails.

    Si tu cliques sur un flèche alors l'article apparaît et la flèche change de sens.

    Nickel donc.

    Si tu cliques sur plusieurs flèches alors les articles apparaissent bien ... mais certaines des flèches ne changent pas de sens. En tout cas pas au premier clic.

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    ton soucis vient de ta façon de gérer avec une variable globale imageURL.

    Comme tu testes l'état de l'élément à afficher/masquer tu devrais t'en servir pour affecter une image UP ou une autre DOWN.

Discussions similaires

  1. changement d'image avec onClick
    Par rdams dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 08/09/2006, 11h36
  2. Changement d'images avec onclick ou par lien
    Par zubaran dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 25/07/2006, 22h09
  3. balise marquee, changement de sens avec javascript
    Par zubaran dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 08/04/2006, 09h54
  4. [SGBD Open-source] avec support XML ?
    Par DiGueDao dans le forum Décisions SGBD
    Réponses: 3
    Dernier message: 17/02/2006, 16h30
  5. afficher/marsquer une frame avec onclick
    Par K_!!! dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 15/09/2005, 22h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo