begin process at 2012 02 13 14:08:18
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

afficher de l'HTML

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

afficher de l'HTML

lundi 4 juillet 2005 à 13:34:57 | afficher de l'HTML

antoineg2

Bonjour,

Je voudrais faire un script bien précis mais mes connaissances sont pas assez grandes que pour y arriver totalement.
En fait je voudrais faire en sorte qu'en rollover de mes liens le texte au dessus change.

Mon probleme est que ca marche mais quand je met de l'HTML a la place d'un simple texte, l'html ne s'execute pas et s'affiche betement...

Voici mon code:

<script type="text/javascript">
function changeTexto(text) {

 bio_kla = "<b>Biodiversiteit</b><br> klassmoment";
 bio_exp = "Biodiversiteit Expeditie";
 
 document.getElementById("texto").firstChild.nodeValue = eval(text);
}

function resetTexto() {
 document.getElementById("texto").firstChild.nodeValue = " ";
}
</script>

<div id="texto">&nbsp;</div>

<a href="bio_kla.htm" onMouseOut="resetTexto()" onMouseOver="changeTexto('bio_kla');">Lien 1</a>
<a href="bio_exp.htm" onMouseOut="resetTexto()" onMouseOver="changeTexto('bio_exp');">Lien 2</a>


merci de votre aide,

antoine
lundi 4 juillet 2005 à 15:17:28 | Re : afficher de l'HTML

bultez

Membre Club

Bonjour,
pas sûr de répondre à la question,
préciser si c'est le cas...

<a href="bio_kla.htm" title="Biodiversiteit&#13klassmoment"
 onmouseover="this.innerHTML='Lien 1 nouveau';"
 onmouseout="this.innerHTML='Lien 1';">Lien 1</a>
<a href="bio_exp.htm" title="Biodiversiteit&#13Expeditie"
 onmouseover="this.innerHTML='Lien 2 nouveau';"
 onmouseout="this.innerHTML='Lien 2';">Lien 2</a>

on fait aussi de nombreuses choses
avec <style type="text/csss">

Cordialement. Bul. ~Site~~Mail~
lundi 4 juillet 2005 à 18:09:10 | Re : afficher de l'HTML

antoineg2

Bonjour Bul,

non malheureusment cela ne m'aide pas vraiment. En fait, je ne pourrais pas te donner meilleur explication qu'a te faire tester le code. Copie colle le code en rouge ci dessous dans un nouveau doc html et test le en local, passes sur les liens et tu comprendras directement en voyant le résultat qui s'affiche !

merci

antoine

<html>
<head>
<script type="text/javascript">
function changeTexto(text) {

 bio_kla = "<b>Biodiversiteit</b><br> klassmoment";
 bio_exp = "Biodiversiteit Expeditie";
 
 document.getElementById("texto").firstChild.nodeValue = eval(text);
}

function resetTexto() {
 document.getElementById("texto").firstChild.nodeValue = " ";
}
</script>
</head>

<body>


<a href="bio_kla.htm" onMouseOut="resetTexto()" onMouseOver="changeTexto('bio_kla');">Lien 1</a>
<a href="bio_exp.htm" onMouseOut="resetTexto()" onMouseOver="changeTexto('bio_exp');">Lien 2</a>

<div id="texto">&nbsp;</div>

</body>
</html>
mardi 5 juillet 2005 à 10:12:56 | Re : afficher de l'HTML

bultez

Membre Club

tout ce que je peux proposer c'est un
div que l'on cache/montre...


<html>
<head>
<script type="text/JavaScript">
function deplace()
    {  bulle.style.top=event.y+10;
       bulle.style.left=event.x+10;    }
function affiche(contenu)
    { if ( contenu )
           { bulle.style.display="inline";
             bulle.innerHTML = contenu;     
             deplace(); }
      else { bulle.style.display="none"; } }
</script>
<title></title>
</head>
<body>
<a href="#"
   onMouseOver="affiche('un texte<br/>pur et simple');"
   onmousemove="deplace();"
   onMouseOut="affiche();" >Lien 1</a>
<a href="#"
   onMouseOver="affiche(exemple.innerHTML);"
   onmousemove="deplace();"
   onMouseOut="affiche();" >Lien 2</a><br/>

<div id="exemple"
     style="display:none">
