Помощник
|
Раскрывающийся текст проблема |
mujik |
11.1.2010, 1:03;
Ответить: mujik
Сообщение
#1
|
|
Аналогичный вопрос, но только немного усложненный скрипт.
Суть - сначала показывается одна ссылка, после нажатия - раскрывается div и показывается другая ссылка (другая надпись), в данном случае - "показать" и "убрать". Опять же нужно на странице таких несколько, ориентировочно 3-4, но открывается только первый div. Думаю, можно просто отдельные скрипты написать для каждого случая и т.д., но может кто подскажет вариант получше :) <!DOCTYPE html>
<html> <head> <title>Untitled</title> </head> <body> <script> function showTooltip() { var myDiv = document.getElementById('tooltip'); var myLink1 = document.getElementById('link1'); var myLink2 = document.getElementById('link2'); if(myDiv.style.display == 'none'){ myDiv.style.display = 'block'; myLink1.style.display = 'none'; myLink2.style.display = 'block'; } else { myDiv.style.display = 'none'; myLink1.style.display = 'block'; myLink2.style.display = 'none'; } return false; } </script> <a href='javascript:;' onclick=showTooltip() id="link1">ПОКАЗАТЬ</a> <a href='javascript:;' onclick=showTooltip() style="display: none" id="link2">УБРАТЬ</a> <div id=tooltip style='display: none'><br /><br />ЗДЕСЬ ДОЛЖЕН БЫТЬ ТЕКСТ ИЛИ ТИПА ТОГО</div> </body> </html> |
|
|
alexdrob |
11.1.2010, 1:53;
Ответить: alexdrob
Сообщение
#2
|
|
<!DOCTYPE html>
<html> <head> <title>Untitled</title> </head> <body> <script> function showTooltip(l1,l2,div) { var myDiv = document.getElementById(div); var myLink1 = document.getElementById(l1); var myLink2 = document.getElementById(l2); if(myDiv.style.display == 'none'){ myDiv.style.display = 'block'; myLink1.style.display = 'none'; myLink2.style.display = 'block'; } else { myDiv.style.display = 'none'; myLink1.style.display = 'block'; myLink2.style.display = 'none'; } return false; } </script> <a href='javascript:;' onclick=showTooltip('link1','link2','tooltip1') id="link1">ПОКАЗАТЬ</a> <a href='javascript:;' onclick=showTooltip('link1','link2','tooltip1') style="display: none" id="link2">УБРАТЬ</a> <div id=tooltip1 style='display: none'><br /><br />ЗДЕСЬ ДОЛЖЕН БЫТЬ ТЕКСТ ИЛИ ТИПА ТОГО 1</div> <a href='javascript:;' onclick=showTooltip('link3','link4','tooltip2') id="link3">ПОКАЗАТЬ</a> <a href='javascript:;' onclick=showTooltip('link3','link4','tooltip2') style="display: none" id="link4">УБРАТЬ</a> <div id=tooltip2 style='display: none'><br /><br />ЗДЕСЬ ДОЛЖЕН БЫТЬ ТЕКСТ ИЛИ ТИПА ТОГО 2</div> <a href='javascript:;' onclick=showTooltip('link5','link6','tooltip3') id="link5">ПОКАЗАТЬ</a> <a href='javascript:;' onclick=showTooltip('link5','link6','tooltip3') style="display: none" id="link6">УБРАТЬ</a> <div id=tooltip3 style='display: none'><br /><br />ЗДЕСЬ ДОЛЖЕН БЫТЬ ТЕКСТ ИЛИ ТИПА ТОГО 3</div> </body> </html> |
|
|
mujik |
16.1.2010, 20:14;
Ответить: mujik
Сообщение
#3
|
|
А еще такой вопросик.
Можно ли сделать так чтобы в случае, когда в браузере отключен javascript, клик по этой ссылке открывал какую-то страницу по конкретному адресу (на которой будет та информация, которая скрыта под этим скриптом, в альтернативном виде)? |
|
|
Letmetouchyou |
17.1.2010, 13:51;
Ответить: Letmetouchyou
Сообщение
#4
|
|
Контейнер <NOSCRIPT> показывает свое содержимое, если браузер не поддерживает работу со скриптами или их поддержка отключена пользователем. В остальных случаях браузер игнорирует этот тег и все, что располагается внутри него.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <title>Тег NOSCRIPT</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script type="text/javascript"> alert("Hello, world!") </script> </head> <body> <noscript>;<p>Ваш браузер не поддерживает скрипты!</p></noscript> </body> </html> |
|
|
mujik |
24.1.2010, 22:25;
Ответить: mujik
Сообщение
#5
|
|
А можно еще немного усложнить :)
Нужно реализовать следующую идею. Вот примерно что-то такое в основе. <div> <a href=""> ПОКАЗАТЬ ТЕКСТ 1 </a> <a href="" style="display: none"> СПРЯТАТЬ ТЕКСТ 1 </a> </div> <div> <a href=""> ПОКАЗАТЬ ТЕКСТ 2 </a> <a href="" style="display: none"> СПРЯТАТЬ ТЕКСТ 2 </a> </div> <div> <a href=""> ПОКАЗАТЬ ТЕКСТ 3 </a> <a href="" style="display: none"> СПРЯТАТЬ ТЕКСТ 3 </a> </div> <div> <a href=""> ПОКАЗАТЬ ТЕКСТ 4 </a> <a href="" style="display: none"> СПРЯТАТЬ ТЕКСТ 4 </a> </div> <div> <a href=""> ПОКАЗАТЬ ТЕКСТ 5 </a> <a href="" style="display: none"> СПРЯТАТЬ ТЕКСТ 5 </a> </div> <br /><br /><br /><br /><br /><br /> <div style="display: none">ТЕКСТ 1</div> <div style="display: none">ТЕКСТ 2</div> <div style="display: none">ТЕКСТ 3</div> <div style="display: none">ТЕКСТ 4</div> <div style="display: none">ТЕКСТ 5</div> Т.е. на странице отображаются ссылки: ПОКАЗАТЬ ТЕКСТ 1 ПОКАЗАТЬ ТЕКСТ 2 ПОКАЗАТЬ ТЕКСТ 3 ПОКАЗАТЬ ТЕКСТ 4 ПОКАЗАТЬ ТЕКСТ 5 Нужно чтобы при клике на "ПОКАЗАТЬ ТЕКСТ 1" внизу появился надпись "ТЕКСТ 1" и ссылка изменилась на "СПРЯТАТЬ ТЕКСТ 1", остальные без изменений, соответственно при нажатии "СПРЯТАТЬ ТЕКСТ 1", текст внизу исчезает и ссылка снова становится "ПОКАЗАТЬ ТЕКСТ 1". Так сделать для всех можно использовав скрипт парой сообщений выше. Но нужно чтобы при клике на какую либо из ссылок типа "ПОКАЗАТЬ ТЕКСТ x" все надписи вида "ТЕКСТ x" убирались (если они были открыты до этого), а нужная открывалась. И если есть ссылки вида "СПРЯТАТЬ ТЕКСТ х", то и они соответственно изменялись на стандартные "Показать текст" Т.е. другими словами нужно чтобы клик на ссылке открывал "ТЕКСТ х", который будет заменять любой "ТЕКСТ у" открытый ранее и ссылки менялись соответственно. Letmetouchyou, спасибо. Немного не это имел ввиду, но уже не важно ) |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
SEO-текст на главной странице сайта и в категориях | 5 | boltuk | 1426 | 26.3.2024, 21:43 автор: c4p1t4l15t |
|
Можно ли в старый SEO текст вместо старого домена поставить новый? | 3 | Tutich | 1215 | 22.3.2024, 14:47 автор: Tutich |
|
Текст для сайта на английском языке | 33 | D007user | 18108 | 26.1.2022, 17:16 автор: D007 |
|
Копирайтинг и рерайт: качественный сео-текст по доступной цене! | 374 | Sostavitel | 196985 | 18.1.2022, 23:46 автор: Sostavitel |
|
Эффективный копирайтинг. Продающие и инфостатьи, лэндинги. Текст для презентации и видео. Студенческие работы. Наполнение сайтов с нуля 7 лет в сфере, более 77 млн знаков за спиной |
1 | ELECTROKATZE | 3589 | 11.6.2021, 18:48 автор: icoder |
Текстовая версия | Сейчас: 20.4.2024, 11:13 |