(Archives)
Envoyé par : LeNewbie
Date : 02/05/2005 13:22
Bonjour,
Je cherche à changer la couleur d'un mot selectionné dans une phrase. Normalement on doit selectionné son élement puis changer le style! Mais y'a un hic car je veux juste changer la partie choisie!
Envoyé par : Lapinator
Date : 02/05/2005 22:41
hummmm, faudrais rajouter dynamiquement dans ta phrase des balises pour entourer ton (ou tes) mot(s).
Personnelement, j'ai jamais fait. D'un autre coté il existe peut etre une methode que je ne connait pas encore
Envoyé par : LeNewbie
Date : 02/05/2005 23:20
C'est effectivement ce que je cherche à faire mais je n'ai pas encore trouvé la réponse!
Envoyé par : Lapinator
Date : 03/05/2005 09:28
La 1ere idée qui me vien à l'expris pour résoudre ton problème est d'utiliser une balise <html:div id="monTexte" /> et de le remplir avec de l'html.
document.getElementById("monTexte").innerHTML="Début du texte <span style='color:red'>Texte en rouge</span> fin du texte".
Je précise au passage que je n'ai pas testé cette solution.
NB: Penser aussi à déclarer le namespace de html:
Envoyé par : Julien Appert
Date : 03/05/2005 09:47
si tu n'as pas peur de l'anglais, tu trouveras ton bonheur ici :
http://xulplanet.com/references/xpcomref(..)
Je ne peux pas t'en dire beaucoup plus, je n'ai jamais eu l'occasion d'utiliser ces interfaces.
Envoyé par : Julien Appert
Date : 03/05/2005 09:52
non excuse moi il y a beaucoup plus simple, je reviens avec un exemple.
EDIT : non je crois que je me suis emporté. Cela dit je vais essayer de creuser les interfaces ci-dessus, le sujet m'intéresse.
Envoyé par : Julien Appert
Date : 03/05/2005 11:21
Finalement j'ai fait autrement, voici l'exemple :
<html>
<head>
<script>
function selection()
{
sel=window.getSelection();
var range = sel.getRangeAt(0);
chaine=range.toString();
range.deleteContents();
noeud=document.createElement("span");
noeud.setAttribute("style","color:red");
noeud.textContent=chaine;
range.insertNode(noeud);
}
</script>
</head>
<body>
<p>bonjour coucou il fait beau</p>
<input type="button" onclick="selection()" value="récupérer"/>
</body>
</html>
Voilà. Enjoy, comme dit l'autre.
Envoyé par : LeNewbie
Date : 03/05/2005 13:04
You are formi..formi..formiformi..dable! You are the one..veri..veri veritable!
Je suis Enjoy Now comme dirait l'autre ;-)
MERCI!
Il n'est plus possible de poster des messages dans ce forum.
Copyright © 2003-2013 association xulfr, 2013-2016 Laurent Jouanneau - Informations légales.
Mozilla® est une marque déposée de la fondation Mozilla.
Mozilla.org™, Firefox™, Thunderbird™, Mozilla Suite™ et XUL™
sont des marques de la fondation Mozilla.