Microsoft Script Editor

Microsoft Script Editor is ingebouwd in Office (Word,, Excel, Powerpoint). Je kan het programma opstarten met Extra, Macro, Microsoft Script Editor. In die Script Editor maken we een nieuwe HTML pagina.

Van boven naar onder en van links naar rechts zien we:

Bovenaan: Het menu en de werkbalken
Links: De werkset (toolbox) waarop de visuele elementen staan die we kunnen gebruiken.
In het midden: het werkveld. Met de knoppen onderaan kan men switchen tussen Design mode (voor het grafisch inrichten van de pagina) en HTML mode, waarin je de code kan intikken.
Je kan de eigenschappen van de objecten op de webpagina veranderen via het Eigenschappenvenster rechtsonder. Als je het opschrift van een knop wil veranderen, stel je de value anders in.

Belangrijke noot; verander nooit de naam van elementen als er al code geschreven is. Het zou namelijk heel goed kunnen dat die code nu niet meer herkend of uitgevoerd wordt.

Even proberen…

We starten Excel en van in Excel de Microsoft Script Editor.
We maken een HTML pagina. Op die HTML pagina plaatsen we een tekstvak en een knop. Toch even opletten: je plaats dat tekstvak door te dubbelklikken op Text field. Het kan zijn dat het venster van de Office toepassing waar je mee gestart bent (Excel of Word)
Achter de knop steken we de volgende code:
Sub Button1_onclick
msgbox text1.value
End Sub
Sla het HTML bestand op. Dubbelklik erop. Tik iets in het tekstvak en druk op de knop.
Je hebt de Microsoft Script Editor niet echt nodig. Je kan in gelijk welke editor voor HTML bestanden (Mozilla Composer of zelfs Notepad) een HTML bestand aanmaken en code schrijven. Alleen geeft Microsoft Script Editor je hulp in de vorm die je in Notepad niet krijgt: de code wordt gekleurd weergegeven, waardoor je beter overzicht hebt, en je krijgt gele tooltips te zien met de elementen die door de editor verwacht worden voor een correcte verwerking van de instructies.
Als je in Kladblok werkt, moet je er op letten dat je bij het opslaan kiest voor “Alle bestanden” en dat je een .html (of .htm) extensie geeft aan het bestand dat je opslaat.

Als je geen zin hebt om een nieuwe webpagina te schrijven met een invoervak en een knop, kan je gebruik maken van deze code die je kan kopiëren en plakken in Kladblok:
<html>
<form>
<input type="text" name="text1">
<input type="button" name="button1" value="knop">
</form>
</html>