Меню
Что нового?

Доступ к элементам раскрывающегося списка.

Rollton

Rollton

Новичок
Доступ к элементам раскрывающегося списка.

Здравствуйте.
Хотелось бы узнать, может кто знает, есть ли возможность отслеживать выделение элементов SELECT'е .
Т.е. как реалезовано в некоторых редакторах - пока выбираешь шрифт в раскрывающемся списке в окошке рядом показывается превьюшка.

Заранее спасибо.
 
flash-vkv

flash-vkv

Новичок
на сколько я знаю не как, но можно делать свой и уже сним что хочь то и делай
 
Scud

Scud

Новичок
событие onchange, текущий выбранный элемент selectedIndex
 
flash-vkv

flash-vkv

Новичок
onchange реагирует только при выборе элемента
а вот selectedIndex я некогда не пользовался, он реально указывает пункт который в данный момент находится под курсором?
 

master_x

Pitavale XXI wieku
flash-vkv
не под курсором, а который выбран из списка из названия понятно
 
flash-vkv

flash-vkv

Новичок
на мой вопрос мог бы и не отвечать, я и так догадывался что он на выбранный только указывает, а вопрос в начале звучал от Rollton , как узнать над каким пунктом стоит курсор , а не какой был выбран.
 
flash-vkv

flash-vkv

Новичок
а что же дальше не цетируеш?
помоему на вопрос дан исчерпываюший ответ

-~{}~ 13.03.06 15:20:

седня делал своё и получилось с родне с раскрываюшемся списком но до него надо еше скриптов добавить а так почти то что хотел Rollton
PHP: 
<!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=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
	position:relative;
	left:2;
	width:40ex;
	height:120px;
	z-index:1;
	top: 1px;
	padding-top: 2em;
}
.possibility {
	position: relative;
	top: 2px;
}
#editAJAX {
	background-color: #CCFFCC;
	position: relative;
	vertical-align: bottom;
}
#Layer2 {
	background-color: #FFCCCC;
	overflow: auto;
	height: 8em;
	width: 100%;
	border: 1px solid #000000;
}

.possibility .LoadList {
	clear: left;
	position: relative;
}
.clearanceEdit {
	position: relative;
	height: 1ex;
	width: 1px;
}
#editAJAX input {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
}
.possibility .list {
	background-color: #E1F0FF;
	position: relative;
	height: 15ex;
	width: 99%;
	overflow: auto;
	border: 1px solid #000000;
	float: left;
}
.possibility .helpList {
	overflow: hidden;
	width: 40ex;
	margin-right: 1ex;
}

.list a {
	text-decoration: none;
	overflow: hidden;
	width: 36ex;
	white-space: pre;
	float: left;
	clear: left;
	color: #000000;
	padding-left: 1ex;
}
.list a:hover {
	background-color: #000066;
	color: #FFFFFF;
}
-->
</style>
</head>

<body>


 <input name="textfield" type="text" id="textfield" size="40" />
 <div class="possibility">
   <div class="helpList">
    <div class="list">
		<a href="">Бампер FR MMC Chariot N33W -94</a>
		<a href="">Бампер FR MMC Delica 95- PD5W</a>
		<a href="">Бампер FR MMC Diamant F3#A F4#A 95-</a>
		<a href="">Бампер FR MMC Diamant F31</a>
		<a href="">Бампер FR MMC FTO</a>
		<a href="">Бампер FR MMC Galant E32</a>
		<a href="">Бампер FR MMC Galant,Legnum EA#A</a>
		<a href="">Бампер FR MMC Lancer Liber CB#A 91-</a>
		<a href="">Бампер FR MMC Lancer Liber CB3A 91-</a>
		<a href="">Бампер FR MMC Lancer Mirage C62A</a>
		<a href="">Бампер FR MMC Mirag CJ2A 3Door 95-</a>
		<a href="">Бампер FR MMC Pajero -96 4 DOOR</a>
		<a href="">Бампер FR MMC Pajero IO H76W</a>
		<a href="">Бампер FR Nis AD Y10</a>
	</div>
	<div class="LoadList">
	  идет загрузка	</div>
   </div>
 </div>


</body>
</html>
 
Войдите или зарегистрируйтесь для ответа.
Сверху