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

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

  • Автор темы Автор темы jzax
  • Дата начала Дата начала

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 ) и пряч когда надо а когда ненадо показывай
 
Линка
Надо сделать три разных расчета, вот и хотел, чтобы при нажатии на первую ссылку появлялась первая форма для расчета с выпадающим меню (value='1', 2, 3, 4), на вторую - появлялась втоая форма для расчета с выпадающим меню (value='5', 6, 7, 8) и .тд.
где 1,2,3,4,5,6,7,8 и т.д. является например коэффициентом...
Т.е., при выборе одного из трех расчетов менялись коэффициенты...
Понятно более-менее объяснил???
 
jzax
прячь формы и на события клик открывай нужную, а ненужные прячь
 
угу, понял...
СПАСИБО!!!

-~{}~ 15.12.05 11:54:

я не подскажите, где мона глянуть как прятать/показывать по клику, че-то никак не могу сообразить как это сделать... :(
Или покажите, плиз, на примере...
Заранее благодарен...
 
для этого нужно изменить стиль элемента 'display'.
доступ к этому свойству из js: element.style.display
 
Вот так сделал, ничего не работает правда, сильно ошибаюсь?
<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';
 
Спасибо Вам большое!
Но еще вопросик остался...
Что надо добавить в код или изменить, чтобы блок при нажатии на разные ссылки менялся в одном месте (нажали на ссылку1 - появился блок1, нажали на ссылку2 - пропал блок1, а на ЕГО месте появился блок2, и т.д.), а то сейчас он просто грубо говоря, выводится рядышком с друг другом...
 
как-нить так?
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; ">
 
сделал так:
<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
сначала все скрой , а потом открой одну.
 
Линка, Panchous - ОГРОМНЕЙШЕЕ ВАМ СПАСИБО!!!
Сильно выручили!!!

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

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

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