<img src="FRAPPESurClavier.GIF">
<font color="red" size=5 style="background-color:'blue'">
<b><u>des images</u></b></font>
<img src="Bravo.GIF"></div>
<div id="bulle"
     style="background-color:'#FFFF00';
            text-align: 'center';
     border: '2px solid #00FFFF';
     position: 'absolute';
     display:'none';
     font-size:'12px';"
     name="bulle">
    
     </div>
</body></html>

ça peut éventuellement satisfaire...(?)
function deplace()
    {  bulle.style.top=event.y+10;
       bulle.style.left=event.x+10;    }
_event.x et event.y doivent être spécifique s
à Internet Explorer (?)
_+## à adapter
Cordialement. Bul. ~Site~~Mail~
mercredi 6 juillet 2005 à 20:42:34 | Re : afficher de l'HTML

peter1789
Réponse acceptée !
Bonjour bultez !

J'ai trouvé la solution à ton problème ! la propriété nodeValue ne sauvegarde que le texte pour un noeud texte et pas le html (en effet, chaque balise crée un nouveau noeud enfant) ! Il te faut utiliser, dans ton exemple, document.getElementById("texto").innerHTML
Le bon code serait :
<html>
<head>
<script type="text/javascript">
function changeTexto(text) {

 bio_kla = "<b>Biodiversiteit</b><br> klassmoment";
 bio_exp = "Biodiversiteit Expeditie";
 
 document.getElementById("texto").innerHTML = eval(text);
}

function resetTexto() {
 document.getElementById("texto").innerHTML = " ";
}
</script>
</head>

<body>


<a href="bio_kla.htm" onMouseOut="resetTexto()" onMouseOver="changeTexto('bio_kla');">Lien 1</a>
<a href="bio_exp.htm" onMouseOut="resetTexto()" onMouseOver="changeTexto('bio_exp');">Lien 2</a>

<div id="texto">&nbsp;</div>

</body>
</html>

Voilà ! Si tu veux des précisions va sur [ Lien ]
et
[ Lien ]
@+

peter1789



Cette discussion est classée dans : text, function, texte, afficher, html

Répondre à ce message

Sujets en rapport avec ce message

afficher du texte [ par lepylote ] Bonjour a tous,Voila ma premiere question : j' aimerais savoir comment afficher tout un paragraphe de texte saisie par l' utilisateur comme lorsqu' on editeur html en javascript - pbs de suppression des tag [ par whiteknight ] Bonjour,j'ai un pbs avec un code si kk'un pouvait me donne run coup de main celaserait sympa ... voila mon pbsje suis en train de réalisé un mini edit afficher/masquer code html [ par eax ] salut je cherche à afficher et à masquer un tableau html en cliquant sur une imagej'utilise actuellement un code php mais c chiant car ça recharge la Insertion de texte d'un txt dans du HTML par Javascript [ par mastere30 ] Hello tlm,je suis débutant de chez débutant. J'aimerais savoir comment insérer du texte d'un fichier blabla.txt à ma page index.html, ca doit bien êtr afficher un code caractere special et non pas sa valeur [ par nours2001 ] Bonjour,VOici mon probleme,je veux faire un lien vers un fichiers dont le nom comporte un "#", mon#fichier.htmlje veux donc faire un lien vers mon%23f text /select par javascript [ par dreadlock ] Salut , je cherche un moyen de remplacer une zone de texte par une liste déroulante. Selon le choix du visiteur (par bouton radio) une zone de texte s function afficher(calque) [ par biloui59 ] Salut tt le mondeje ne comprends pas pourquoi la fonction suivante ne marche pas:function afficher(calque) { for(i=1;i nom=calque"+i+"; document.get afficher texte [ par glipper ] Bonjour,je ne connais absolument rien en Javascript, et j'essai de faire apparaitre du texte lorsque je clique sur un lien, et le faire disparaitre lo Ajout de texte dans une txtarea sur lien??? [ par xabi62 ] Salut,Comment ajouter du texte a la position du curseur dans une txtarea sur un lien "classique". J'ai le code pour le faire sur le click d'un bouton Inserer du texte d'un txt dans une page html [ par mastere30 ] Hello tlm,je suis débutant de chez débutant. J'aimerais savoir comment insérer du texte d'un fichier blabla.txt à ma page index.htmlMerci pour votre a


Nos sponsors


Sondage...

Comparez les prix


Apple iPhone 4 Noir (32 Go)
Entre 1290€ et 1333€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Green Energy Solutions With Light Bulb Morphed Into LandscapePhoto Monument Valley Utah known as The Mittens
Photo Landscape of a Sunrise in Kauai Hawaii 

Visiter la photothèque
 
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,343 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)