01/02/2012
Javascript e catch del tasto "enter"
Ecco una semplice funzione Javascript che consente di ottenere l'invio del contenuto di un campo di input semplicemente pigiando il tasto enter:
<script type="text/javascript">
function onEnter(evt, frm)
{
var keyCode = null;
if( evt.which )
{
keyCode = evt.which;
}
else if( evt.keyCode )
{
keyCode = evt.keyCode;
}
if( 13 == keyCode )
{
document.searchForm.searchbutton.click();
return false;
}
return true;
}
</script>
Il codice HTML ad essa associato è il seguente:
<form id="searchForm" name="searchForm" class="searchform">
<input id="input" name="input" type="text" value="Search..." onFocus="if (this.value == 'Search...') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Search...';}" onKeyPress="return onEnter(event,this.form)"/>
<input id="searchbutton" name="searchbutton" class="searchbutton" type="button" value="a" onClick="document.forms['searchForm'].submit()"/>
</form>
Alla prossima.
11:00 Scritto da: nazarenolatella in Web Editing | Link permanente | Commenti (0) | Segnala | Tag: javascript, enter, keypress, submit, form | OKNOtizie |
Facebook
23/08/2011
Creare due action diverse per un form
Recentemente ho avuto la necessità di creare due action diverse per un unico form, le quali puntano rispettivamente a 2 iframe separati (in cui visualizzare i risultati di una query eseguita mediante PHP/SQL).
Per fare una cosa di questo tipo è stato necessario utilizzare due pulsanti di submit, ad ognuno dei quali, mediante javascript, è stata assegnata una action ed un target specifico.
Ma bando alle ciance ed ecco il codice:
<form name="filtro" id="filtro" method="post">
<strong>da:</strong><input class="bordotar" type="text" name="datain" tabindex="1" id="datain"/>
<strong>a:</strong> <input class="bordotar" type="text" name="datafin" tabindex="2" id="datafin"/>
<p align="center"><input type="submit" name="filtra" id="filtra" value="Filtra i ricavi" onclick="javascript:filtro.action='ris_ricavi.php'; filtro.target='frame1'" tabindex="3" /></p>
<p align="center"><input type="submit" name="filtra" id="filtra" value="Filtra i costi" onclick="javascript:filtro.action='ris_costi.php'; filtro.target='frame2'" tabindex="4" /></p>
<iframe name="frame1" id="frame1" src ="ris_ricavi.php" align="middle" width="750" height="300">
<iframe name="frame2" id="frame2" src ="ris_costi.php" align="middle" width="750" height="300">
</form>
Per qualunque chiarimento contattatemi.
A presto.
15:23 Scritto da: nazarenolatella in Web Editing | Link permanente | Commenti (2) | Segnala | Tag: xhtml, iframe, submit, form, input, target | OKNOtizie |
Facebook
















