begin process at 2012 05 29 00:08:13
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

changer plusieurs images


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

changer plusieurs images

lundi 1 décembre 2008 à 11:04:37 | changer plusieurs images

GACOBIALN

Membre Club

Bonjour.
Je vais tenter d'être clair ...
Le résultat que je compte obtenir :
- Sur une page, une série de liens; chaque lien est constitué d'une flèche bleue.
- Au clic sur le lien, une page, chaque fois différente bien sûr, s'ouvre dans une autre FRAME (appelée ici "repertoire" et la flèche passe au rouge.
- Un autre clic sur une autre lien : toutes les flèches reviennent au bleu sauf celle qui vient d'être cliquée, qui passe au rouge.

Ce que j'ai fait (fonctionne très bien mais est la preuve d'un amateurisme peu éclairé) :
(Ces instructions concernent mon premier lien, puis elles sont répétées pour toutes les images suivantes !)
<a target="repertoire" href="nouvellepage.htm" onclick="dessin1.src='../img/flecherouge.gif';dessin2.src='../img/flechebleue.gif';dessin3.src='../img/flechebleue.gif';dessin4.src='../img/flechebleue.gif';dessin5.src='../img/flechebleue.gif';dessin6.src='../img/flechebleue.gif';dessin7.src='../img/flechebleue.gif';dessin8.src='../img/flechebleue.gif';dessin9.src='../img/flechebleue.gif';dessin10.src='../img/flechebleue.gif';dessin11.src='../img/flechebleue.gif';dessin12.src='../img/flechebleue.gif';dessin13.src='../img/flechebleue.gif';dessin14.src='../img/flechebleue.gif';dessin15.src='../img/flechebleue.gif';dessin16.src='../img/flechebleue.gif';dessin17.src='../img/flechebleue.gif';dessin18.src='../img/flechebleue.gif';dessin19.src='../img/flechebleue.gif';dessin20.src='../img/flechebleue.gif'"><img name="dessin1" hspace="8" src="../img/flechebleue.gif" width="38" height="16" border="0"></a>

Ce que je voudrais faire :
- Simplifier et obtenir le même résultat mais de manière plus "pro"
- Remplacer toute l'instruction ONCLICK en appelant une seule fonction valable pour tous les liens, une fois pour toutes.

Mon problème :
- Capable d'interpréter et de modifier un peu le Javascript, je ne sais pourtant pas créer... Quelqu'un peut-il m'aider ? J'ai trouvé pas mal de solutions pour changer une image mais jamais celle qui me permettrait de remettre en même temps les autres images à leur état d'origine.

Merci par avance pour vos lumières.


lundi 1 décembre 2008 à 11:32:37 | Re : changer plusieurs images

Bul3

Membre Club
Réponse acceptée !

déjà, tel que tu fais c'est exclusif IE non ?
un élément, pour être adressé par son name, doit être dans un formulaire
pour les autres navigateurs : document.name_du_formulaire.name_de_l'élément
ou alors il faut mettre un id et utiliser document.getElementById

>>jamais celle qui me permettrait de remettre en même temps les autres images à leur état d'origine.
ah... sur onclick ? sûr ?

ch'tiot exemple ( avec ID )
<body>
   <img id="dessin1" src="../img/flechebleue.gif" onclick="met(this);"></a>
   <img id="dessin2" src="../img/flechebleue.gif" onclick="met(this);"></a>
   <img id="dessin3" src="../img/flechebleue.gif" onclick="met(this);"></a>....
    <script>
        var prec=document.getElementById("dessin1");
        function met(im)
        {   prec.src="../img/flechebleue.gif";
            prec=im;
            prec.src="../img/flecherouge.gif";
        }
    </script>
</body>

le onclick je ferais cela en dynamique
plutôt que  de le mettre en dur en html...


si j'ai compris ce que tu voulais....

