Форум PHP программистов > Как сделать кнопку "больше" для большого текста ?

Oggy

7.03.2014 - 12:43

Здравствуйте. У меня в php переменной хранится некий текст. Сейчас я его вывожу весь а надо вывести 100 первых символов и сделать ссилку "больше" по нажатию на ету ссылку будет показыватся весь текст. Подскажыте пожалуйста, как такое сделать ?

DedMorozzz

7.03.2014 - 12:57

В скрытый див(инпут, спан...) кидаешь полный текст или полный текст в тайтл

При клике делать выборку из тайтла и заменять конент

Пример на джеквейри, когда текст вида ХТМЛ. А полный текст хранится в тайтле

var full_desc = $('.my_desc_short').attr('title');
$('.my_desc_short').html(full_desc);

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

<div class="my_desc_short" full_text="<?=$full_text?>">
<?=$short_text?>
</div>

JS будет соответственно таким:

var full_desc = $('.my_desc_short').attr('full_text');
$('.my_desc_short').html(full_desc);

_____________
Если не говорить пользователям, что Linux это "Сложно и страшно", то им совершенно всё равно, в чём не разбираться

Oggy

7.03.2014 - 13:26

Цитата (DedMorozzz @ 7.03.2014 - 08:57)

В скрытый див(инпут, спан...) кидаешь полный текст или полный текст в тайтл

При клике делать выборку из тайтла и заменять конент

Пример на джеквейри, когда текст вида ХТМЛ. А полный текст хранится в тайтле

var full_desc = $('.my_desc_short').attr('title');
$('.my_desc_short').html(full_desc);

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

<div class="my_desc_short" full_text="<?=$full_text?>">
<?=$short_text?>
</div>

JS будет соответственно таким:

var full_desc = $('.my_desc_short').attr('full_text');
$('.my_desc_short').html(full_desc);

а сама ссилка как будет выглядеть ?
прописать так ?

<a onclick="$('.std').html(full_desc);">more</a>

DedMorozzz

7.03.2014 - 13:32

функцию вызови же
Или онклик или биндом

<span onclick="show_more()">More ...</span>

JS


function show_more(){
var full_desc = $('.my_desc_short').attr('full_text');
$('.my_desc_short').html(full_desc);
}

_____________
Если не говорить пользователям, что Linux это "Сложно и страшно", то им совершенно всё равно, в чём не разбираться

Oggy

7.03.2014 - 13:48

Цитата (DedMorozzz @ 7.03.2014 - 09:32)

функцию вызови же
Или онклик или биндом

<span onclick="show_more()">More ...</span>

JS


function show_more(){
var full_desc = $('.my_desc_short').attr('full_text');
$('.my_desc_short').html(full_desc);
}

неполучается пишет
ReferenceError: $ is not defined
var full_desc = $('.std').attr('full_text');

вот весь листинг:


<html>
	<head>
		<script type="text/javascript" src="javascript/jquery-1.7.2.min.js"></script>
		<script>
			function show_more(){
				var full_desc = $('.std').attr('full_text');
				$('.std').html(full_desc);
			}
		</script>
	</head>
	<body>
		<?php
			$normalText = "text text text text text text text text text text text text text text text text text text text text text text text text text text ";
			$symbolsLimit = 3;
			$descriptionShort = substr ($normalText, 0,strpos ($normalText, " ", $symbolsLimit));
		?>		
		<div class="std" itemprop="description" full_text="<?php echo $normalText ?>">
			<?php echo $descriptionShort; ?>
			<span onclick="show_more()">More ...</span>
		</div>
	</body>
</html>