ASP.NET, una piattaforma di sviluppo Microsoft powered by C-Sharp e altri linguaggi di programmazione, crea molti dei siti che vedete su Internet. Gli sviluppatori hanno accesso a elementi specifici di ASP.NET così come regolari controlli HTML. Il controllo di pulsante HTML, ad esempio, funziona come un normale pulsante HTML. Gli utenti fare clic sul pulsante e si verifica un'azione. È possibile disattivare un pulsante di C-Sharp HTML dopo che un utente fa clic una volta. Un pulsante di disattivazione potrebbe essere utile quando è necessario impedire un utente di inviare un modulo o un pagamento due volte. Eseguire questa operazione utilizzando poche righe di codice JavaScript.
Istruzioni
1
Avviare Microsoft Visual Studio. Fare clic sul menu "File", quindi fare clic su "Nuovo sito". Fare clic su "Visual c#" e fare doppio clic su "Sito ASP.NET".
2
Fare clic su "Visual c#" e fare doppio clic su "Sito Web ASP.NET" per creare un nuovo progetto di sito Web il ASP.NET C-Sharp. Fare clic sul pulsante "Design" nella parte inferiore dell'interfaccia utente. Modulo principale del progetto viene visualizzato nella finestra di progettazione.
3
Premere "CTRL + ALT + X" per aprire la finestra casella degli strumenti. Fare doppio clic sull'icona di "Input (pulsante)" si trova in questa finestra. Visual Studio inserisce un nuovo pulsante HTML nel form.
4
Fare doppio clic su tale pulsante. Visual Studio genera una funzione JavaScript denominata "Button1_onclick" e lo Visualizza nella finestra del codice. Questa funzione viene eseguita quando qualcuno fa clic sul pulsante.
5
Incollare il codice seguente in tale funzione:
funzione Button1_onclick () {
Alert ("Button Clicked");
var buttonObject = document.getElementById("Button1");
buttonObject.onclick = disattiva;
}
L'istruzione di "avviso" viene riportata la frase "Button Clicked." Il codice consente di ridefinire quindi evento click del pulsante impostandone la proprietà a un'altra funzione JavaScript denominata "Disattiva".
6
Aggiungere la seguente funzione JavaScript sotto quello elencato nel passaggio precedente:
Disable () function () {
}
Questa funzione Disattiva non contiene codice. Perché non ha nessun codice, non clic di pulsante lavoro più a lungo quando gli utenti fanno clic sul pulsante.
7
Premere "F5". Visual Studio il progetto viene eseguito e viene visualizzato il modulo nel browser. Fare clic sul pulsante e l'esecuzione di funzione "Button1_Click", causando la finestra di messaggio venga visualizzato.
8
Fare clic sul pulsante nuovo. Perché il codice disabilitato il pulsante, non accade nulla.
Consigli & Avvertenze
- La funzione Button1_Click contiene una semplice istruzione alert in questo esempio. Eliminare tale affermazione e sostituirlo con qualsiasi codice che ti piace. Tale codice verrà eseguito una volta quando gli utenti fanno clic sul pulsante per la prima volta. Dopo di che, non funziona più.
- Pulsanti HTML C-Sharp generano JavaScript nel browser. Se gli utenti disattivano JavaScript, è possibile che il pulsante HTML non funzionino più correttamente.