|
|
|
| Не знаю как сделать - нужно чтобы у пользователя была возможность при необходимости выбрать значение из выпадающего списка, либо же ввести вручную - как это можно сделать ? | |
|
|
|
|
|
|
|
для: Richard Ferlow
(05.05.2008 в 21:05)
| | Можно попробовать как-то так:
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option onclick="document.getElementById('other').style.display='block';">Другой</option>
</select>
<div id="other" style="display: none;"><input type="text"></div>
|
| |
|
|
|
|
|
|
|
для: Maya
(06.05.2008 в 02:20)
| | Интересно, спасибо. | |
|
|
|
|
|
|
|
для: Richard Ferlow
(06.05.2008 в 09:16)
| | Есть вариант сложнее, но будет полностью имитировать селект:
(писала не я, где взяла не помню :)
<div style = "left:10; top:10; position:absolute;" >
<table cellpadding = 0 cellspacing = 0>
<tr>
<td style = "vertical-align:top"><input name = "veve" style = "margin:0;padding:0" ></td>
<td style = "vertical-align:top">
<img src = "pic.gif" onclick = "ve.style.display=(ve.style.display==''?'none':'');it=2;">
</td>
</tr>
</table>
</div>
<div style = "left:10; top:31; position:absolute; display:none; width:170; color:black; font-family:verdana; font-size:10; border:1 black solid; background-color: white" id = "ve" >
<table style = "cursor:pointer;" cellsapcing = 0 cellpadding = 0 width = 100%>
<tr>
<td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'"
onmouseout = "this.style.backgroundColor='white';
this.style.color='black'" onclick = "veve.value='1'; ve.style.display='none'" >1</td>
</tr>
<tr>
<td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'"
onclick = "veve.value='2'; ve.style.display='none'"
onmouseout = "this.style.backgroundColor='white'; this.style.color='black'">2</td>
</tr>
<tr><td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'"
onclick = "veve.value='3'; ve.style.display='none'"
onmouseout = "this.style.backgroundColor='white'; this.style.color='black'">3</td>
</tr>
</table>
<script>
var it = 0;
document.onclick=zz;
function zz()
{
it--;
if(it!=1)
{
ve.style.display='none';
}
}
</script>
|
| |
|
|
|
|
|
|
|
для: Maya
(06.05.2008 в 09:52)
| | Интересно тоже.
Только тут странно что к таблице прибегнули. Но, думаю, это можно переделать.
Первый вариант думаю больше подойдет. | |
|
|
|
|
|
|
|
для: Maya
(06.05.2008 в 09:52)
| | В опере только сейчас проверил - не работает....
onclick = "veve.value='1'; вот эта штука видимо не срабатывает :( | |
|
|
|
|
|
|
|
для: Maya
(06.05.2008 в 02:20)
| | не работает этот вариант, кстати у меня. видимо тут onclick так не обрабатывается | |
|
|
|
|
|
|
|
для: Richard Ferlow
(07.05.2008 в 23:04)
| | который вариант? второй?
здесь много лишних переводов строки. уберите их. | |
|
|
|
|
|
|
|
для: Maya
(07.05.2008 в 23:38)
| | Нет, первый. В опере срабатывает, в IE нет :(
Я вот не могу придумать как у гугла спросить что мне нужно, так бы нашел наверняка то, что идеально бы подошло. | |
|
|
|
|
|
|
|
для: Richard Ferlow
(07.05.2008 в 23:43)
| | >Я вот не могу придумать как у гугла спросить что мне нужно, так бы нашел наверняка то, что идеально бы подошло.
добавить по событию элемент формы.
событие select js
скрыть по событию
показать по событию
onClick в select на самом деле в IE не обрабатывается, сорри, упустила из виду.
Можно так:
<select name="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="radio" name="" onclick="document.getElementById('other').style.display='block';">Другой
<div id="other" style="display: none;"><input type="text" name=""></div>
|
| |
|
|
|
|
|
|
|
для: Maya
(08.05.2008 в 10:31)
| | Спасибо, я воспользовался вариантом вторым сверху - он подошел вроде бы :) | |
|
|
|
|
|
|
|
для: Richard Ferlow
(08.05.2008 в 12:08)
| |
<div style = "left:10; top:10; position:absolute;" >
<table cellpadding = 0 cellspacing = 0>
<tr>
<td style = "vertical-align:top"><input name = "veve" style = "margin:0;padding:0" ></td>
<td style = "vertical-align:top">
<img src = "pic.gif" onclick = "ve.style.display=(ve.style.display==''?'none':'');it=2;">
</td>
</tr>
</table>
</div>
<div style = "left:10; top:31; position:absolute; display:none; width:170; color:black; font-family:verdana; font-size:10; border:1 black solid; background-color: white" id = "ve" >
<table style = "cursor:pointer;" cellsapcing = 0 cellpadding = 0 width = 100%>
<tr>
<td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'"
onmouseout = "this.style.backgroundColor='white';
this.style.color='black'" onclick = "veve.value='1'; ve.style.display='none'" >1</td>
</tr>
<tr>
<td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'"
onclick = "veve.value='2'; ve.style.display='none'"
onmouseout = "this.style.backgroundColor='white'; this.style.color='black'">2</td>
</tr>
<tr><td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'"
onclick = "veve.value='3'; ve.style.display='none'"
onmouseout = "this.style.backgroundColor='white'; this.style.color='black'">3</td>
</tr>
</table>
<script>
var it = 0;
document.onclick=zz;
function zz()
{
it--;
if(it!=1)
{
ve.style.display='none';
}
}
</script>
|
Вот это то, что нужно. но в опере событие onclick тут не обрабатывается. Как быть ? | |
|
|
|