ЕСть скрипт, который показывает скрытые области при нажатии на ссылку:
Код
<p>
Пешеходов надо любить. Пешеходы составляют большую часть человечества. Мало того - лучшую его часть. Пешеходы создали мир.
</p>
<p id="someid" style="display:none">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p>
И когда все было готово, когда родная планета приняла сравнительно благоустроенный вид, появились автомобилисты.
</p>
<p>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide();">Показать/скрыть</span>
</p>
Пешеходов надо любить. Пешеходы составляют большую часть человечества. Мало того - лучшую его часть. Пешеходы создали мир.
</p>
<p id="someid" style="display:none">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p>
И когда все было готово, когда родная планета приняла сравнительно благоустроенный вид, появились автомобилисты.
</p>
<p>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide();">Показать/скрыть</span>
</p>
Функция ShowHide()
Код
function showHide() {
if ( document.getElementById("someid").style.display == "block" )
document.getElementById("someid").style.display = "none";
else
document.getElementById("someid").style.display = "block";
}
if ( document.getElementById("someid").style.display == "block" )
document.getElementById("someid").style.display = "none";
else
document.getElementById("someid").style.display = "block";
}
1. Данный вариант работает для одной области, что надо поменять чтобы использовать этот скрипт если областей больше чем одна?
2. как сделать чтобы при нажатии на мою ссылку картинка перед ней, допустим в виде "+", становился соответственно "-" ?
Спустя 40 минут, 4 секунды (6.11.2008 - 11:49) Sylex написал(а):
HTML
<script type="text/javascript">
function showHide(n) {
var name = "someid" + n;
if ( document.getElementById(name).style.display == "block" )
document.getElementById(name).style.display = "none";
else
document.getElementById(name).style.display = "block";
}
</script>
<p>
Пешеходов надо любить. Пешеходы составляют большую часть человечества. Мало того - лучшую его часть. Пешеходы создали мир.
</p>
<p id="someid1" style="display:none">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid2" style="display:none; color: green">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid3" style="display:none; color: blue">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid4" style="display:none; color: red">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p>
И когда все было готово, когда родная планета приняла сравнительно благоустроенный вид, появились автомобилисты.
</p>
<p>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(1);">Показать/скрыть 1</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(2);">Показать/скрыть 2</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(3);">Показать/скрыть 3</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(4);">Показать/скрыть 4</span><br><br>
</p>
function showHide(n) {
var name = "someid" + n;
if ( document.getElementById(name).style.display == "block" )
document.getElementById(name).style.display = "none";
else
document.getElementById(name).style.display = "block";
}
</script>
<p>
Пешеходов надо любить. Пешеходы составляют большую часть человечества. Мало того - лучшую его часть. Пешеходы создали мир.
</p>
<p id="someid1" style="display:none">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid2" style="display:none; color: green">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid3" style="display:none; color: blue">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid4" style="display:none; color: red">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p>
И когда все было готово, когда родная планета приняла сравнительно благоустроенный вид, появились автомобилисты.
</p>
<p>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(1);">Показать/скрыть 1</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(2);">Показать/скрыть 2</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(3);">Показать/скрыть 3</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(4);">Показать/скрыть 4</span><br><br>
</p>
Спустя 2 часа, 31 минута, 11 секунд (6.11.2008 - 14:20) Dread написал(а):
Цитата(Sylex @ 6.11.2008, 8:49) [snapback]53691[/snapback]
HTML
<script type="text/javascript">
function showHide(n) {
var name = "someid" + n;
if ( document.getElementById(name).style.display == "block" )
document.getElementById(name).style.display = "none";
else
document.getElementById(name).style.display = "block";
}
</script>
<p>
Пешеходов надо любить. Пешеходы составляют большую часть человечества. Мало того - лучшую его часть. Пешеходы создали мир.
</p>
<p id="someid1" style="display:none">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid2" style="display:none; color: green">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid3" style="display:none; color: blue">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid4" style="display:none; color: red">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p>
И когда все было готово, когда родная планета приняла сравнительно благоустроенный вид, появились автомобилисты.
</p>
<p>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(1);">Показать/скрыть 1</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(2);">Показать/скрыть 2</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(3);">Показать/скрыть 3</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(4);">Показать/скрыть 4</span><br><br>
</p>
function showHide(n) {
var name = "someid" + n;
if ( document.getElementById(name).style.display == "block" )
document.getElementById(name).style.display = "none";
else
document.getElementById(name).style.display = "block";
}
</script>
<p>
Пешеходов надо любить. Пешеходы составляют большую часть человечества. Мало того - лучшую его часть. Пешеходы создали мир.
</p>
<p id="someid1" style="display:none">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid2" style="display:none; color: green">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid3" style="display:none; color: blue">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p id="someid4" style="display:none; color: red">
Это они построили города, возвели многоэтажные здания, провели канализацию и водопровод, замостили улицы и осветили их электрическими лампами. Это они распространили культуру по всему свету, изобрели книгопечатание, выдумали порох, перебросили мосты через реки, расшифровали египетские иероглифы, ввели в употребление безопасную бритву, уничтожили торговлю рабами и установили, что из бобов сои можно изготовить сто четырнадцать вкусных питательных блюд.
</p>
<p>
И когда все было готово, когда родная планета приняла сравнительно благоустроенный вид, появились автомобилисты.
</p>
<p>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(1);">Показать/скрыть 1</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(2);">Показать/скрыть 2</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(3);">Показать/скрыть 3</span><br><br>
<span style="color:blue; text-decoration:underline; cursor:pointer" onclick="showHide(4);">Показать/скрыть 4</span><br><br>
</p>
А как сделать чтобы при нажатии на мою ссылку картинка перед ней, допустим в виде "+", становился соответственно "-" ?
Спустя 12 минут, 18 секунд (6.11.2008 - 14:32) Sylex написал(а):
Цитата(Dread @ 6.11.2008, 17:20) [snapback]53702[/snapback]
А как сделать чтобы при нажатии на мою ссылку картинка перед ней, допустим в виде "+", становился соответственно "-" ?
HTML
<script type="text/javascript">
var checked = new Image();
var unchecked = new Image();
checked.src = '1.gif';
unchecked.src = '2.gif';
a = 1;
function SwitchImage() {
if ( a == 1) {
a = 2;
document.getElementById('my').src = checked.src
} else {
a = 1;
document.getElementById('my').src = unchecked.src
}
}
</script>
<img src="2.gif" id="my">
<a href="java script:;" onClick="SwitchImage();">click</a>
var checked = new Image();
var unchecked = new Image();
checked.src = '1.gif';
unchecked.src = '2.gif';
a = 1;
function SwitchImage() {
if ( a == 1) {
a = 2;
document.getElementById('my').src = checked.src
} else {
a = 1;
document.getElementById('my').src = unchecked.src
}
}
</script>
<img src="2.gif" id="my">
<a href="java script:;" onClick="SwitchImage();">click</a>
Спустя 1 год, 10 месяцев, 24 дня, 20 часов, 1 минута, 30 секунд (1.10.2010 - 09:34) onik_kenterberiiskii написал(а):
чет никто не подбагодарил человека)лучше поздно чем никогда)спс
_____________