Accueil > Forum > > > > En cliquant sur un lie le contenu du Div change!
En cliquant sur un lie le contenu du Div change!
jeudi 19 octobre 2006 à 16:06:55 |
En cliquant sur un lie le contenu du Div change!

younes371
|
Bonjour, Bah voici mon problème, j'ai des liens dans ma page, Je veux que lorsque je clique sur un lien le contenu d'un div change!. :) . si klk 1 a une idée àa serait sympa. Merci pour votre aide.
|
|
jeudi 19 octobre 2006 à 16:18:38 |
Re : En cliquant sur un lie le contenu du Div change!

bultez
|
Bonjour,
<a href="lien" onclick="div.innerHTML='toukoikonveut'">lien</a>
Cordialement Bul [mon Site] [M'écrire]
|
|
jeudi 19 octobre 2006 à 16:20:24 |
Re : En cliquant sur un lie le contenu du Div change!

younes371
|
ok merci , moi en fait je ve ça bah j ai des images ds un div, et j ai un autre <div id="aide"> (un div d'aide). je ve que lorsque je clique sur une image, le <div id="aide">, son contenu devient les informations de cette image. Par exemple j ai l image de france Telecome, en cliquant sur cette image, le <div id="aide"> se remplie par des information sur France Telecome. et si je clique sur l'image Nike, le <div id="aide"> se remplie par des information sur Nike. et ainsi de suite.
ça peut servir ?? Merci
|
|
jeudi 19 octobre 2006 à 16:24:08 |
Re : En cliquant sur un lie le contenu du Div change!

younes371
|
si j'utilise ça : <a href="lien" onclick="div.innerHTML='toukoikonveut'">lien</a> oû je dois mettre le div de destination ?
|
|
vendredi 20 octobre 2006 à 12:01:18 |
Re : En cliquant sur un lie le contenu du Div change!

chino18
|
Réponse acceptée !
Salut 
Si ce que tu appelles "infos de l'image" correspondent à un attribut de l'image, alors je verrai ca comme ca: <head> <script> function remplirAide(element_image) { document.getElementById("aide").innerHTML = element_image.infos; } </script> </head>
<body> ... <div > <img src ="./nike.gif" onClick="remplirAide(this);" infos="infos sur Nike"/> <img src ="./francetelecom.gif" onClick="remplirAide(this);" infos="infos sur FT blablabla"/> </div>
<div id="aide"> </div> ... </body> Ce qu'il y a c'est que je ne suis pas sûr que le "element_image.infos" soit accepté par tous les navigateurs. Je crois que sur Mozilla tu dois faire un getAttributes() ou un truc du genre afin de récupérer la valeur d'un attribut. A vérifier.
-- message approuvé par Jean-Claude Van Damme --
|
|
vendredi 20 octobre 2006 à 12:51:38 |
Re : En cliquant sur un lie le contenu du Div change!

younes371
|
ça passe bien merci,c très gentil de ta part, juste pour infos, sous mozzilla ou fireFox(je me rapel plus, l essentiel c est un des 2 ), ça marche pas la : <img src ="./nike.gif" onClick="remplirAide(this);" infos="infos sur Nike"/> il faut passer par <a href=... onClick="remplirAide(this); infos="infos sur Nike"" ><img src ="./nike.gif"></a>. Merci encore une fois.
|
|
vendredi 20 octobre 2006 à 14:25:16 |
Re : En cliquant sur un lie le contenu du Div change!

chino18
|
Pas de problème. un forum c'est fait pour ça après tout.  Et c'est bénéfique pour tout le monde.
Mais c'est sûr de que c'est à chaque fois la galère pour rendre un script compatible sur chaque navigateur.
-- message approuvé par Jean-Claude Van Damme --
|
|
vendredi 20 octobre 2006 à 14:28:48 |
Re : En cliquant sur un lie le contenu du Div change!
|
vendredi 20 octobre 2006 à 18:00:47 |
Re : En cliquant sur un lie le contenu du Div change!

younes371
|
Ola, je re par un autre problème, Je ve que lorsqu'on clique sur l'image : " <img src ="./nike.gif" onClick="remplirAide(this);" infos="infos sur Nike"/> ". le contenue de div change mais, il ajoute d'autre informatins sur ce qui etait deja ds le div ( une sorte de add ou je sais pas !) En cliquant sur le Nike, on aura ds le div les informations sur le Nike, et lorsqu on clique sur FranceTelecome, on retrouve dans le div les informations de Nike et de FranceTelecome !. Merci.
|
|
vendredi 20 octobre 2006 à 18:07:46 |
Re : En cliquant sur un lie le contenu du Div change!

younes371
|
c bon j ai trouvé : <script> function remplirAide(element_image) { document.getElementById("aide").innerHTML += element_image.infos; } </script>
il faut juste ajouter le '+'
|
|
Cette discussion est classée dans : contenu, change, div, cliquant, lie
Répondre à ce message
Sujets en rapport avec ce message
Scroll dynamique dans div [ par l2el2o ]
Bonjour à tous, J'ai une balise div en overflow:scroll; dont le contenu change dynamiquement. J'aimerais savoir si il serait possible de faire descen
Affichage du contenu en cliquant [ par richch ]
Bonjour, J'ai un petit tableau, dans la première ligne il y a un bouton, au début seulement ceci est affiché. Comment faire po
Editeur de texte en ligne avec des objets dragables [ par calitom ]
Bonjour, Je cherche a faire une page permettant de regroupper plusieurs DIV draggables dans un DIV général. - En gros, il y aurait un DIV général. - E
Modifier le contenu d'un DIV [ par Drazounet ]
Bonjour à tous, Je cherche à modifier le texte qui est contenu dans un DIV, j'ai tenté de rechercher sur le net, mais après une bonne heure de recher
Récupérer le contenu d'une balise div [ par tonic1 ]
Bonjour à tous, je galère depuis plusieurs jours sur des gros problèmes de mise en forme de données.A partir de données provenant d'une base de donnée
Un div sur la hauteur d'une page [ par sschupp ]
Bonjour, Je fais la mise en page de mon site web et je n'arrive pas à faire ce que je veux. J'es
Affichage du contenu d'une page dans un DIV [ par aloisio11 ]
Bonjour,Je suis dans ma page Article.asp avec ma liste d'articles.Au clique sur un article je voudrais, en Javascript, afficher le contenu d'une page
Problème de div [ par ripmaster ]
Bonjour,Je vous écris car j'ai un petit problème...J'essaie de mettre, en plus de ma colonne de menu à gauche et le contenu de la page à droite de cel
bas de page plus bas que contenu [ par inaden ]
Bonjour,Je construit ma feuille de style en div positionné en relatif.J'ai un premier div qui est en marge "auto" pour centrer le tout et des div deda
Wysiwyg : comment enregistrer (SaveAs) le contenu d'un div ??? [ par fabiano13 ]
Bonjour,Je cherche a enregistrer le contenu d'un span ()J'ai pourtant testé plusieurs choses :ws
Livres en rapport
|
Derniers Blogs
TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|