JQuery: FadeOut su Button asp.net

venerdì 04 maggio 2012 - 17.49
Tag Elenco Tags  VB.NET  |  .NET 4.0  |  Internet explorer 8.0  |  Javascript

86Marco Profilo | Expert

Salve ragazzi,
da poco mi sto cimentando in JQuery, e per un mio piccolo progetto web sto cercando di creare un piccolo effetto FadeOut.

Questo è lo script JQuery:

<script type="text/javascript">

$(document).ready(function () {
$('#Button1').click(function () {
$('.effetti').fadeOut(2500);
});
});

</script>

Questo invece un estratto del codice HTML:

<p class="effetti">
Tutto ciò che non è documentato non potrà essere saldato all'azienda committente.
<br />
Per qualsiasi altra info contattateci compilando il nostro form contatti.
</p>
<asp:Button ID="Button1" runat="server" Text="Avvia"/>

Ora:
Se il Button1 lo inserisco come pulsante HTML tutto funziona alla perfezione.
Ma come posso fare affinchè questo funzioni con il pulsante ASP.NET????

Non so più dove sbattere la testa! Mi aiutate?? :(

GRAZIE!!

andrestu Profilo | Expert

dovresti provare ad inserire la funzione nell'evento onclientclick del pulsante aspnet.
Il problema è che il pulsante aspnet è progettato per fare il submit (invio) del form, quindi in teoria anche se fai come ti ho suggerito, non dovresti riuscire a vedere l'effetto perchè la pagina viene inviata prima, fai comunque questa prova.
Ricordati che quando fai le prove puoi controllare la modalità con cui il pulsante fa l'invio ( proprietà UseSubmitBehavior ) se false l'invio viene fatto tramite codice Javascript.
In alternativa puoi provare a creare una tua classe personalizzata ereditando da Button ed "intercettando" il rendering del pulsante in modo da modificare il codice Javascript generato aggiungendo un timeout alla funzione predisposta al postback, forse se non ricordo male cè addirittura un metodo che ti restituisce il codice javascript generato. questa è la strada più difficile ma che ti permette sicuramente il controllo al 100% sul pulsante.
http://msdn.microsoft.com/it-it/library/zt27tfhy%28v=vs.100%29.aspx


Andrea Restucci - Web Developer

totti240282 Profilo | Guru

non hao capito mai la vera differenza della proprietà "UseSubmitBehavior".
C'è solo un capitano !!!!!!

andrestu Profilo | Expert

sono due modi diversi per fare il submit, uno genera codice javascript e l'altro no, comunque basta che analizza da browser il codice generato è lo vedi stesso te...

Andrea Restucci - Web Developer

86Marco Profilo | Expert

Ragazziiii non ci sono riuscito... Andrestu sei troppo gentile e anche troppo competente per me che sono alle prime armi :).

Non avresti un esempio da postarmi??

GRazieeeeee
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2017
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5