Ознакомьтесь с нашей политикой обработки персональных данных
11:54 

функция "сокращения текста" html

FishMUZZ
правда и ничего, кроме правды!!! =)
Как в html прописать аналог "дайревского" тэга <More> ?

какой тэг пишется в коде? и, пожалуйста, простейший пример оформления :)
заголовок и текст (желательно с возможностью обратно этот текст спрятать, кликнув по заголвку второй раз)


Комментарии
2007-02-08 в 12:30 

Faultier
Мизантроп-альтруист
Насколько я помню в хтмл никак.

А делается это с помощью CSS (а именно display) и Javasсriрt, который через простенькую функцию меняет этот аттрибут.

2007-02-08 в 12:46 

Sam
All those beautiful people I want to have them all All those porcelain models If only I could make them fall
javasсriрt лучше всего

2007-02-08 в 13:07 

FishMUZZ
правда и ничего, кроме правды!!! =)
понятно, что мне ничего не понятно...
а в Dreamweaver'e это можно сделать?
я разбираюсь в javasсriрt, аки свинья в апельсинах:)


2007-02-08 в 14:03 

Sam
All those beautiful people I want to have them all All those porcelain models If only I could make them fall
Вруша мой тебе совет, забудь дримвивер. ну а разбираешься или нет - это другой вопрос.

2007-02-08 в 14:08 

FishMUZZ
правда и ничего, кроме правды!!! =)
-Sam- а что плохого в дриме??? мне он очень нравится... уж всяко лучше чем frontpage
конечно, можно и в блокноте - ручками, но это долго и непрактично:)

а вообще, мне бы советы по существу вопроса:)

2007-02-08 в 14:15 

Sam
All those beautiful people I want to have them all All those porcelain models If only I could make them fall
Вруша по существу вопроса тебе уже сказали: хтмль не предназначен для вещей, которые тебе нужно сделать.

2007-02-08 в 14:17 

FishMUZZ
правда и ничего, кроме правды!!! =)
-Sam- ну тогда всё, спасибо, тема закрыта, чего воздух-то сотрясать?:))

2007-02-08 в 14:26 

Faultier
Мизантроп-альтруист
-Sam-

javasсriрt лучше всего
а я про что? :)

мой тебе совет, забудь дримвивер.
а причина? я веб-программер, использую его в работе и очень доволен..

Вруша
Если терпит до вечера, напишу, как дома буду. :)

2007-02-08 в 14:33 

FishMUZZ
правда и ничего, кроме правды!!! =)
Faultier буду очень благодарна:)))
мне без изощрений...

просто "заголовок", кликнув на который ниже появляется "текст":)

2007-02-08 в 14:51 

finntroll
<sсriрt LANGUAGE="Javasсriрt">
var SubMenuActive = '';
dom = (document.getElementById)? true : false;
nn4 = (document.layers)? true : false;
ie4 = (!dom && document.all)? true : false;

function displayElem(id) {
if (dom) document.getElementById(id).style.display = "block";
else if (ie4) document.all[id].style.display = "block";
else if (nn4) document.layers[id].display = "block";

}

function undisplayElem(id) {
if (dom) document.getElementById(id).style.display= "none";
else if (ie4) document.all[id].style.display= "none";
else if (nn4) document.layers[id].display= "none";
}

function checkElem(id) { // проверяет существование id и, если существует, возвращает состояние видимости.
if(dom){
if(!document.getElementById(id)) return false;
else return document.getElementById(id).style.display;
}else if(ie4){
if(!document.all[id]) return false;
else return document.all[id].style.display;
}else if(nn4){
if(!document.layers[id]) return false;
else return document.layers[id].display;
}
}

function getElem(id) { // проверяет существование id и, если существует, возвращает ссылку на него.
if(dom){
if(!document.getElementById(id)) return false;
else return document.getElementById(id);
}else if(ie4){
if(!document.all[id]) return false;
else return document.all[id];
}else if(nn4){
if(!document.layers[id]) return false;
else return document.layers[id];
}
}

function ToggleBlockDiv(divn_main, divn_part, hideother) {
divn = divn_main+divn_part;
divn_status = checkElem(divn);
if(divn_status == 'block') undisplayElem(divn);
else if(divn_status == 'none') displayElem(divn);
}
</sсriрt>


