Скрытие/открытие блоков

[rolph]

В зависимости от выбора открывается определенный блок. В Mozilla - код работает, в IE и Chrome - нет.

JS:

function showObject(obj) {
document.getElementById(obj).style.display='';
}

function hideObject(obj) {
document.getElementById(obj).style.display='none';
}

/* COD */ 
function P1() {
showObject('cod');
hideObject('cashless');
}	
/* Cashless */ 
function P2() {
showObject('cashless');
hideObject('cod');
}

HTML (select):

<select name="payment" eform="Оплата:payment:1">
  <option value="просто позвоните мне">просто позвоните мне</option>
  <option value="наложным платежом" onClick="P1();">наложным платежом</option>
  <option value="безналичный расчет" onClick="P2();">безналичный расчет</option>
</select>

HTML (блоки):

<div id="cod" style="display:none">
...
</div>
<div id="cashless" style="display:none">
...
</div>

Подскажите, пожалуйста, где мог перехимичить?

Спасибо

Edited December 28, 2009 by rolph

[s0rr0w]

Подскажите, пожалуйста, где мог перехимичить?

Спасибо

Вот тут

style="display:none"

И вот тут

document.getElementById(obj).className = 'hidden_block'

style и class немного разные вещи

[rolph]

Вот тут

style="display:none"

И вот тут

document.getElementById(obj).className = 'hidden_block'

style и class немного разные вещи

Перепутал старый скрипт вставил.

function showObject(obj) {
document.getElementById(obj).style.display='';
}

function hideObject(obj) {
document.getElementById(obj).style.display='none';
}

/* COD */ 
function P1() {
showObject('cod');
hideObject('cashless');
}	
/* Cashless */ 
function P2() {
showObject('cashless');
hideObject('cod');
}

[Veseloff]

function showObject(obj) {
document.getElementById(obj).style.display='block';
}

Может, так?

[rolph]

function showObject(obj) {
document.getElementById(obj).style.display='block';
}

Может, так?

Пробовал в IE почему-то не работает.

Метод указанный мной, как один из вариантов

[Veseloff]

Покажите всю страницу - будет намного понятнее.

[hf3]

В ИЕ есть кнопочка в левом нижнем углу… при нажатии на которую выдаётся код ошибки и строка на которой она возникла. В других браузерах эта консоль ошибок - там тоже самое.

<select name="payment" eform="Оплата:payment:1">

<option value="просто позвоните мне">просто позвоните мне</option>

<option value="наложным платежом" onClick="P1();">наложным платежом</option>

<option value="безналичный расчет" onClick="P2();">безналичный расчет</option>

</select>

что такое eform ?

И для селекта мне кажется более логичным более было бы один общий onchange

[rus]

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

[rolph]

В ИЕ есть кнопочка в левом нижнем углу… при нажатии на которую выдаётся код ошибки и строка на которой она возникла. В других браузерах эта консоль ошибок - там тоже самое.

<select name="payment" eform="Оплата:payment:1">

<option value="просто позвоните мне">просто позвоните мне</option>

<option value="наложным платежом" onClick="P1();">наложным платежом</option>

<option value="безналичный расчет" onClick="P2();">безналичный расчет</option>

</select>

что такое eform ?

И для селекта мне кажется более логичным более было бы один общий onchange

Дык ошибка в IE - не отображается.

Eform - Обработчик форм в MODx CMS

Про onchange - думал, но не знаю как реализовать

Покажите всю страницу - будет намного понятнее.

Ссылка на форму

Edited December 29, 2009 by rolph

[hf3]

ссылку в никуда…

[dyadya]

Вот где-то так будет работать:

	<script language="JavaScript">
function chng(v) {
document.getElementById('cod').style.display='none';
document.getElementById('cashless').style.display='none';
if (v !== "")
{document.getElementById(v).style.display='';}
}

</script>
</td>
</tr>
<tr>
<td width="235" height="50">Cпособ оплаты:</td>
<td height="50" align="left"><select name="payment" onChange="chng(this.value)">
  <option value="" >просто позвоните мне</option>
  <option  value="cod" >наложным платежом</option>
  <option  value="cashless" >безналичный расчет</option>
</select></td>

[rolph]

ссылку в никуда…

Всмысле? ссылка рабочая

[rolph]

Вот где-то так будет работать:

	<script language="JavaScript">
function chng(v) {
document.getElementById('cod').style.display='none';
document.getElementById('cashless').style.display='none';
if (v !== "")
{document.getElementById(v).style.display='';}
}

</script>
</td>
</tr>
<tr>
<td width="235" height="50">Cпособ оплаты:</td>
<td height="50" align="left"><select name="payment" onChange="chng(this.value)">
  <option value="" >просто позвоните мне</option>
  <option  value="cod" >наложным платежом</option>
  <option  value="cashless" >безналичный расчет</option>
</select></td>

Работает!!! Спасибо. Видимо IE в <select> воспринимает только onchange, а не onclick в <option>