Что тоя тупею. Скажите плиз.
Как сделать чтобы при нажатии на ссылку или что-то там еще. элемент див был видим или невидимым.
<span onClick="show('name')">Show Element</span>
<div id="name">то что надо скрыть или наоборот показать</div>
Это MWEB.RU
Не узнаешь, %username%?
Очень тупой вопрос
Модератор: [mweb team]
Сообщений: 16 • Страница 1 из 1
Очень тупой вопрос
Jedi Пт фев 15, 2008 1:23
-
Jedi - Хронический Астматик
- Сообщения: 1852
- Зарегистрирован: Вс сен 08, 2002 0:01
- Откуда: Russia
ORC Пт фев 15, 2008 1:32
opacity: 0;
------------------------------------------------
http://www.pixelbox.ru - все для фотошопа
http://www.pixelbox.ru - все для фотошопа
-
ORC - Прохожий
- Сообщения: 82
- Зарегистрирован: Пт апр 04, 2003 16:58
- Откуда: Волгоград
Padonak Пт фев 15, 2008 8:50
<html>
<title>Show / hide</title>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function showHide(objID){
var what = document.getElementById(objID);
what.style.visibility = (what.style.visibility == "hidden") ? "visible" : "hidden";
}
//-->
</script>
<style type="text/css">
<!--
#fuck{visibility: visible;}
-->
</style>
</head>
<body>
<a href="#null" onclick="showHide('fuck')">Show Element</a>
<div id="fuck">то что надо скрыть или наоборот показать</div>
</body>
</html>
<title>Show / hide</title>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function showHide(objID){
var what = document.getElementById(objID);
what.style.visibility = (what.style.visibility == "hidden") ? "visible" : "hidden";
}
//-->
</script>
<style type="text/css">
<!--
#fuck{visibility: visible;}
-->
</style>
</head>
<body>
<a href="#null" onclick="showHide('fuck')">Show Element</a>
<div id="fuck">то что надо скрыть или наоборот показать</div>
</body>
</html>
Uncaught TypeError: 
-
Padonak - Философ-разговорник
- Сообщения: 3872
- Зарегистрирован: Вт дек 13, 2005 3:23
- Откуда: Ростов-на-Дону
Muerto Пт фев 15, 2008 10:51
2Padonak: Забываешь собственный совет!: <a href="#null" onclick="showHide('fuck'); return false;">Show Element</a> 
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
www.muerto.ru
-
Muerto - Растаман
- Сообщения: 3597
- Зарегистрирован: Пн окт 11, 2004 19:09
- Откуда: Москва
-
Padonak - Философ-разговорник
- Сообщения: 3872
- Зарегистрирован: Вт дек 13, 2005 3:23
- Откуда: Ростов-на-Дону
Muerto Пт фев 15, 2008 14:05
2Padonak: Твоя правда, ступил я!
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
www.muerto.ru
-
Muerto - Растаман
- Сообщения: 3597
- Зарегистрирован: Пн окт 11, 2004 19:09
- Откуда: Москва
Padonak Пт фев 15, 2008 14:27
2Muerto: вот тебе призовой код 
- Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Show / hide</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
<!--
#jedi{
position: absolute;
top: 200px;
left: 50px;
z-index: 1;
}
#muerto{
position: absolute;
top: 200px;
right: 50px;
z-index: 2;
}
#container{
width: 100%;
text-align: center;
margin-top: 100px;
}
#fuck{
visibility: visible;
margin-top: 100px;
font-size: 16px;
font-weight: bold;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
var titles = new Array();
titles[0] = {ttl:"Скрыть", vis:"visible"};
titles[1] = {ttl:"Показать", vis:"hidden"}
var timer = "";
function showHide(elem, objID){
var what = document.getElementById(objID);
var jedi = document.getElementById("jedi");
var muerto = document.getElementById("muerto");
if(elem.innerHTML == titles[0]["ttl"]){
elem.innerHTML = titles[1]["ttl"];
what.style.visibility = titles[1]["vis"];
var direction = 1;
}
else{
elem.innerHTML = titles[0]["ttl"];
what.style.visibility = titles[0]["vis"];
var direction = 2;
}
if(timer != ""){clearTimeout(timer);}
goFly(direction, jedi.offsetLeft, muerto.offsetLeft);
}
function goFly(direction, j, m){
var jedi = document.getElementById("jedi");
var muerto = document.getElementById("muerto");
if(direction == 1){
if(jedi.offsetLeft < (document.body.clientWidth - 130)){
jedi.style.left = j + "px";
j+=10;
muerto.style.left = m + "px";
m-=10;
}
else{clearTimeout(timer);return;}
}
else{
if(muerto.offsetLeft < (document.body.clientWidth - 130)){
muerto.style.left = m + "px";
m+=10;
jedi.style.left = j + "px";
j-=10;
}
else{clearTimeout(timer);return;}
}
timer = setTimeout("goFly("+direction+", "+j+", "+m+")", 1);
}
//-->
</script>
</head>
<body>
<div id="jedi"><img src="http://forum.mweb.ru/images/avatars/547180073452ce5c92ab0a.gif" alt="The Force is a powerful Ally and a terrible Foe"></div>
<div id="muerto"><img src="http://forum.mweb.ru/images/avatars/1992469110478dee9828718.png" alt="Nadie hablara de nosotras cuando hayamos muerto"></div>
<div id="container">
<a href="#null" onclick="showHide(this,'fuck')" onfocus="this.blur()">Скрыть</a>
<div id="fuck">то что надо скрыть или наоборот показать</div>
</div>
</body>
</html>
Uncaught TypeError:
-
Padonak - Философ-разговорник
- Сообщения: 3872
- Зарегистрирован: Вт дек 13, 2005 3:23
- Откуда: Ростов-на-Дону
Padonak Пт фев 15, 2008 22:50
Jedi писал(а):да. новот еще что. к примеру есть
<div id=1>text</div>
<div id=2>text</div>
<div id=3>text</div>
надо чтобы когда див2 становится невдимым. див3 подвигался к див1.
ты зобылл расказать как они изначально стоялле
просто друг над другом? ты меню что ли делаешь там?Uncaught TypeError:
-
Padonak - Философ-разговорник
- Сообщения: 3872
- Зарегистрирован: Вт дек 13, 2005 3:23
- Откуда: Ростов-на-Дону
Skay Пт фев 15, 2008 23:36
чтобы элемент вырезался из потока нужно юзать вместо visibility свойство display со значениями none (элемент скрыт) и block (элемент показан)... А так скрипт аналогичный пАдонкоффскому)
money + sleep = awesome
-
Skay - Хронический Астматик
- Сообщения: 1373
- Зарегистрирован: Вс мар 10, 2002 1:01
Padonak Пт фев 15, 2008 23:46
2Skay: ну там можно и не делать дисплей:нан - смотря чо он хочет. в некоторых случаях появление скрытого таким образом элемента можэт криво работать он искажен будет или еще чего... такое хорошо если скрыть 1 раз - тогда стопудов все ок будет. он ТЗ херово сформулировалл вот и не ясно чо ему надо
Uncaught TypeError:
-
Padonak - Философ-разговорник
- Сообщения: 3872
- Зарегистрирован: Вт дек 13, 2005 3:23
- Откуда: Ростов-на-Дону
Skay Пт фев 15, 2008 23:59
2Padonak: представь себе проводник в винде, папки - ссылки - кликаешь и разворачивается блок, кликаешь еще раз и он сворачивается, а нижние элементы поднимаются вверх и не остается пустого места после сворачивания папки. Именно про это он и спрашивал, имхо))
money + sleep = awesome
-
Skay - Хронический Астматик
- Сообщения: 1373
- Зарегистрирован: Вс мар 10, 2002 1:01
Skay Сб фев 16, 2008 0:24
дык, вот тебе пАдонкоффский скрипт:
- Код: Выделить всё
<html>
<head>
<style>
div#left {
width: 30%;
background: #F00;
}
div#center {
display: block;
width: 30%;
background: #0F0;
}
div#right {
width: 30%;
background: #00F;
}
</style>
<script language="JavaScript" type="text/javascript">
<!--
function showHide(objID){
var what = document.getElementById(objID);
what.style.display = (what.style.display == "none") ? "block" : "none";
}
//-->
</script>
</head>
<body>
<div id="left">Left block</div>
<div id="center">Center block</div>
<div id="right">Right block</div>
<p><a href="#null" onclick="showHide('center')">Hide center</a></p>
</body>
</html>
money + sleep = awesome
-
Skay - Хронический Астматик
- Сообщения: 1373
- Зарегистрирован: Вс мар 10, 2002 1:01
Сообщений: 16 • Страница 1 из 1
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 13