<a name="art_1"></a><a href="#nogo" style="cursor: pointer;" onClick="ToggleBlockDiv('faq_', '1', true); return false;">Раскрыть первый пункт</a><div style="display: none;" id="faq_1"><p>бла бла бла</p><hr></div><sсriрt language="Javasсriрt" type="text/javasсriрt">
<!--
undisplayElem('faq_1');
//-->
</sсriрt><br /><a name="art_2"></a><a style="cursor: pointer;" href="#nogo" onClick="ToggleBlockDiv('faq_', '2', true); return false;">Раскрыть второй</a><div style="display: none;" id="faq_2"><p>ыыыыыыыыыыыыыыыыы</p><hr></div><sсriрt language="Javasсriрt" type="text/javasсriрt">
<!--
undisplayElem('faq_2');
//-->
</sсriрt>


2007-02-08 в 15:01 

Faultier
Мизантроп-альтруист
Вруша Ну вот, Ингв@р до меня написал. :)

Хотя на мой взгляд слишком круто, можно было гораздо проще сделать.

2007-02-08 в 15:17 

finntroll
Faultier
выкладывай свой "простой" вариант. интересно же ,)

2007-02-08 в 15:21 

FishMUZZ
правда и ничего, кроме правды!!! =)
Ингв@р спасибо:) буду изучать:)

Faultier всё-таки раз есть вариант проще - надеюсь его увидеть, если несложно:)

2007-02-13 в 10:23 

WarGot
ппц
А в xajax это всего 5 строчек -)

2007-02-13 в 10:51 

Faultier
Мизантроп-альтруист
Ой.. Сорри, я забыл совсем про эту тему.. Извиняюсь-извиняюсь-извиняюсь..

Вот.. Утром, на работе, на сонную голову.. За пять минут с походом в туалет. =)

<sсriрt language="Javasсriрt" type="text/javasсriрt">
<!--
function preved(id)
{
document.getElementById('1').style.display='block';
}
//-->
</sсriрt>

<p><a href="#" onclick="java_sсriрt:preved(1);this.style.display='none';">читать дальше..</a></p>
<p id="1" style="display:none;">Большой и толстый текст</p>

2007-02-13 в 11:07 

FishMUZZ
правда и ничего, кроме правды!!! =)
Faultier СПАСИБО!!!! я ждала! :) А я на www.dikarka.ru из странички прямо код выцарапала, они там употребили этот приёмчик для себя, а урока на эту тему нет:)

<sсriрt type="text/javasсriрt">
function displ(nnn) {
if (document.getElementById(nnn).style.display == 'none')
{document.getElementById(nnn).style.display = 'block'}
else {document.getElementById(nnn).style.display = 'none'}
}
</sсriрt>


<p>ОБЫЧНЫЙ ТЕКСТ<a href="java_sсriрt:displ('var')">КЛЮЧЕВОЕ СЛОВО</a> обычный текст</p>
<div id="var" style="display: none;">
<p>
СКРЫТЫЙ ТЕКСТ СКРЫТЫЙ ТЕСКТ КОТОРЫЙ ПРЯЧЕМ
<p align="right">
<a href="java_sсriрt: displ('var')" class="itm"><i>Закрыть пояснение.</i></a></p>

2007-02-13 в 11:11 

WarGot
Faultier
Туалет как тоник, вместо кофе ? -)

2007-02-13 в 11:18 

Faultier
Мизантроп-альтруист
Вруша не за что )
В принципе то же самое, что у меня, только ещё с кнопочкой "Выкл" )

WarGot долго втыкал, что ты имел в виду.. =) Нет, это для демонстрации потраченного времени. Если быть честным, то ходил совсем не в туалет, а забирал почту..

P.S. там недодумка была небольшая.. Вот так правильно

<sсriрt language="Javasсriрt" type="text/javasсriрt">
<!--
function preved(id)
{
document.getElementById(id).style.display='block';
}
//-->
</sсriрt>

<p><a href="#" onclick="java_sсriрt:preved(1);this.style.display='none';">читать дальше..</a></p>
<p id="1" style="display:none;">Текст</p>

