1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML
Sujet Précédent Sujet Suivant

Afficher de l'HTML

Résolu
cs_antoineg2
Messages postés
5
Date d'inscription
mardi 18 mai 2004
Statut
Membre
Dernière intervention
4 juillet 2005
 - 4 juil. 2005 à 13:34
cs_peter1789
Messages postés
35
Date d'inscription
mercredi 19 janvier 2005
Statut
Membre
Dernière intervention
22 mai 2006
 - 6 juil. 2005 à 20:42
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:



<HR>

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


bio_kla = " Biodiversiteit
klassmoment";
bio_exp = "Biodiversiteit Expeditie";

document.getElementById("texto").firstChild.nodeValue = eval(text);
}


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

&nbsp;

[bio_kla.htm Lien 1]
[bio_exp.htm Lien 2]



<HR>



merci de votre aide,

antoine

4 réponses

Réponse 1 / 4
cs_peter1789
Messages postés
35
Date d'inscription
mercredi 19 janvier 2005
Statut
Membre
Dernière intervention
22 mai 2006
6 juil. 2005 à 20:42
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 = " Biodiversiteit
klassmoment";
bio_exp = "Biodiversiteit Expeditie";

document.getElementById("texto").innerHTML = eval(text);
}



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







[bio_kla.htm Lien 1]
[bio_exp.htm Lien 2]




&nbsp;



</html>





Voilà ! Si tu veux des précisions va sur http://fr.selfhtml.org/javascript/objets/node.htm#node_value

et

http://fr.selfhtml.org/javascript/objets/all.htm#inner_html

@+



peter1789
3
Réponse 2 / 4
cs_bultez
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 32
4 juil. 2005 à 15:17
Bonjour,
pas sûr de répondre à la question,
préciser si c'est le cas...

[bio_kla.htm Lien 1]
[bio_exp.htm Lien 2]

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

Cordialement. Bul. ~Site~~[mailto:marcelBultez@tiscali.fr Mail]~
0
Réponse 3 / 4
cs_antoineg2
Messages postés
5
Date d'inscription
mardi 18 mai 2004
Statut
Membre
Dernière intervention
4 juillet 2005
4 juil. 2005 à 18:09
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



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


bio_kla = " Biodiversiteit
klassmoment";
bio_exp = "Biodiversiteit Expeditie";

document.getElementById("texto").firstChild.nodeValue = eval(text);
}


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





[bio_kla.htm Lien 1]
[bio_exp.htm Lien 2]



&nbsp;



</html>

<HR>
0
Réponse 4 / 4
cs_bultez
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 32
5 juil. 2005 à 10:12
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>

[# Lien 1]
[# Lien 2]



des images




</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~~[mailto:marcelBultez@tiscali.fr Mail]~
0