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
[WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|