javascript

Last person · November 17, 2011

У меня возникла проблема, для зачета надо сделать сайт для архитекторов.

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

Может кто поможет, вот кусок javascript'а:

<head>

function expandit(id){

obj = document.getElementById(id);

if (obj.style.display=="none") obj.style.display="";

else obj.style.display="none";

}

</script>

</head>

<li> <a style="cursor:pointer;" onClick="expandit('proj1')"> 2004 verkaveling leymveld, dilsen </a> </li>

<div id = "proj1" class="text" style="display:none"> <h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h3>

Duis malesuada magna eget sapien vulputate id aliquam nibh lacinia. In egestas sodales felis sit amet hendrerit.

Suspendisse volutpat imperdiet semper. </div>

Edited November 17, 2011 by Last person

gurylyov · November 18, 2011


function expandit(id)
{
var obj = document.getElementById(id),
tag=document.getElementsByTagName("DIV");
for(i=0; i<tag.length;i++)
if (tag[i].id.match(/proj/)&&!tag[i].id.match(id) ) tag[i].style.display = "none";
obj.style.display == "block" ? obj.style.display = "none" : obj.style.display = "block";
}

попробуйте вот такую функцию. она ищет дивы, id которых содержит proj и разбирается с ними. если не ошибся нигде :mellow:

Edited November 18, 2011 by gurylyov

zSpx · November 18, 2011

Что за глупость? ID уникален, он может только 1 быть. У вас, ТС, все будет работать, если вы для каждого спойлера будете айдишник уникальный присваивать, а вообще, тут нужно с классами работать=/

Great Rash · November 18, 2011

Все гораздо сложнее

http://javascript.ru/ui/show-hide-toggle

zSpx · November 18, 2011

Универсальный скрипт, конечно, хороший скрипт, но имхо в таких случаях, лучше делать все блочным и не тратить время.

Switch74 · November 20, 2011

Что за глупость? ID уникален, он может только 1 быть. У вас, ТС, все будет работать, если вы для каждого спойлера будете айдишник уникальный присваивать, а вообще, тут нужно с классами работать=/

а там ID и так уникальный proj1,proj2....

я бы посоветовал в скрипте gurylyov прыгать от родителя в котором они лежат, а то мало-ли, вдруг на сайте найдётся ID="project"

а вообще я бы посоветовал jquery и т.п. там всё очень удобно и писать меньше приходится.

Sign In

javascript

Question

Last person

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

gurylyov

Link to comment

Share on other sites

zSpx

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

zSpx

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information