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

GACOBIALN
|
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
|
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émentou 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
|
|
lundi 1 décembre 2008 à 14:10:13 |
Re : changer plusieurs images

GACOBIALN
|
à 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
|
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. (**) 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
|
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
Livres en rapport
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Forum
UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|