Cordialement

          [mon Site] [M'écrire] Bul         

lundi 1 décembre 2008 à 14:10:13 | Re : changer plusieurs images

GACOBIALN

Membre Club
à Bul3
Merci pour les explications et le code, bravo pour la rapidité ! Après les ajustements nécessaires, tout fonctionne à merveille et le fichier source est nettement plus lisible. Je n'avais pas pensé que mon code ne serait pas compris par tous les navigateurs, ce problème semble donc réglé avec l'instruction "document.getElementById".
Tu dis (je cite) "le onclick je ferais cela en dynamique plutôt que de le mettre en dur en html" ; quel serait l'avantage et comment donner l'instruction ? (je sais, j'abuse).
C'est vraiment sympa de m'avoir dépanné, et cela me fera gagner énormément de temps pour mes autres pages (j'en suis aux premières) sachant que je m'efforce de mettre au point un dictionnaire de rimes qui comporte beaucoup de correspondances entre pages, qu'il faut rendre les plus claires possibles.
Amicalement
lundi 1 décembre 2008 à 14:24:42 | Re : changer plusieurs images

Bul3

Membre Club

davantage d'avantages (**) ... je ne sais pas...
mais
° en informatique on évite de répéter les mêmes choses ( y compris l'image d'ailleurs )
  on préfère une ch'tiote boucle ( ne serait-ce que pour la beauté du geste )
° en html/javascript, aujourd'hui, on sépare la description des actions
  donc les "on..." sur une balise, on évite

>>sachant que je m'efforce de mettre au point un dictionnaire de rimes
ah.. très intéressé !   
lorsqu'il sera au point j'espère qu'il sera mis sur CodesSources.


[mon Site][M'écrire]Bul

(**) extrait de Framboise, Bobby Lapointe  :
...
"Davantage d'avantages,
Avantagent d'avantage"
Lui dis-je, quand elle revint
Avec ses seins Angevins...
(deux fois dix ! )
"Permets donc que je lutine
Cette poitrine angevine..."

Mais elle m'a échappé,
A pris du champ dans le pré
Et je n'ai pas couru après...
Je ne voulais pas attraper
Une Angevine de poitrine !


mercredi 10 décembre 2008 à 19:17:40 | Re : changer plusieurs images

GACOBIALN

Membre Club
De retour, enfin, sur javascript.com, pour avoir le plaisir de découvrir un hommage à Boby Lapointe. C'est qu'on n'est point pantouflards sur ce site, aurait dit Jean Constantin ! En tout cas je trouve ça beau (de cheval). Désolé pour ce jeu de mollets. Bon, que ponds-je à présent ? Ah oui, le dictionnaire de rimes : j'en suis à la syllabe finale comprenant le son |i| et n'ai pas fini ! Jamais je n'aurai cru que la langue française comportait autant de maux ! Je te tiendrai au courant, et te remercie aussi pour ton site, que je suis allé visiter.






Cette discussion est classée dans : images, changer, résultat, lien, obtenir


Répondre à ce message

Sujets en rapport avec ce message

changer des images dans un menu [ par bblein ] j'élabore un petit menu où lorsque je clique sur une image-rubrique, une flèche (image) vient se placer dessous pour indiquer que l'on se situe bien d changer couleur d'un texte [ par FeP ] Salut,j'ai un petit problème : je voudrais changer la couleur d'un texte à distance (dans le code...). J'ai essayé avec document.getelementbyid().styl Changer un lien "en normal" quand il est en gras en cliquant dessus ? [ par dadybond ] Bonjour,En fait j'ai un lien qui est en gras et je voudrais savoir si il est possible de faire en javascript , un script qui permet que : quand on cl Changer d'images sans actualiser [ par nico606 ] Slt, Voila je voudrais que quand je selectionne un champ dans un menu déroulant qu'une image aparaissent et que quand je change le champ l'image chang Changer d'image dans une frame a chaque lien [ par symphox ] Bonjour, J'ai un site avec plusieurs frames. La frame d'en haut où il y a bien sur tout les liens, la frame du milieu pour le contenu. Je voudrais c Changer img / survol d'1 lien hypertexte [ par alonsyl ] bonjour, je cherche un script permettant changer d'image sans recharger ma page web au survol d'un lien hypertexte (ou meme d'un texte) localise a un changer la source de l'image [ par moha007 ] bonjour! j'ai crée une page qui contient plusieurs images represtants des produits. au dessus de chaque image j'ai mis une autre petite image de lou Lien pour changer de navigateur [ par thebmxeur ] Slt.J'aimerais savoir comment (si c'est possible) créé un lien qui ouvre un fenetre dans un navigateur diférent de celui qui contient le lien (par ex: Changer la couleur du site (coockie) [ par astuces_jeux ] Bonjour je cherche comment faire une page avec un lien(ou autre chose si vous ne savez pas faire un lien) qui permet de changer la couleur d'arriere p mettre en valeur dans une liste [ par JackNUMBER ] bonjour !je souhaiterai savoir comment arriver à mettre en valeurs des éléments dans une liste d'image de cette façon là : <a target="_blank" href="ht


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,515 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales