Версия для печати темы

Нажмите сюда для просмотра этой темы в обычном формате

Форум о web-дизайне, графике - RusForumz _ Web-программирование: JavaScript _ Проблема с Javascript-ом

Автор: Alexx123 25.4.2008, 9:38

Проблема такая - вставил я скрипт на страничку, который в тексте при нажатии на ссылку раскрывает ещё текст, но раскрывает его поверх уже имеющегося. Как сделать так, чтобы нижний текст сдвигался бы при раскрыти текста из скрипта?

Автор: NixoN 25.4.2008, 17:13

код покажите...

Автор: 3ABAPKA 28.4.2008, 6:42

Пробуй такое!
Это вставь между <html></html>

Код
<script language="JavaScript" type="text/javascript">
//<!--
  function OpenAnsw(ans_id) {
    var obj_ctrl = getObj(ans_id);
    if ( obj_ctrl ) {
      obj_ctrl.style.display = (obj_ctrl.style.display == "none" ? "block" : "none");

    }
  }
  
  function getObj(obj_name, doc_obj) { //get DOM node
    if (!doc_obj) doc_obj = document;
    if (doc_obj.all)
        return doc_obj.all[obj_name];
    else if (doc_obj.getElementById)
        return doc_obj.getElementById(obj_name);
    return null;
}

  
//-->
</script>

Это в body
Код
<div class="" id="qst_6" onclick="OpenAnsw('ans_6');">
             Слово
               <div align="right">
                   <div class="" id="ans_6" style="display: none;">
                    текст который будет появляться и сдвигать ниже идущий текст
                   </div>
               </div>
       </div>

Я код выдернул из свой странички, вроде ничего не забыл. Если не заработает отпишись!
Внимание!!! обрати внимание на id=""
id="qst_ должен свпадать с id="ans_

Автор: iluha@iluha.ru 29.4.2008, 20:35

Не совсем понятное заданое, но мне кажется, что выход то простой.

Имеем текст А и текст Б
в переменную В складываем текст Б, потом А

При открытии страницы сначала должно быть так:

<span id='MyTxt1'>тут исходный текст А</span>

при нажатии на ссылку по onClick выполняем замену всего исходного текста на новый:

MyTxt1.innerHTML=переменнаяВ;

и исходный текст заменится на текст, который содержит новый текст и старый.

Русская версия Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)