Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: И Input и select ?
 
 автор: Richard Ferlow   (05.05.2008 в 21:05)   письмо автору
 
 

Не знаю как сделать - нужно чтобы у пользователя была возможность при необходимости выбрать значение из выпадающего списка, либо же ввести вручную - как это можно сделать ?

   
 
 автор: Maya   (06.05.2008 в 02:20)   письмо автору
 
   для: 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>

   
 
 автор: Richard Ferlow   (06.05.2008 в 09:16)   письмо автору
 
   для: Maya   (06.05.2008 в 02:20)
 

Интересно, спасибо.

   
 
 автор: Maya   (06.05.2008 в 09:52)   письмо автору
 
   для: 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>

   
 
 автор: Richard Ferlow   (06.05.2008 в 11:07)   письмо автору
 
   для: Maya   (06.05.2008 в 09:52)
 

Интересно тоже.

Только тут странно что к таблице прибегнули. Но, думаю, это можно переделать.

Первый вариант думаю больше подойдет.

   
 
 автор: Richard Ferlow   (11.05.2008 в 11:38)   письмо автору
 
   для: Maya   (06.05.2008 в 09:52)
 

В опере только сейчас проверил - не работает....
onclick = "veve.value='1'; вот эта штука видимо не срабатывает :(

   
 
 автор: Richard Ferlow   (07.05.2008 в 23:04)   письмо автору
 
   для: Maya   (06.05.2008 в 02:20)
 

не работает этот вариант, кстати у меня. видимо тут onclick так не обрабатывается

   
 
 автор: Maya   (07.05.2008 в 23:38)   письмо автору
 
   для: Richard Ferlow   (07.05.2008 в 23:04)
 

который вариант? второй?
здесь много лишних переводов строки. уберите их.

   
 
 автор: Richard Ferlow   (07.05.2008 в 23:43)   письмо автору
 
   для: Maya   (07.05.2008 в 23:38)
 

Нет, первый. В опере срабатывает, в IE нет :(

Я вот не могу придумать как у гугла спросить что мне нужно, так бы нашел наверняка то, что идеально бы подошло.

   
 
 автор: Maya   (08.05.2008 в 10:31)   письмо автору
 
   для: 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>

   
 
 автор: Richard Ferlow   (08.05.2008 в 12:08)   письмо автору
 
   для: Maya   (08.05.2008 в 10:31)
 

Спасибо, я воспользовался вариантом вторым сверху - он подошел вроде бы :)

   
 
 автор: Richard Ferlow   (15.05.2008 в 21:35)   письмо автору
 
   для: 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 тут не обрабатывается. Как быть ?

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования