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 )