Balise html en javascript

[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 :

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 :

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

Envoyé par deubelte

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 :

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 )