Eseguire un codice da un button che a sua volta esegue un jquery fancy...

lunedì 30 gennaio 2012 - 16.39

trinity Profilo | Guru

Ciao ragazzi,
io ho due pagine aspx la prima è stata creata per inviare le email, la seconda ovviamente è una pagina in cui esce la classica scritta con banner che l'email è stata inviata.
Il codice e l'invio dell'email funziona perfettamente, queste due pagine l'ho create con vb net 2010 sono connesse ad una page master ed ecco il codice che eseguo per l'invio dell'email:

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

adesso in codice asp ho scritto questo:

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

ovviamente ho riportato solo il codice asp che mi interessa..quando eseguo il clic su button1 mi esegue perfettamente la jquery con il suo effetto ma non mi esegue il codice di invio email che si trova nell'evento prima citato...
Adesso essendo pagine collegate ad una pagemaster ho dovuto indicare il vero nome del button nella function iniziale ossia: ctl00_ContentPlaceHolder1_Button1..

La mia domanda è la seguente come faccio a lanciare la jquery ed eseguire il codice che ho scritto in vb?

Ciao

Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

TOPOAMORE Profilo | Expert

Ciao,

ma una soluzione più pulita può essere quella che dopo il click per l'invio della mail fai apparire una dialog con jquery in modalità modale che inibisce l'uso di altri bottoni e che attende il risultato dell'invio mail.

Nello specifico:

L'invio mail lo fai effetuare tramite jquery.ajax che cosi attendendo l'evento
complete
oppure
error
puoi gestire le due casistiche andando ad oscurare il dialog e visualizzare l'invio effettuato oppure l'errore.

La sequenza è la seguente:
Click bottone
Oscuramento pagina con dialog
Conteporaneamente invio tramite ajax della mail
Attesa evento di ritorno
Eliminazione dialog e visualizzazione messaggio di completamente o errore

Ciaoooo
__.__.__.__.__.__

http://salvatorecervone.wordpress.com

ASP 2.0 - VB 2008

trinity Profilo | Guru

Interessante sarebbe buon solo c'è un grande problema non saprei come fare perchè sto masticando ora qualcosina di web :(
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

totti240282 Profilo | Guru

qui,http://www.misfitgeek.com/2011/03/jquery-modal-dialog-in-an-asp-net-page/, un esempio che puoi modificare come meglio credi.
C'è solo un capitano !!!!!!

trinity Profilo | Guru

scusa stavo vendendo il codice del tuo link e nell'esempio la form modale viene avviata tramite un link...con questo codice:

<a id="tos" href="#serviceterms" title="You must agree with our tems of service.">
Click HERE to Agree to our Terms
</a>

è possibile farlo fare da un button? e se si come?

Ciao
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

trinity Profilo | Guru

Mi sono scaricato questo: http://jqueryui.com/demos/dialog/?#event-open

in pratica sto lavorando sul messaggio modale...

adesso solo la sua visualizzazione ci sono riuscito a farla funzionare :) però qui arriva il bello..
in vb ho questo oggetto che mi esegue questo codice:

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

io devo fare in modo che questo codice venga eseguito ed al suo termine mi appare il messaggio modale...
ma purtroppo non so proprio come fare.
Mi date una mano per capire?

Ciao e grazie
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

trinity Profilo | Guru

Forse sono riuscito a lanciare il messaggio modale da un button...però il problema è che tale messaggio si apre anche automaticamente all'avvio della pagina e questo non deve avvenire.
Sono stato a vedere un pò delle sue caratteristiche che si trovano in questo link: http://jqueryui.com/demos/dialog/?#option-show

e pensavo di attivare la modalità $("#dialog-message").dialog({ autoOpen: false })

ma non funziona...inoltre è possibile togliere dalla pagina la visualizzazione in fase di progettazione del testo? Come potete vedere nella pagina aspx ho scritto: "richiesta inviata con successo" vorrei che non si vedesse nella progettazione a livello grafico se si può togliere mi dite come fare?

Ultimissima domanda ma poi una volta premuto il pulsante ok nel messaggio si può eseguire un refresh della pagina azzerando i campi text? che dovrò creare?

Ciao

posto il mio progetto se potete darmi una mano ve ne sarei grato

Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

trinity Profilo | Guru

si sono riuscito a far partire una finestra di dialogo dal button diretto...adesso sto applicando il mio codice sul mio progetto dove vi è una pagemaster ma nn mi funziona...nella pagina in cui avevo fatto le prove c'era questo codice:

<body>
<form id="form1" runat="server">
<div id="dialog" title="Giordano costruzioni">
<p>Richiesta preventivo inviata con successo.</p>
</div>
<asp:Button ID="opener" runat="server" Text="Button" />
</form>
</body>

ora nella pagina aspx che è collegata ad una pagemaster non vi è il body dove devo applicare il seguente codice?

<div id="dialog" title="Giordano costruzioni">
<p>Richiesta preventivo inviata con successo.</p>

Ciao e grazie
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

TOPOAMORE Profilo | Expert

semplicemente del contentholder di default della master :

<div id="dialog" title="Giordano costruzioni"> <p>Richiesta preventivo inviata con successo.</p> </div> <asp:Button ID="opener" runat="server" Text="Button" />
__.__.__.__.__.__