2007-02-13 в 11:25 

finntroll
а у меня ваши "примеры" не работают. вот так )

2007-02-13 в 11:40 

Faultier
Мизантроп-альтруист
Ингв@р странна.. у меня работают..

2007-02-13 в 11:45 

FishMUZZ
правда и ничего, кроме правды!!! =)
Faultier наверное есть какой-то нюанс:) у меня тоже обе не работают:(

2007-02-13 в 12:19 

Faultier
Мизантроп-альтруист
<p><a href="#" onClick="this.style.display='none';document.getElementById('ras').style.display='block';">more..</a></p>
<p id="ras" style="display:none;">Text</p>

Крайняя версия. По новой написана, вродь работает.. А какая ошибка получается?

Update:
под оперой не работает.. Правда странно.. Такая простая фигня, почему отказывается.. Кто-нибудь знает, это баг или фича?

P.S. Пропал мой рабочий день. =)

2007-02-13 в 12:25 

FishMUZZ
правда и ничего, кроме правды!!! =)
Ссылка есть, а кликая на неё ничего не меняется... (в эксплорере в строке состояния вообще красуется надпись "ошибка на странице" )

2007-02-13 в 12:27 

Faultier
Мизантроп-альтруист
Вруша посмотри, дайри код меняет.. может букву какую-то пропускаешь..

2007-02-13 в 12:39 

FishMUZZ
правда и ничего, кроме правды!!! =)
Faultier да я копирую:) сначала думала, что <!-- //--> мешают:) и без них пробовала и с ними:)

я ведь правильно поняла, что sсriрt пишется в <head>, а текст уже в <body> ?


2007-02-13 в 13:45 

infernal_angel
<br><span><a title="Скрытый текст" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;" class="tagcutflag">Собственно что тебе надо скрыть</a><div class="tagcut" style="display: none">Что написано в ссылке</div></span><br>

В CSS добавь

/* Под кат */
div.tagcut {
background-color: #FFFCE0;
border: 1px solid #CDBFA2;
padding: 5px;
margin: 5px 10px 5px 10px;
display: none;
}
/* флажок для ката */
a.tagcutflag {
border-bottom: 1px dashed #0055CC;
color: #0000FF;
cursor: pointer;
}

Не хочешь чтобы выделялось - не добавляй ничего в css и class=tagcut и tagcutflag удали.

2007-02-13 в 13:58 

finntroll
урезанная версия )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...l.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Лажа</title>
</head>
<body>
<sсriрt LANGUAGE="Javasсriрt">

dom = (document.getElementById)? true : false;
nn4 = (document.layers)? true : false;
ie4 = (!dom && document.all)? true : false;

function displayElem(id) {
if (dom) document.getElementById(id).style.display = "block";
else if (ie4) document.all[id].style.display = "block";
else if (nn4) document.layers[id].display = "block";

}

function undisplayElem(id) {
if (dom) document.getElementById(id).style.display= "none";
else if (ie4) document.all[id].style.display= "none";
else if (nn4) document.layers[id].display= "none";
}

</sсriрt>

<a name="art_1"></a><a href="#nogo" style="cursor: pointer;" onClick="displayElem('a'); return false;">Отобразить</a><div style="display: none;" id="a"><p>бла бла бла</p><a name="art_1"></a><a href="#nogo" style="cursor: pointer;" onClick="undisplayElem('a'); return false;">Скрыть</a></div>
</body>
</html>


без определения дома не работает, т.к. зависит от браузера...

2007-02-13 в 13:59 

FishMUZZ
правда и ничего, кроме правды!!! =)
infernal_angel спасибо!!!! мне этот вариант даже больше нравится:)

2007-02-13 в 14:02 

FishMUZZ
правда и ничего, кроме правды!!! =)
Ингв@р ээээ:) либо мне слишком сложно понять, либо это в эксплорере не фурычит:)

2007-02-13 в 14:26 

finntroll
infernal_angel, 5 балофф. двух зайцев одной строчкой ) супер.

   

!Всё о html: организация сайтов, хостинги, учебники, программы и т.д.!

главная