раскрывающийся текст
как сделать чтоб отображалась часть текста, а при нажатии ссылки раскрывался весь текс без перезагрузки и корректно работал во всех браузерах?
|
Для этого вам нужно посылать AJAX-запрос на сервер, забирать оттуда нужный текст и затем вставить его куда надо, при этом опционально проводить манипуляции с кликнутой ссылкой и контейнером для текста.
В общем, копать по слову "AJAX". |
Цитата:
<html>
<body><div style="height:300px">
<span style="cursor:pointer;color:blue" onclick="document.getElementById('ta').style.height = '100px'">раскрыть</span>
<div id="ta" style="height:20px;overflow:hidden">bla
bla <br>bla<br>bla<br>bla<br>bla<br>
</div>
еще какой-то текст</div>
</body>
</html>
|
Если раскрыть надо сравнительно небольшой кусок контента, то и такой способ покатит. А вот если надо показать довольно большую статью, например, или даже несколько, то тут желательно все-таки использовать подгрузку.
|
спасибо! а как сделать раскрывающийся - закрывающийся?
|
Есть такой jquery
Цитата:
Пример |
не работает по вашей ссылочке
|
Цитата:
кстати всё равно работает ) |
Раз уж человек не знает, как сделать раскрывающийся блок, то лучше пусть сначала поймет, как это делается в принципе, а уж потом показывать ему jQuery. Оно-то понятно, что с его помощью такое сделать как два пальца, но все же без теории знания будут в разы слабее...
|
Цитата:
|
Цитата:
|
и все-таки есть решение?
|
Часть решения уже дали, направление, где искать остальное - тоже, чего еще-то?
|
Готовый код и стрелочка -> тыкать сюда ;)
|
Вот мой код. Код кросс-броузерный.
P.S. только начинаю использовать JS, если что неправильно подскажите ошибки.
<style type="text/css">
#text {width: 450px; height: 70px; border: 1px solid #03F; overflow: hidden;}
</style>
<div id="text"> Подскажите, пожалуйста, как можно сделать так, чтобы область нажатия кнопки была та, которая видна, то есть если кнопка в виде окружности (как в формате png), то нажать на нее можно только наведя курсор на саму окружность, а не на всю прямоугольную область рисунка, спасибо<br /> Подскажите, пожалуйста, как можно сделать так, чтобы область нажатия кнопки была та, которая видна, то есть если кнопка в виде окружности (как в формате png), то нажать на нее можно только наведя курсор на саму окружность, а не на всю прямоугольную область рисунка, спасибо </div> <a href="change_photo.html" id="showText">Проссмотреть полностью</a>
<script type="text/javascript">
var showText = document.getElementById("showText");
showText.addEventListener ? showText.addEventListener("click", f_showText, false) : (showText.attachEvent("onclick", f_showText));
function f_showText(event) {
// кросс-браузерное получение события
event = event || window.event;
// кросс-браузерный запред перехода ссылки, можно было просто в самой ссылке прописать javascript:void(0);
event.preventDefault ? event.preventDefault() : (event.returnValue = false);
var div = document.getElementsByTagName("DIV")[0];
if (div.style.height == "100%")
div.style.height = "70px";
else div.style.height = "100%";
}
</script>
|
| Часовой пояс GMT +3, время: 09:32. |