Есть select с некоторыми option(3 штуки всего), необходимо вставлять определенный текст(ИНСТРУМЕНТ) в некий блок(div id=text), когда выберается тот или иной option.
Нужно очень срочно читать и разбираться в Яве нету времени.
Вид для печати
Есть select с некоторыми option(3 штуки всего), необходимо вставлять определенный текст(ИНСТРУМЕНТ) в некий блок(div id=text), когда выберается тот или иной option.
Нужно очень срочно читать и разбираться в Яве нету времени.
С перво частью вопроса разобралсяКод:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Calculator</title>
<style type="text/css" media="screen, projection">
@import url(style/main.css);
</style>
<script type="text/javascript">
<!--
function addCode (text) {
****if(text == "ForexGroup") {
*document.getElementById('instrument').innerHTML = 'Валютная пара:';
*document.getElementById('ForexGroup').style.display = 'block';
*document.getElementById('FuturesGroup').style.display = 'none';
*document.getElementById('StocksGroup').style.display = 'none';
****}
****else if(text == "FuturesGroup") {
*document.getElementById('instrument').innerHTML = 'Название контракта:';
*document.getElementById('ForexGroup').style.display = 'none';
*document.getElementById('FuturesGroup').style.display = 'block';
*document.getElementById('StocksGroup').style.display = 'none';
****}
****else if(text == "StocksGroup") {
*document.getElementById('instrument').innerHTML = 'Название акции:';
*document.getElementById('ForexGroup').style.display = 'none';
*document.getElementById('FuturesGroup').style.display = 'none';
*document.getElementById('StocksGroup').style.display = 'block';
****}
****else{
*document.getElementById('instrument').innerHTML = '';
*document.getElementById('ForexGroup').style.display = 'block';
*document.getElementById('FuturesGroup').style.display = 'block';
*document.getElementById('StocksGroup').style.display = 'block';
****}
}
// -->
</script>
</head>
<body>
<div id="MainPage">
<div id="Calculate">
****<p class="caption">
*Калькулятор трейдера:
****</p>
<div id="LeftColumn">
<script type="text/javascript">
function checkPositionCalc(form)
{
****var err = '';
****if(isNaN(parseFloat(form.lot.value))) {
*err = 'Неверно указан объем';
****}
****if(!(document.getElementById('cmdBuy').checked || document.getElementById('cmdSell').checked)) {
*err = 'Пожалуйста, выберите тип сделки';
****}
****if(err.length) {
*alert(err);
*return false;
****}
****return true;
}
</script>
<form name="positionCalc" action="index.php" method="post" onsubmit="return checkPositionCalc(this);">
<table>
<tr>
* *<td>Инструмент:</td>
* *<td></td>
* *<td>
****<select name="instr" class="user" onchange="javascript:addCode(this.value)">
*<option value="" selected="selected">Выбрать...</option>
*<option value="ForexGroup" *>Forex</option>
*<option value="FuturesGroup" >Futures</option>
*<option value="StocksGroup" >Stocks</option>
****</select>
****</td>
</tr>
<tr>
****<td colspan="3"></td>
</tr>
<tr>
* *<td>
*<div id="instrument">
* *</div>
****</td>
* *<td></td>
* *<td>
****<select name="pair" class="user">
*<option value="" selected="selected">Выбрать</option>
*<optgroup label="Forex" id="ForexGroup">
*****<option value="EURUSD" >EURUSD</option>
*****<option value="USDJPY" >USDJPY</option>
*****<option value="GBPUSD" >GBPUSD</option>
*****<option value="USDCHF" >USDCHF</option>
*</optgroup>
*<optgroup label="Futures" id="FuturesGroup">
*****<option value="DX" >Индекс доллара</option>
*</optgroup>
*<optgroup label="Stocks" id="StocksGroup">
*****<option value="SAMAG" >Advanced Magn.</option>
*****<option value="SAEPI" >AEP Ind.</option>
*</optgroup>
****</select>
****</td>
</tr>
<tr>
****<td colspan="3"></td>
</tr>
<tr>
* *<td>Тип сделки:</td>
* *<td></td>
* *<td>
*<input type="radio" name="cmd" value="buy" id="cmdBuy" */>
*<label for="cmdBuy">buy</label>
*
*<input type="radio" name="cmd" value="sell" id="cmdSell" */>
*<label for="cmdSell">sell</label>****</td>
</tr>
<tr>
****<td colspan="3"></td>
</tr>
<tr>
* *<td>Объем (lots):</td>
* *<td></td>
* *<td><input type="text" name="lot" value="" /></td>
</tr>
<tr>
****<td colspan="3"></td>
</tr>
<tr>
* *<td>Цена открытия:</td>
* *<td></td>
* *<td><input type="text" class="user form" name="open" value="" /></td>
</tr>
<tr>
****<td colspan="3"></td>
</tr>
<tr>
* *<td>Цена закрытия:</td>
* *<td></td>
* *<td><input type="text" class="user form" name="close" value="" /></td>
</tr>
<tr>
****<td colspan="3"></td>
</tr>
<tr>
* *<td>Подсчитать:</td>
* *<td></td>
* *<td><input type="image" src="images/but.gif" /></td>
</tr>
</table>
</form>
</div>
</div>
</div>
</body>
</html>
Но вот в ИЕ, отказывается напрочь скрывать <optgroup ... id=...
Кто нить знает как через джаву блин сделать чтобы скрывались группы
Вы посмотрите, что у вас в доктайпах твориться.. Ге-ге.
Не надо optgroup...
Хоть весч и полезная, поддержка у нее в браузерах весьма корявая...
И на стили, можно сказать, вообще не реагирует...
[/quote]Цитата:
Originally posted by WEB_bobby@May 18 2007, 18:31
Вы посмотрите, что у вас в доктайпах твориться.. Ге-ге.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
первый доктайп случайно вставился. Вообще там только один который стрикт.
Блин но мне очень нужно ОптГруп. Уважаемый Эйкройд может посоветуете какой нибудь обход... :blush2:
Фтопку. На худой конец пустые опшены... Ну и жавой их проверять соответствующим образом...
[/quote]Цитата:
Originally posted by Aykroyd@May 18 2007, 19:16
Фтопку. На худой конец пустые опшены... Ну и жавой их проверять соответствующим образом...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
А если основной селект сделать с оптгруппами, а по выбору включать тот или иной селект, то есть разбить основной селект на 3 селекта. И всего получится 4 селекта. И пятый который указывает какому селекту появиться.
[/quote]Цитата:
Originally posted by Cinic@May 18 2007, 21:30
А если основной селект сделать с оптгруппами, а по выбору включать тот или иной селект, то есть разбить основной селект на 3 селекта. И всего получится 4 селекта.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Можно. Или на жаве скрипт написать, который будет определять какие пункты должны появиться во втором селекте при выборе каждой определенной опции в первом селекте...
[Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by Cinic@May 18 2007, 21:30
И пятый который указывает какому селекту появиться.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Не знаю и не понимаю зачем...