http://salvatorecervone.wordpress.com

ASP 2.0 - VB 2008

trinity Profilo | Guru

nel frattempo ho creato una pagina ex novo e l'effetto funziona ora ho messo il mio codice nell'evento click del button ossia:

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

Ma quando eseguo il codice mi esce subito la finestra modale e non mi esegue il codice...come mai?

ecco il codice asp:

<asp:Button ID="opener" runat="server" Text="Invia richiesta" Height="29px"



Per la pagina pagemaster ci provo grazie...senti in un post precedente ho passato il link del sito dove ho preso le jquery..li c'è la possibilità di cambiare il tema e scaricarlo....ma non te lo fa scaricare in formato css vorrei sapere come posso cambiare i temi e nella finestra di dialogo il testo anzi meglio dire i caratteri sono grandi molto + grandi dell'esempio che esce sul sito...e ho visto che non ci sono proprietà di stabilire la grandezza dei font :(

Come posso fare?

Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

TOPOAMORE Profilo | Expert

Puoi prima di tutto creare, come gia sai, un tuo css e applicare i tuoi stili agli oggetti....puoi scaricare i temi dal sito jqueryui.com nella sezione dedicata ai themeroller dove ti viene spigato anche come fare ad applicarli :)

Ciaooo

Ricordati di chiudere se hai concluso e se ti siamo stati utili :)
__.__.__.__.__.__

http://salvatorecervone.wordpress.com

ASP 2.0 - VB 2008

trinity Profilo | Guru

è li che ho scaricato un tema ma non trovo dove mi spiega come applicarlo :(

poi non riesco a intercettare l'evento click del mio button che esegue un codice che ho scritto l'ho scritto nel penultimo post...dove sbaglio?
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

TOPOAMORE Profilo | Expert

Come procederei io è il seguente:

Creao il bottone html e non asp.
Creo il dialog modale
Creo una classe con dentro il codidce per l'invio mail

Al click del bottone faccio scatenare un evento ajax che mi richiama l'evento per l'invio della mail all'interno della classe e attendo la risposta.

Nel caso sia positiva faccio apparire il dialog con messaggio di avvenuto invio altrimenti faccio apparire il dialog con il messaggio di errore.

Per i temi:

quando vai a scaricare jquery components nello zip ci sarà una cartella contenete le immagini e i css del tema scaricato.

Per cambiare tema ti basta sostituire semplicemente la cartella delle immagini e il gioco è fatto.

da qui http://jqueryui.com/download scarichi jquery componenets dove sulla sinistra puoi anche decidere un tema di base da scaricare.

Ma come hai visto c'e' la possibilità di creare un proprio tema e scaricarlo.

Facci sapere se hai risolto
__.__.__.__.__.__

http://salvatorecervone.wordpress.com

ASP 2.0 - VB 2008

trinity Profilo | Guru

>Come procederei io è il seguente:
>
>Creao il bottone html e non asp.
>Creo il dialog modale
>Creo una classe con dentro il codidce per l'invio mail
la classe posso crearla da vb ma tieni presente che i valori li prendo da semplici textbox di asp

>
>Al click del bottone faccio scatenare un evento ajax che mi richiama
>l'evento per l'invio della mail all'interno della classe e attendo
>la risposta.

è qui che io mi fermo non essendo ancora pratico e purtroppo ragionando sempre dal punto di vista della programmazione windowsapplication non so come scatenare un evento ajax che richiama l'evento che mi invia l'email

scusa ma non posso fare così:
in vb net scrivo questo:

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

ed in asp scrivo questo:

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

così ho visto girando in rete degli esempi..


solo che l'evento click non me lo richiama :(

>
>Nel caso sia positiva faccio apparire il dialog con messaggio
>di avvenuto invio altrimenti faccio apparire il dialog con il
>messaggio di errore.
>
>Per i temi:
ti faccio sapere

Ciao
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

TOPOAMORE Profilo | Expert

allora per richiamare un evento ajax da jquery è molto semplice.

La sintassi base è:

$.ajax({ url:'', data:'', type:'' success:function(data){}, error:function(data){} })

questo e quello che a te serve.

allora
- url è il link ad una pagina che restituisce la risposta alla chiamata....io uso dei file ashx come gestore generici e all'interno mello le funzioni e scrivo aventuali risposte da passare alla funzione chiamante.

- data sono i dati da passare alla funzione nel file ashx nel seguente modo: &dato1=dato1&dato2=dato2&ecc......
- type è la modalita di passaggio dati che come saprai può GET o POST e questo determina il modo di richiamarli dalla funzione nel file ashx
all'interno di success di richiama il callback della funzione ad esecuzione effettuata con successo e data sono i dati passati dalla funzione chiamante del file ashx
L'evento di error si scatena se ci sono errori funzionali e di procedura da entrambi i lati vb e asp.

Ti passo anche un link http://api.jquery.com/jQuery.ajax/ dove ci sono gli altri parametri di questa chiamata.

Facci sape'
__.__.__.__.__.__

http://salvatorecervone.wordpress.com

ASP 2.0 - VB 2008
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