Button

Da Wikipedia, l'enciclopedia libera.

Questa voce è solo un abbozzo (stub). Se puoi, contribuisci adesso a migliorarla secondo le convenzioni di Wikipedia. Per l'elenco completo degli stub di informatica, vedi la relativa categoria.

Nota disambigua - Se stai cercando informazioni sul nome proprio Jenson Button, vedi Jenson Button.

L'oggetto Button è un oggetto innestato nell'oggetto Form, della definzione XML DOM. La sua definizione permette di creare molte interazioni con l'utente nelle pagine web. Quando ad esempio si clicca su un modulo (come può essere quello di Wikipedia per la modifica delle pagine) si interagisce con l'operazione tramite un elemento Button.

[modifica] Uso

Per la definzione dell'oggetto bisogna rifarsi all'elemento input, dato che questo tag permette di definire vari tipi di oggetto di iterazione con l'utente nella sezione form.

[modifica] Tipi di bottoni

Esiste un altro oggetto che simula un bottone nelle pagine web e risponde al tipo submit. la differenza principale tra i due tipi sta nel fatto che il tipo submit permette di attivare l'evento onsubmit della form che lo contiene mentre il tipo button permette di eseguire a tutti gli effetti le funzionalità di un normale bottone windows.

[modifica] Definire un bottone

C'è da fare una piccola parentesi su quando riguarda la definzione del tag nella http://www.w3.org/TR/REC-html40/interact/forms.html#edef-BUTTON. Esistono due modi che equivalgono a definire lo stesso tipo di oggetto in HTML per la definzione di un button.

 <input type='button....></input>
 
 <button></button>

[modifica] W3C HTML 4.0 Recommendation

Nella definzione della W3C dovremo dunque differenziare i due tag. Nel primo caso compaiono i seguenti attributi:

   * TYPE=[ button ] (nel caso che stiamo considerando questo parametro sarà di tipo button)
   * NAME=CDATA (nome del button)
   * VALUE=CDATA (valore del button)
   * SIZE=CDATA (suggested number of characters for text input)
   * SRC=URI (source for image)
   * ALT=CDATA (alternate text for image input)
   * USEMAP=URI (client-side image map)
   * ALIGN=[ top | middle | bottom | left | right ] (alignment of image input)
   * DISABLED (disable element)
   * READONLY (prevent changes)
   * ACCEPT=ContentTypes (media types for file upload)
   * ACCESSKEY=Character (shortcut key)
   * TABINDEX=Number (position in tabbing order)
   * ONFOCUS=Script (element received focus)
   * ONBLUR=Script (element lost focus)
   * ONSELECT=Script (element text selected)
   * ONCHANGE=Script (element value changed)
   * common attributes

Nel secondo caso abbiamo invece:

   * NAME=CDATA (key in submitted form)
   * VALUE=CDATA (value in submitted form)
   * TYPE=[ submit | reset | button ] (type of button)
   * DISABLED (disable button)
   * ACCESSKEY=Character (shortcut key)
   * TABINDEX=Number (position in tabbing order)
   * ONFOCUS=Script (element received focus)
   * ONBLUR=Script (element lost focus)
   * common attributes

[modifica] Proprietà

[modifica] JavaScript e button

A livello di Javascript l'oggetto button possiede dei metodi e delle proprietà che permettono un'intergrazione molto ampia.

[modifica] Metodi

• blur(): rimuove il fuoco dall'ogetto.
• click(): simula l'evento di mouse-click.
• focus(): ottiene il fuoco per l'ogetto.

[modifica] Eventi

• onBlur: codice da eseguire quando si perde il fuoco.
• onClick: codice da eseguire quando viene cliccato l'oggetto.
• onFocus: codice da eseguire quando si ottiene il fuoco.
• onMouseDown: codice da eseguire quando si clicca l'oggetto con il mouse.
• onMouseUp: codice da eseguire quando si rilascia l'oggetto con il mouse.