ACTIVEX E WEB

ACTIVEX E WEB
ACTIVEX E WEB
1
ACTIVEX CONTROL PAD.............................................................................................................................2
1.1
1.2
1.3
2
Avvio e comandi fondamentali ........................................................................................ 2
Inserimento di un componente......................................................................................... 3
Layout Form.................................................................................................................... 5
SVILUPPO DI PAGINE CON COMPONENTI ..............................................................................................6
2.1
2.2
2.3
Codice per incorporare componenti ActiveX ................................................................... 6
Differenze tra ActiveX e Plug-in (IE vs NS).................................................................... 7
Uso dei Layout Form....................................................................................................... 8
1
vernimark
ACTIVEX E WEB
1 ACTIVEX CONTROL PAD
E’ un’applicazione freeware di Microsoft che consente di inserire script, creare routines di eventi e
inserire componenti ActiveX all’interno delle pagine HTML. E’ un prodotto semplice ma efficace.
1.1 Avvio e comandi fondamentali
La modalità più semplice di utilizzo è quella che consente di scrivere codice in una pagina HTML.
E’ possibile (tramite la voce “New HTML” del menu “File”) creare nuove pagine o aprirne di già
esistenti (menu “File” voce “Open”). Ovviamente le pagine modificate possono essere salvate
attraverso le solite funzioni “Save” e “Save as” e “Save all” sempre sotto il menu “File”.
Sulla barra grigia a sinistra del codice HTML (come si vedrà più avanti) verranno visualizzate le
icone rappresentanti il componente ActiveX incluso nella pagina. Premendo tali icone il
componente apparirà in un form con il layout che avrà nella pagina. Sempre all’interno del form di
preview sarà possibile modificare tutte le proprietà pubbliche dell’oggetto selezionato.
2
vernimark
ACTIVEX E WEB
1.2 Inserimento di un componente
Per inserire un componente ActiveX all’interno della pagina HTML è sufficiente posizionarsi
all’interno del codice nel punto in cui si desidera avvenga l’inserimento; successivamente dal menu
“Edit” si selezioni la voce “Insert ActiveX Control”.
Una volta selezionato l’oggetto che si desidera inserire, si prema il tasto “OK”. Nell’esempio è stato
selezionato il componente “Label Object”
Nella finestra delle proprietà è possibile modificare le caratteristiche dell’oggetto e, premendo
INVIO oppure il tasto “Applica” i cambiamenti verranno immediatamente visualizzati.
Nell’esempio sono state modificate le proprietà “Caption” e “Angle”. Successivamente, chiudendo
3
vernimark
ACTIVEX E WEB
la finestra “Edit ActiveX Control” si rientra nel Control Pad con il codice correttamente inserito
nella pagina.
Come già specificato premendo l’icona a sinistra del markup OBJECT si riattiva la modalità di
modifica dell’oggetto.
Selezionando la voce “Script Wizard” dal menu “Tools” si attiva una finestra dalla quale è possibile
selezionare un qualunque evento di un oggetto compreso nella pagina corrente e scriverci
all’interno del codice.
4
vernimark
ACTIVEX E WEB
1.3 Layout Form
I Layout form sono dei contenitori di componenti ActiveX. E’ possibile posizionare su un form
vuoto tutti i controlli che si desiderano impostando a piacere le diverse proprietà; successivamente
si salverà il form (che sarà un file con estensione “ALX”) e, se lo si desidera, potrà essere
incorporato in una pagina web selezionando la voce “Insert HTML Layout” dal menu “Edit”.
Nell’esempio è stato composto un Layout Form composto da una etichetta (ID=Label1) e da una
casella di testo (ID=TextBox1) allineate verticalmente. Successivamente si è salvato il file con
nome “Layout1.alx” e lo si è inserito in una pagina contenente due pulsanti (B1 e B2) e due caselle
di testo (T1 e T2).
5
vernimark
ACTIVEX E WEB
2 SVILUPPO DI PAGINE CON COMPONENTI
2.1 Codice per incorporare componenti ActiveX
Il codice completo dell’incorporamento dell’oggetto “Etichetta” è il seguente.
<HTML>
<HEAD>
<TITLE>New Page</TITLE>
</HEAD>
<BODY>
<OBJECT ID="IeLabel1" WIDTH=159 HEIGHT=83
CLASSID="CLSID:99B42120-6EC7-11CF-A6C7-00AA00A47DD2">
<PARAM NAME="_ExtentX" VALUE="4207">
<PARAM NAME="_ExtentY" VALUE="2170">
<PARAM NAME="Caption" VALUE="PROVA ETICHETTA">
<PARAM NAME="Angle" VALUE="10">
<PARAM NAME="Alignment" VALUE="4">
<PARAM NAME="Mode" VALUE="1">
<PARAM NAME="FillStyle" VALUE="0">
<PARAM NAME="FillStyle" VALUE="0">
<PARAM NAME="ForeColor" VALUE="#000000">
<PARAM NAME="BackColor" VALUE="#E0CC98">
<PARAM NAME="FontName" VALUE="Arial">
<PARAM NAME="FontSize" VALUE="12">
<PARAM NAME="FontItalic" VALUE="0">
<PARAM NAME="FontBold" VALUE="1">
<PARAM NAME="FontUnderline" VALUE="0">
<PARAM NAME="FontStrikeout" VALUE="0">
<PARAM NAME="TopPoints" VALUE="0">
<PARAM NAME="BotPoints" VALUE="0">
</OBJECT>
</BODY>
</HTML>
6
vernimark
ACTIVEX E WEB
2.2 Differenze tra ActiveX e Plug-in (IE vs NS)
E’ fondamentale comprendere come il componente possa essere correttamente incluso sia in
Internet Explorer che in Netscape Navigator. A tal proposito è importante sottolineare che i markup
supportati da Netscape sono differenti da quelli utilizzati qui.
<object classid="clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA"
align="baseline"
border="1"
bordercolor="black"
width="386" height="140"
name="RM_Master">
<param name="AutoGotoURL" value="true"
<param name="AutoStart"
value="true"
<param name="Console"
value="00-00"
<param name="Controls"
value="imageWindow"
<param name="NoLabels"
value="false"
<param name="SRC"
value="http://www.esempio.com"
<embed src="http://www.esempio.com"
align="baseline"
border="1"
bordercolor="black" width="386"
height="140"
type="audio/x-pn-realaudio-plugin"
name="RM_Master"
controls="imageWindow"
autostart="true"
console="00-00">
</object>
7
vernimark
>
>
>
>
>
>
ACTIVEX E WEB
2.3 Uso dei Layout Form
Il codice seguente consente di scambiare i valori tra elementi della pagina HTML e componenti del
Layout Form creato nel capitolo precedente.
<HTML>
<HEAD>
<TITLE>New Page</TITLE>
</HEAD>
<BODY>
<OBJECT ID="Layout1_alx"
CLASSID="CLSID:812AE312-8B8E-11CF-93C8-00AA00C08FDF">
<PARAM NAME="ALXPATH"
REF VALUE="file:C:\WINDOWS\Desktop\PROVA ACTIVEX\Layout
form\Layout1.alx">
</OBJECT>
<p><input
<input
<input
<input
</p>
type="submit" value="Invia" name="B1" >
type="text" name="T1" size="20"><br>
type="submit" value="Cattura" name="B2">
type="text" name="T2" size="20"><br>
<SCRIPT LANGUAGE="VBScript">
sub B1_onclick()
layout1_alx.label1.caption=t1.value
end sub
sub B2_onclick()
t2.value=layout1_alx.textbox1.text
end sub
</SCRIPT>
</BODY>
</HTML>
8
vernimark