28.02.2009, 00:09
общий
это ответ
Здравствуйте, Dima1967!
Красивее сделать не успел, много работы...
Приложение:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251">
<title>Untitled</title>
<link rel = "stylesheet" type = "text/css" href = "my.css">
</head>
<body>
<form name = "additionally" action = "Menu_pp.php" method = "post">
<TABLE>
<tr>
<td>
<input type = "submit" value = "Поискать ...">
<select id = "add_lly" size = "1" name = "add_lly">
<option selected value = "4">показать ваз :</option>
<option value = "3">показать тойту :</option>
<option value = "2">показать опель :</option>
</select>
</td>
<td>
<input id="s_word" name = "s_word" type = "text" value = "" size = "25" MAXLENGTH = 100>
</td>
</tr>
</TABLE>
</form>
<div style="display:none;position:absolute;background:#000; color:#FFF" id="tip">
</div>
<script language = "javascript" type = "text/javascript">
function showTip(text, objId, divId) /*ИД Объекта под которым будет всплывать подсказка*/
{
var div = document.getElementById(divId);
var obj = document.getElementById(objId);
var x = y = 0;
var wd = obj.offsetWidth;
var ht = obj.offsetHeight;
while (obj)
{
x += obj.offsetLeft;
y += obj.offsetTop;
obj = obj.offsetParent;
}
div.style.left = x + 'px';
div.style.top = (y + ht) + 'px';
div.style.width = wd;
div.innerHTML = text;
div.style.display = 'block';
}
function hideTip(divId){
document.getElementById(divId).style.display = 'none';
}
window.onload = function(){
var select = document.getElementById('add_lly');
var input = document.getElementById('s_word');
var text = select.value;
select.onchange = function(){
text = this.value;
}
input.onmouseover = function(){
showTip(text,'s_word','tip');
}
input.onmouseout = function(){
hideTip('tip');
}
}
</script>
</body>
</html>