کنترل در رویداد هم زمان [بایگانی]

mahdi1373

پنج شنبه 23 دی 1389, 18:42 عصر

سلام، من توی سایتم می خواهم یه table باز شو بزارم. به طوری که اگه کسی روی text box ام کلیک کرد، اون table نمایش داده بشه. یعنی می خواهم اگه روی textbox یا خود table فکوس شد، table نمایش داده بشه، و اگه فوکوس از این دو از بین رفت، table غیب بشه.
طبیعتا فقط وقتی میتونه روی table فوکوس شه که اول روی textbox فوکوس شه، بعد table نمایش داده بشه، بعد روش فوکوس شه.
مشکلم این جاست که نمی دونم چطوری باید هم رویداد های table رو در نظر بگیرم و هم رویداد های textbox رو.
ممنون میشم اگه کمکم کنید.

hossin.esm

جمعه 24 دی 1389, 17:02 عصر

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var fo=false;
var out=false;
function foc()
{
fo=true;
var e=document.getElementById('tbl');
e.style.visibility='visible';

}
function blu()
{
fo=false;
var e=document.getElementById('tbl');
if(out)
{
e.style.visibility='hidden';
}
}
function over()
{

out=false;
var e=document.getElementById('tbl');
e.style.visibility='visible';

}
function ou()
{
out=true;
var e=document.getElementById('tbl');
if(!fo)
{
e.style.visibility='hidden';
}
}
</script>
</head>
<body>
<input type="text" onfocus="foc()" onblur="blu()"/>
<div id='tbl' style="background:#CCC;position:absolute;width:100px;heig ht:100px;visibility:hidden;" onmouseover="over()" onmouseout="ou()"> test </div>
</body>
</html>