CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 03 20 03:17:19

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

afficher de l'HTML

Poser 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

3 msg

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:

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"> </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

11957 msg

13347 msg CS

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

3 msg

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>

</body>
</html>

mardi 5 juillet 2005 à 10:12:56 | Re : afficher de l'HTML

bultez

11957 msg

13347 msg CS

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

13 msg

19 msg CS

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>

</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

Livres en rapport

Javascript

Beyond html goodies

Repassez votre bac sciences éco. !

HTML - Le guide complet

Tous les livres pour Text, Function, Texte, Afficher, Html

Nos sponsors

Derniers Blogs

COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL

SQL SERVER : QUERY NOTIFICATION OU COMMENT êTRE NOTIFIé DE MODIFICATIONS DE DONNéES CôTé APPLICATION (SQLDEPENDENCY) par christian

[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson

MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ? par junarnoalg

TECHDAYS 2010 GENèVE : RETROUVEZ-MOI POUR UNE SESSION SUR LA HAUTE DISPONIBILITé ET LE SCALEOUT AVEC SQL SERVER par christian

Forum

COMMENT CRéER UNE COMPTEUR EN JAVASCRIPT? par stefoulefou

MODIFIER DYNAMIQUEMENT LES COORDONNéES MAP D'UNE IMAGE CLIQUABLE par eguignier

APPELER UNE ANCRE D'UNE AUTRE PAGE AU COEUR D'UNE FONCTION JAVASCRIPT par MissArmande

RE : TRI PAR ORDRE ALPHABéTIQUE par PetoleTeam

RE : TRI PAR ORDRE ALPHABéTIQUE par El_CaNaRdO

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Logiciels

Academy System (10.9.4.0)
ACADEMY SYSTEM (10.9.4.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)
XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)

Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise...

Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate
Xilisoft DVD Ripper Ultimate (5.0.64.0304)
XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)

Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ...

Cliquez pour télécharger Xilisoft DVD Ripper Ultimate
Axalot, logiciel de sauvegarde de données en ligne (1.10.108.1)
AXALOT, LOGICIEL DE SAUVEGARDE DE DONNéES EN LIGNE (1.10.108.1)

Perdre tout le contenu de votre disque dur, vous imaginez ? Vos photos, vos musiques, votre compt...

Cliquez pour télécharger Axalot, logiciel de sauvegarde de données en ligne
Rigs of Rods (63.3)
RIGS OF RODS (63.3)

c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo...

Cliquez pour télécharger Rigs of Rods