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

Вставка файла по событию OnClick

jzax

Guest
Вставка файла по событию OnClick (DIV???)

Есть три ссылки, надо сделать, чтобы при нажатии на одну из ссылок был виден определенный текст, на другую - другой кусочек текста и т.д.

Попробывал так: Первому OnClick'у задал aaa='text1.js', и там где надо вывести тескт написал <script type="text/javascript" src="aaa"></script>
Но, в глубине души чувствую, что муть написал... :)
И как должно выглядеть содержимое файлика text1.js :
1.
document.write ('<option value="1">1</option>');
document.write ('<option value="2">2</option>');
или
2.
'<option value="500">500</option>'
'<option value="600">600</option>'

Помогите еще разочек, плиз...
 

Линка

Новичок
jzax
в файле js должен быть код js а не теги как во 2 случае
скажика а зачем те это надо, мож есть более рациональный метод решения этой проблемы
можешь так попробовать , заcyнь свою инфо в области(div ) и пряч когда надо а когда ненадо показывай
 

jzax

Guest
Линка
Надо сделать три разных расчета, вот и хотел, чтобы при нажатии на первую ссылку появлялась первая форма для расчета с выпадающим меню (value='1', 2, 3, 4), на вторую - появлялась втоая форма для расчета с выпадающим меню (value='5', 6, 7, 8) и .тд.
где 1,2,3,4,5,6,7,8 и т.д. является например коэффициентом...
Т.е., при выборе одного из трех расчетов менялись коэффициенты...
Понятно более-менее объяснил???
 

Линка

Новичок
jzax
прячь формы и на события клик открывай нужную, а ненужные прячь
 

jzax

Guest
угу, понял...
СПАСИБО!!!

-~{}~ 15.12.05 11:54:

я не подскажите, где мона глянуть как прятать/показывать по клику, че-то никак не могу сообразить как это сделать... :(
Или покажите, плиз, на примере...
Заранее благодарен...
 

Panchous

Павел
для этого нужно изменить стиль элемента 'display'.
доступ к этому свойству из js: element.style.display
 

jzax

Guest
Вот так сделал, ничего не работает правда, сильно ошибаюсь?
<html>
<head><title></title>
<script language="javascript">
function qqq() {
document.getElementById(g1).style.display = 'block';
document.getElementById(g2).style.display = 'block';
}
</script>
</head>
<body>
<A HREF='#' OnClick='qqq();'>Ссылка1</A><br>
<A HREF='#' OnClick='qqq();'>Ссылка2</A><br>

<div id="g1" style="display:none">111</div>
<div id="g2" style="display:none">222</div>
</body>
</html>
 

Линка

Новичок
jzax
<form id=my_form style="display:none">
<input type=text>
</form>

<a href='#' onclick="my_form.style.display='block';return false; ">

document.getElementById(g1).style.display = 'block';g1 надо писать в скобках, а то он думает что это переменная;
document.getElementById('g1').style.display = 'block';
 

jzax

Guest
Спасибо Вам большое!
Но еще вопросик остался...
Что надо добавить в код или изменить, чтобы блок при нажатии на разные ссылки менялся в одном месте (нажали на ссылку1 - появился блок1, нажали на ссылку2 - пропал блок1, а на ЕГО месте появился блок2, и т.д.), а то сейчас он просто грубо говоря, выводится рядышком с друг другом...
 

jzax

Guest
как-нить так?
if (OnClick='qqq1())
{
document.write('блок1');
}
else if (OnClick='qqq2())
{
document.write('блок2');
}

-~{}~ 15.12.05 12:36:

все, понял, сделал...
СПАИСИБО!!!
 

Линка

Новичок
jzax
<form id=my_form1 style="display:none">
<input type=text>
</form>

<form id=my_form2 style="display:none">
<input type=text>
</form>

<form id=my_form3 style="display:none">
<input type=text>
</form>

<a href='#' onclick="document.getElementById('my_form1').style.display='block';document.getElementById('my_form2').style.display='none';document.getElementById('my_form3').style.display='none';return false; ">

<a href='#' onclick="document.getElementById('my_form2').style.display='block';document.getElementById('my_form1').style.display='none';document.getElementById('my_form3').style.display='none';return false; ">

<a href='#' onclick="document.getElementById('my_form3').style.display='block';document.getElementById('my_form2').style.display='none';document.getElementById('my_form1').style.display='none';return false; ">
 

jzax

Guest
сделал так:
<a href='#' onclick="g1.style.display='block';g2.style.display='none';g3.style.display='none';return false; ">1111</a>
<a href='#' onclick="g2.style.display='block';g1.style.display='none';g3.style.display='none';return false; ">2222</a>
<a href='#' onclick="g3.style.display='block';g1.style.display='none';g2.style.display='none';return false; ">3333</a>
но это у меня щас 3 ссылки, а если будет 20, то также и прописывать для всех 20???
Или есть какой-нить другой выход???
че-нить наподобе, если нажал на ссылку1, она = block, а все отличные от нее ссылки = none???

-~{}~ 15.12.05 12:43:

А document.getElementById обязательно, к меня и без этого работает???
 

Линка

Новичок
jzax
в цикле пробежись по всем формам,типа form
сначала все скрой , а потом открой одну.
 

jzax

Guest
Линка, Panchous - ОГРОМНЕЙШЕЕ ВАМ СПАСИБО!!!
Сильно выручили!!!

---
А document.getElementById обязательно, у меня и без этого работает???
 

Линка

Новичок
jzax

element.style---является устаревшим.
к свойствам некоторых элементов им можно не докопаться.

document.getElementById -является более совершенным
 
Войдите или зарегистрируйтесь для ответа.
Сверху