Evento onTextChanged Ajax

giovedì 26 agosto 2010 - 14.55

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

Elenco Tags C# | .NET 4.0 | Windows 7 | Visual Studio 2010 | Visual Studio Express

raptuz Profilo | Newbie

15 messaggi | Data Invio: gio 26 ago 2010 - 14:55

Salve a tutti, sto realizzando una form di inserimento in cui l'utente inserisce un valore in una textbox e in un'altra a fianco viene scritto il valore moltiplicato per un tasso di conversione che prendo da un database. Il mio problema è che vorrei che questo evento fosse scatenato ad ogni pressione di tasto e non solo quando perde il focus la textbox. Ho letto qualcosa che parla di ajax ma non ho idea di come si realizzi, potete darmi una mano?

Gluck74 Profilo | Guru

1.359 messaggi | Data Invio: gio 26 ago 2010 - 18:46

domandina: il tasso di conversione lo sai già, ovvero non dipende da quello che viene scritto nella textBox dall'utente????

carica il tasso di conversione dentro un campo hidden, poi da javascript fai la moltiplicazione inserendo una funzione client su onchange della textbox

____________
Ricordati di utilizzare il tasto "Accetta" se i nostri consigli ti sono serviti a risolvere il problema.
È il modo per ringraziare chi ti ha aiutato.

raptuz Profilo | Newbie

15 messaggi | Data Invio: gio 26 ago 2010 - 22:34

no il tasso cambia da una selezione precedente, grazie dell'idea ora provo

raptuz Profilo | Newbie

15 messaggi | Data Invio: ven 27 ago 2010 - 00:21

allora con le prove che ho fatto l'evento onChange si verifica solo quando perde il fuoco su tag HTML <input> altrimenti su tag <asp:TextBox> l' evento non si genera.

Ti posto il codice così semmai puoi correggermi:

<script language="JavaScript" type="text/javascript">
function prendiValore(val) {
var qt = document.getElementById('qt');
alert(val);
var mix=val*qt.value;
alert(mix);
}
</script>

</head>
<body>
<form id="form1" runat="server">
Valore HTML<input type="text" name="valore" onchange="prendiValore(this.value)" runat=server> <br />
Valore Asp<asp:TextBox ID="txtval" runat=server onchange="prendiValore(this.value)"></asp:TextBox><br />
Tasso Di Conversione<asp:Label ID="qt" runat=server>4</asp:Label>
</form>

Gluck74 Profilo | Guru

1.359 messaggi | Data Invio: ven 27 ago 2010 - 10:49

Due correzioni:

prima di tutto il tasso conversione non puoi metterlo dentro un controllo asp, ma direttamente in un controllo HTML, altrimenti non puoi usare l'ID nella funzione javascript ma dovresti, da codice, andare a leggere il ClientID.
In pratica

<asp:Label ID="qt" runat=server>4</asp:Label>

, nella pagina html potrebbe diventare

<span id="ctl00_pnlCentro_qt">4</span>

seconda cosa la funzione che ti avevo suggerito non è quella giusta. Se vuoi far scatenare l'evento usa la onkeypress (trovi spiegazioni ed esempi su internet), però sempre con input HTML e non asp perché la funzione è lato client.

prova e dimmi se trovi complicazioni

____________
Ricordati di utilizzare il tasto "Accetta" se i nostri consigli ti sono serviti a risolvere il problema.
È il modo per ringraziare chi ti ha aiutato.

raptuz Profilo | Newbie

15 messaggi | Data Invio: ven 27 ago 2010 - 16:29

allora ho provato e con solo codice html funziona, il problema è che il valore del tasso di conversione glielo devo dare tramite codice asp quindi non posso usare il tag <span> perchè non è possibile riempirlo da codice

Gluck74 Profilo | Guru

1.359 messaggi | Data Invio: ven 27 ago 2010 - 17:08

allora metti una label, però devi controllare l'ID che viene generato

Per tagliare corto puoi scriverlo direttamente nella funzione javascript, anche se non è la strada più corretta, ma è la più veloce.

fai la pagina con il tag asp, visuallizzala nel browser e poi guarda il codice HTML. Da qui vedi l'ID che viene assegnato al tag span generato.
Devi usare quello nella funzione javascript:

var qt = document.getElementById('......').InnerText;

____________
Ricordati di utilizzare il tasto "Accetta" se i nostri consigli ti sono serviti a risolvere il problema.
È il modo per ringraziare chi ti ha aiutato.

raptuz Profilo | Newbie

15 messaggi | Data Invio: sab 28 ago 2010 - 03:15

perfetto ce l'ho fatta

, grazie dell'aiuto!

posto la soluzione:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/javascript">
function prendiValore(val) {
var qt = document.getElementById('qt');
var a=qt.firstChild;
var b=a.data
var mix = val * b;
alert(mix);
var Ris = document.getElementById('txtRis');
Ris.value = mix;
}
</script>

</head>
<body>
<form id="form1" runat="server">
Valore Asp<asp:TextBox ID="txtval" runat=server onkeyup="prendiValore(this.value)"></asp:TextBox><br />
Tasso Di Conversione<asp:Label runat=server ID="qt">4</asp:Label><br />
Risultato<asp:TextBox ID="txtRis" runat=server Enabled=false></asp:TextBox>
</form>
</body>
</html>

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 !