J'ai une page avec une liste de type <select>
En cliquant sur une image (evenement ONCLICK), j'ouvre une fenêtre "modale" qui me permet de filtrer à travers cette liste.
-->Jusque là, tout va bien :-)
Actuellement, le seul moyen de fermer la fenêtre "modale" est de cliquer sur la croix de la fenêtre. J'aimerais que cette fenêtre modale se ferme sur le ENTER ou le ESC !!! Une idée ?
---- TEST.HTML ----
<html>
<head>
<SCRIPT>
function search_NOMS(vform,vselect){
var o = new Object();
o.opener = self;
window.showModalDialog("search.asp?form="+vform+"&select="+vselect, o, "dialogWidth: 250px;dialogHeight: 50px;")
}
</SCRIPT>
</head>
<body>
<form name="form1" action="#" method="post">
<select name="sel">
<option>A</option>
<option>B</option>
<option>BB</option>
<option>BBA</option>
<option>BBC</option>
<option>CCAAA</option>
</select>
<img src="../IMAGES/filtre_off.gif" onclick="javascript:search_NOMS('form1','sel')">
</form>
---- search.asp ----
<HTML>
<HEAD>
<TITLE>Filtrer la liste</TITLE>
<script language="JavaScript">
var o = window.dialogArguments;
var opener = o.opener;
function voir() {
for (a=0;a<opener.document.<%=request.querystring("form")%>.<%=request.querystring("select")%>.length;a++)
{
if (search.value.toUpperCase()==opener.document.<%=request.querystring("form")%>.<%=request.querystring("select")%>[a].text.substring(0,search.value.length).toUpperCase())
{
return a;
}
else
{
if (opener.document.<%=request.querystring("form")%>.<%=request.querystring("select")%>[a].text.toUpperCase()>search.value.substring(0,opener.document.<%=request.querystring("form")%>.<%=request.querystring("select")%>[a].text.length).toUpperCase())
{
return -1;
}
}
}
return -1;
}
</script>
</SCRIPT>
</HEAD>
<BODY>
<table>
<tr>
<td>Rechercher:
<INPUT type=text name=search class="search_zone" onkeyup="opener.document.<%=request.querystring("form")%>.<%=request.querystring("select")%>.selectedIndex=voir();"></td>
</tr>
</table>
</FORM>
</BODY>
</HTML>
--== Ced ==--