JS - texte affiché lors d'un clic sur un lien

Résolu/Fermé
Utilisateur anonyme - 21 sept. 2007 à 21:19
 LuUu - 21 mai 2012 à 10:26
Bonsoir,

Je cherche un code Javascript qui me permettrait d'afficher un texte dans une zone définie lorsque je clique sur un lien sans pour autant que le navigateur change de page.
La page en question est composée de blocs paramétrés via css.
Ma requête repose sur l'importation du contenu de page (textes, images, formulaires...) dans cette zone définie. Cela présuppose que ce qui doit être affiché est présent et visible sur d'autres pages.
J'ai cherché sur la Toile sur des sites spécialisés dans les codes JS et n'ai cependant rien trouvé de tel. Le code s'en rapprochant le plus est ce dernier :

Dans la balise <head> nous avons :
<SCRIPT LANGUAGE="JavaScript">
function ChangeMessage(message,champ)
  {
  if(document.getElementById)
    document.getElementById(champ).innerHTML = message;
  }
</SCRIPT>


et dans <body> :
<A HREF="page.htm" onMouseOver="ChangeMessage('Texte','ejs_texte')" onMouseOut="ChangeMessage('','ejs_texte')">Lien</A>


Ce code source affiche un texte au passage de la souris. Y a-t-il un moyen de le "bidouiller" pour pouvoir avoir le rendu que je désire ?

Merci d'avance et bonne fin soirée,
Alaedyna.

19 réponses

salut

je t'avoue que j'ai pas tout compris ce que tu souhaite faire exactement :)
si tu veut juste utiliser le lien pour déclencher l'action "onclick", tu peut utiliser :

<A HREF="#" onMouseOver="ChangeMessage('Texte','ejs_texte')" OnMouseOut="ChangeMessage('','ejs_texte')">Lien</A>


(pour que le contenu reste, enlever le "onmouseout")

si tu souhaite en fait charger une page dans un block en cliquant sur des liens (dynamiquement),
le plus simple est encore d'utiliser une iframe :

<html>
<head>
</head>
<body>
	<div id="moncadre">
		<iframe src="" name="testiframe" scrolling="auto" frameborder="0" width="220" height="320">
		</iframe>
        </div>

<A HREF="#" onclick="frames['testiframe'].location.href = 'http://www.allocine.fr'; return false">page 1</a>
<A HREF="#" onclick="frames['testiframe'].location.href = 'http://www.dh-prod.com'; return false">page 2</a>

</body>
</html>


j'espère que ça t'aidera, sinon n'hésite pas a demander
1