Mellékelt példa megnyitása előtt szükséges egy WebTextFunctions nevű virtuális könyvtár létrehozása, mely a példa könyvtárára mutat. Ehhez nyissa meg a mellékelt mappa Tulajdonság ablakát és itt a Webmegosztás lapon engedélyezze a mappa megosztását olvasási és parancsfájlok futtatási jogával.
A mellékelt alkalmazásban egy DIV HTML elemben szöveget helyeztünk el a Weboldalon, melyet a négy gombbal formázhatunk. Az Italic feliratú gombbal a kijelölt szöveget dőlt betűvel jelenítjük meg. A gombra klikkelve a doItalic függvény fut le, melyben meghívtuk a bevezetőben említett függvényt. A függvényben meghatározzuk a lapon kijelölt szövegrész tartalmát:
function doItalic()
{
var textRange = document.selection.createRange();
...
Meghívjuk a függvényt:
textRange.execCommand("Italic");
És töröljük a kijelölést:
document.selection.empty();
}
A visszakapott TextRange objektumnak meghívjuk az execCommand metódusát az ’Italic’ műveleti azonosító megadásával.
A CreateLink feliratú gombra klikkelve a kijelölt szövegrész egy létező URL-re cserélhető le, melyet a metódus meghívásakor felbukkanó dialógusablakban adhatunk meg. A gomb eseménykezelő függvénye a doCreateLink függvény:
function doCreateLink()
{
var textRange = document.selection.createRange();
...
textRange.execCommand("CreateLink");
document.selection.empty();
}
Látható, hogy a ’CreateLink’ azonosító megadásával indítható a művelet.
A Delete gombra kattintva tetszőleges mennyiségű szöveg törölhető a lapról, ennek érdekében a ’Delete’ azonosítót kell megadni a metódus hívásakor:
function doDelete()
{
var textRange = document.selection.createRange();
...
textRange.execCommand("Delete");
document.selection.empty();
}
A teljes szöveg törlése után az a Repaire feliratú gombbal visszaállítható. Ehhez nincs szükség metódushívásra, csak a szöveget tartalmazó DIV vezérlő innerText property-jének kell értékül adni az eredeti szöveget.
document.all["source"].innerText = "...";
A funkciók felhasználásával lehetővé válik, hogy a felhasználó kedve szerint testre szabja az adott HTML oldal megjelenését, amennyiben böngészője támogatja a fenti metódushívásokat.