button evidenziato

[progalba]

ciao, ho un form parecchio complicato intrecciato con formule ed operazioni in ajax.. è impossibile renderlo bottone submit, deve restare type button.

È possibile renderlo evidenziato? nel senso che l'utente scrive nel text input il suo nome e premendo enter (senza usare il mouse e cliccare) mi esegua l'operazione, insomma si prema?

thx sin da ora

[artorius]

mettici un ID al bottone, poi leghi all'evento della pagina window.onkeydown una funzione che controlla il bottone premuto e se il keyCode è 13 o 3 (rispettivamente il pulsante di invio sinistro e destro) allora fai $('id').click();

[progalba]

in pratica

if((window.onkeydown == "3") || (window.onkeydown == "13")){
alert('form mandato');
}


???

onkeydown è crossbrowser? almeno IE6+ e FF?

3 e 13 sono anch'essi crossbrowser?

[artorius]

Nonono, eventi!

window.onkeydown è la funzione che viene eseguita OGNI volta che premi un tasto della tastiera mentre visualizzi la pagina. Se è Firefox, a questa funzione viene passato l'evento come argomento, altrimenti l'evento lo trovi con window.event, da questo evento leggi il paramentro keyCode.

(in parole povere:

window.onkeydown = function(e){
  var evt = window.event ? window.event : e;
  var code = evt.keyCode;
  if(code == 13 || code == 3){
  /*Quello che devi*/
  }
} 

)

Prima dell'if devi vedere se l'elemento chiamante è un input per trovarlo devi usare la proprietà di evt target o srcElement (a seconda del browser solo una sarà settata)

[progalba]

allora ho in mente ora, devo provarle un po tutti i browser ma non è un problema

perfetto

ps: ciuccia un pacco di risorse? oppure solo al premendo un tasto?

se premendo un tasto e basta va benone, tanto sarà un CTRL+V la maggiorparte delle volte.

[artorius]

fa per ogni tasto, ma tanto se non è invio si ferma alla terza riga.

(in fondo alla funzione fai return code != 13 || code != 3;

[progalba]

gia,, bene ottimo thx, spero vada con i browser + usati

[artorius]

con IE6-7, con FireFox2 e 3 e con Opera 8 e 9 va.