Discussion :

[deubelte]

YO!!!

Je voudrais faire un truc tr�s simple en Js. Vous avez un exemple devant vous.
Quand vous s�lectionnez une partie de texte, et que vous cliquez sur l'icone G, vous avez le texte que s�lectionn� compris entre les deux balises. Je voudrais faire exactement la m�me chose, mais avec les balises <b> et </ b> de l'html ou < em> et </ em>.

merci

[Bouffe]

Je pense que ceci devrait t'aider

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
getSelectedText = function(){
    selectedText = '';
    // Gecko, Webkit
    if (window.getSelection) {
        selectedText = window.getSelection();
    }
    // Si IE
    else if (document.selection) {
        selectedText = document.selection.createRange().text;
    }
    return selectedText ;
}

source

[deubelte]

ok tr�s bien merci

maintenant, comment tu fais le lien entre le bouton et le texte s�lectionn�?
Par exemple, dans le code de cette m�me page, on a:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<td><div class="imagebutton" id="vB_Editor_001_cmd_bold"><img src="images/editor/bold.gif" width="21" height="20" alt="Gras" /></div></td>

mais je ne vois pas le lien avec la fonction.


Merci

[RomainVALERI]

mais je ne vois pas le lien avec la fonction.

La fonction peut tout-�-fait (c'est m�me une pratique conseill�e ^^) �tre associ�e � cet �l�ment dans les sources JS li�es dans le head de la page, par exemple grace � ce genre de choses :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
document.getElementById("vB_Editor_001_cmd_bold").onclick= function() {
   // blah blah
};

Cela dit, et d'une mani�re g�n�rale, si tu ne veux pas r�inventer la roue, il me semble qu'il y a de nombreux codes existants et disponibles pour ce genre de besoin ^^ (si tu as plaisir � le d�velopper toi-m�me ou que tu en profites pour t'entrainer, ignore ma remarque, c'est tr�s bien )