Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Сокрытие и отображение текста
 
 автор: Bolt151   (29.01.2006 в 12:21)   письмо автору
 
 

Здравствуйте мне нужно реализовать возможность вот такую

Есть Кнопка на странице при ее нажатии появляется (выдвигается) дополнительная информация,в низу.Все это без перезагруски страницы. Нажимаешь еше раз она задвигается.

Насколько я понимаю это должен быть Java Script подскажите где его достать.

   
 
 автор: cheops   (29.01.2006 в 15:06)   письмо автору
 
   для: Bolt151   (29.01.2006 в 12:21)
 

Возможно вам будет интересна тема по ссылке http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=5803

   
 
 автор: Bolt151   (29.01.2006 в 16:08)   письмо автору
 
   для: cheops   (29.01.2006 в 15:06)
 

Большое спасибо=) нашел то что нужно.
Вот только одно но
Есть страница

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> 
<title></title> 
<script language='javascript1.3'> 
function getObject(obj) { 
    var theObj 
    if (document.layers) { 
        if (typeof obj == "string") { 
            return document.layers[obj] 
        } else { 
            return obj 
        } 
    } 
    if (document.all) { 
        if (typeof obj == "string") { 
           if(document.all(obj)!=null) return document.all(obj).style ; 
           else return null; 
        } else { 
            return obj.style 
        } 
    } 
    if (document.getElementById) { 
        if (typeof obj == "string") { 
            return document.getElementById(obj).style 
        } else { 
            return obj.style 
        } 
    } 
    return null 


// Отображение объекта 
function show(obj) { 
    var theObj = getObject(obj); 
    theObj.visibility = "visible" 
    theObj.display = "block"      

// Скрытие объекта 
function hide(obj) 

    var theObj = getObject(obj) 
    theObj.visibility = "hidden"; 
    theObj.display = "none"          


function hideshow(obj) 

    var theObj = getObject(obj) 
    if (theObj.display=="none") 
    { 
      show(obj); 
    } 
    else 
    { 
      hide(obj); 
    } 


</script> 
</head> 
<body> 
<a href="#" onclick="hideshow('tabl')">Показать</a> 
<div id=tabl> 
<table border="0" summary=""> 
  <tr> 
    <td>Таблица</td> 
    <td>Таблица</td>     
  </tr> 
</table> 
</div> 

</body> 
</html> 


При нажати на ссылку таблицы исчезают.
Но нужно чтобы при отображении на странице таблицы были скрыты пока пользователь не нажмет на ссылку.

   
 
 автор: 12345   (29.01.2006 в 16:47)   письмо автору
 
   для: Bolt151   (29.01.2006 в 16:08)
 

Заменить <div id=tabl> на <div id=tabl style=display:none>.
А вообще этот грандиозный скрипт можно сократить до 1 строчки в 60-80 символов, и работать будет во всех браузерах.

<a href="#" onclick=t=document.getElementById('tabl');t.style.display=t.style.display=='none'?'':'none';return!1;>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования