JQuery: FadeOut su Button asp.net

venerdì 04 maggio 2012 - 17.49

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

Elenco Tags VB.NET | .NET 4.0 | Internet explorer 8.0 | Javascript

86Marco Profilo | Expert

889 messaggi | Data Invio: ven 4 mag 2012 - 17:49

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

772 messaggi | Data Invio: dom 6 mag 2012 - 08:51

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

1.574 messaggi | Data Invio: lun 7 mag 2012 - 08:45

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

andrestu Profilo | Expert

772 messaggi | Data Invio: lun 7 mag 2012 - 16:55

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

889 messaggi | Data Invio: dom 24 giu 2012 - 11:23

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

Torna su

Stanze Forum

Elenco Threads

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 !