Mantenere il focus su una textbox?

**ciat** · 28-09-2009, 14:09

Ciao a tutti sto scrivendo una chat in aspnet usando le estensioni ajax. La chat molto semplicemente è composta di una textbox multiline dove ci sono i messaggi scritti, una textbox normale per scrivere e un pulsante per inviare il messaggio. Funziona tutto bene, tranne un particolare. All' aggiornamento della pagina explorer perde il focus sulla textbox usata per scrivere. Usando il metodo .focus() lato server viene di nuovo selezionata, ma il cursore è sul primo carattere della textbox mentre io vorrei che fosse sull' ultimo. Succede solo con explorer. Sapete dirmi come fare a mantenere il focus sulla fine della textbox?

PS: Se è un problema di javascript spostate pure la discussione

**Gluck74** · 29-09-2009, 08:57

si, potresti risolvere con una semplice istruzione javascript.
..... però non me la ricordo......

**Enzaccio** · 29-09-2009, 13:26

Il concetto è questo, e arrivo a scriverti un modello; provalo un po' con diversi Navigatori e a combinarlo nel "quanto" del tuo sistema ...

codice:

<html><head>
<script type="text/javascript">

function moveFocus(){

 document.getElementsByName("msg")[0].focus();

 };

</script>
</head>
<body onload="moveFocus();">

<input name="msg" type="text">
</body></html>

Per individuare l' Elemento su cui JS deve intervenire,
ho usato:

document.getElementsByName

ma non è l' unico:

document.getElementById

e, se l' input di testo è in un FORM:

document.forms['nome_form'].msg

**Enzaccio** · 29-09-2009, 13:44

Originariamente inviato da ciat
.. il metodo .focus() lato server .., ma il cursore è sul primo carattere .. io vorrei che fosse sull' ultimo. Succede solo con explorer.

Pare che IExplorer voglia la valorizzazione del value dopo il focus()

document.getElementsByName("msg")[0].focus();
document.getElementsByName("msg")[0].value="testo messaggio";

che per il recupero del testo messaggio in corso (non dovrebbe sparire dopo il Refresh, ma già si ritrova nell' input), diventa:

document.getElementsByName("msg")[0].focus();
document.getElementsByName("msg")[0].value = document.getElementsByName("msg")[0].value;

Se ti torna, puoi meglio scrivere così la function

codice:

function moveFocus(){

 campo = document.getElementsByName("msg")[0];

 campo.focus();
 campo.value = campo.value;

 };

**ciat** · 30-09-2009, 14:44

Questa soluzione va benissimo non usando ajax per gestire la chat. Infatti non ho un evento onload del body ogni volta che si aggiorna il contenuto della chat. Nel mio caso si aggiorna solo la textarea che contiene le varie righe. Il codice che mi hai scritto tu funziona, ma devo applicarlo ad un altro evento che si verifichi ogni volta. Non so che pesci pigliare..

**br1** · 30-09-2009, 15:38

Originariamente inviato da ciat
Questa soluzione va benissimo non usando ajax per gestire la chat. Infatti non ho un evento onload del body ogni volta che si aggiorna il contenuto della chat. Nel mio caso si aggiorna solo la textarea che contiene le varie righe. Il codice che mi hai scritto tu funziona, ma devo applicarlo ad un altro evento che si verifichi ogni volta. Non so che pesci pigliare..

Un evento da sfruttare l'hai: alla fine della ricezione dei dati con ajax...

ciao

**ciat** · 30-09-2009, 16:04

Che evento ho alla fine della ricezione dei dati con ajax?
L' unico evento che ho alla fine della ricezione dei dati è lato server.
Se si può intercettare l' evento lato client io non sono capace a farlo.

**br1** · 30-09-2009, 17:42

Originariamente inviato da ciat
Che evento ho alla fine della ricezione dei dati con ajax?
L' unico evento che ho alla fine della ricezione dei dati è lato server.
Se si può intercettare l' evento lato client io non sono capace a farlo.

Perdona, evidentemente sono stato poco chiaro

Intendo dire che non hai bisogno di avere ed utilizzare un evento (in termini di programmazione ad oggetti) vero... e' sufficiente che al termine delle operazioni che esegui alla ricezione dei dati provenienti dalla richiesta ajax tu richiami esplicitamente i metodi per posizionare il cursore...

...
// ho ricevuto e utilizzato la risposta AJAX (non conosco il codice che usi)
// quindi...
campo = document.getElementsByName("msg")[0];
campo.focus();
campo.value = campo.value;
// infine esco dalla funzione che tratta AJAX
}

Se e' ancora poco chiaro mi riscuso... e spero che passi qualcun'altro

ciao

**Gluck74** · 30-09-2009, 18:12

vediamo se ho capito:

tu hai un metodo che sfruttando ajax aggiorna il conenuto della textbox.
sempre lato server fai il focus().

qui ti sei accorto che il focus lato server mette solo il focus ma non come lo voi tu.
la funzione MoveFocus suggerita viene lanciata solo durante il OnLoad javascript, ma naturalmente funziona solo la prima volta. tu vorresti farla funzionare ad ogni aggiornamento ajax.

ho capito?

se si ti serve questo

Codice PHP:


function pageLoad(sender, args) 

{ 

    var manager = Sys.WebForms.PageRequestManager.getInstance(); 

    manager.add_endRequest(EndRequest); 

} 



function EndRequest(senders, args) 

{ 

   if (args.get_error() != undefined) 

   { 

      //c'è un errore 

   } else { 

      //faccio le mie operazioni di movefocus

}

**Enzaccio** · 01-10-2009, 08:13

Originariamente inviato da ciat
... Usando il metodo .focus() lato server viene di nuovo selezionata, ma il cursore è sul primo carattere ...

Visto che arriva già il .focus() lato server, potresti anche associare l' evento alla textbox e far partire così la mia funzione:

<input name="msg" type="text" onfocus="moveFocus();" />

Discussione: Mantenere il focus su una textbox?

Strumenti discussione

Ricerca discussione

Visualizza

Mantenere il focus su una textbox?

riprendere il messaggio in una variabile

onFocus

Permessi di invio