Главная Вход в систему Регистрация
Задать вопрос Консультации Пользователи Форум
О системе Помощь
Задать вопрос экспертам
Консультация № 161329
24.02.2009, 22:35
0.00 руб.
0 2 1
Компьютеры Программирование

Здравствуйте.

Скажите пожалуйста мне надо ,что бы при смене в списке селект менялась и подсказка при наведении курсора (текст подсказки ) под текстовым полем s_word - это можно сделать ?
Я прилагаю также вашу фунцию showTip(text,objId,divId) если можно используйте пожалуйста её, я добавил туда третий параметр .

Я продублировал вопрос на всякий случай -т..к . не понял добавился код в предыдущем вопросе или нет
Спасибо.

Приложение:
<TABLE>
<tr>
<td>
<form name=

Обсуждение

Неизвестный
24.02.2009, 22:36
общий
<TABLE>
<tr>
<td>
<form name="additionally" action="Menu_pp.php" method="post">
<input type="submit" value="Поискать ...">
<select size="1" name="add_lly">
<option selected value="4">показать ваз :</option>
<option value="3">показать тойту :</option>
<option value="2">показать опель :</option>
</select>
</td>
<td>
<input name="s_word" type="text" value="" size="25" MAXLENGTH=100>
</td>

</form>
</TABLE>



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';
}


Неизвестный
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>
Форма ответа