Button (informatica): differenze tra le versioni

Versione delle 12:28, 26 nov 2013

Versione delle 19:48, 30 giu 2014

Riga 1:

{{Nota disambigua|descrizione=informazioni sul pilota di Formula 1|titolo=[[Jenson Button]]}}

{{S|programmazione}}

L'oggetto '''button''' è un oggetto innestato nell'oggetto [[Form]], della definizione [[XML]] DOM. La sua definizione permette di creare molte interazioni con l'utente nelle [[pagina web|pagine web]].

Quando ad esempio si clicca su un [[modulo (programmazione)|modulo]] (come può essere quello di [[w:|Wikipedia]] per la modifica delle pagine) si interagisce con l'operazione tramite un elemento '''Button'''.

== Uso ==

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

=== Tipi di bottoni ===

Riga 15:

C'è da fare una piccola parentesi su quando riguarda la definizione 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 definizione di un button.

<source lang="html4strict">

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

</source>

<source lang="html4strict">

<button></button>

</source>

==== W3C HTML 4.0 Recommendation ====

Nella definizione 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

=== Proprietà ===

{|class="wikitable"

! Proprietà

! Funzione

|-

| disabled || Abilita o disabilita l'oggetto

|-

| form || Ritorna un puntatore al form di riferimento

Riga 83 ⟶ 87:

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

=== Metodi ===

*<code>blur()</code>: rimuove il fuoco dall'oggetto.

*<code>click()</code>: simula l'evento di mouse-click.

*<code>focus()</code>: ottiene il fuoco per l'ogettooggetto.

=== Eventi ===

*<code>onBlur</code>: codice da eseguire quando si perde il fuoco.

Riga 96 ⟶ 100:

*<code>onMouseDown</code>: codice da eseguire quando si clicca l'oggetto con il [[mouse]].

*<code>onMouseUp</code>: codice da eseguire quando si rilascia l'oggetto con il mouse.

{{Portale|informatica}}