view hide

[teroristd]

Здравейте, как мога да направя това. Например имам много дълъг текст и искам да се вижда само едно две изречения от него и от долу бутонче view и като се натисне да се открива целия текст и пак като се натисне да се скрива и разбира се бутончето да става hide когато е открит текста. Виждал съм в разни сайтове но сега не мога да посоча пример. Мерси.

 

[talevtehnology]

http://www.dynamicdrive.com/dynamicindex2/expandticker.htm

 

[teroristd]

Мерси за отговора но намерих един по-прост скрипт ако може някой да помогне да го пооправиме че грам не разбирам от джаваскрипт. Ето скрипта може да го изпробвате да видите за какво става на въпрос. В момента работи като се кликне на текста а аз искам като се кликне на бутона, другото което искам е ако може да не са li а р тагове и последно бутонът да се сменя на view hide в зависимост дали се вижда текста. Мерси. :roll:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>


<button>Toggle</button>
<ul>
<li>item 1
<ul>
<li>sub item 1-a</li>
<li>sub item 1-b</li>
</ul>
</li>
<li>item 2
<ul>
<li>sub item 2-a</li>
<li>sub item 2-b</li>
</ul>
</li>
</ul>

<script>

function handler(event) {
var $target = $(event.target);
if( $target.is("li") ) {
$target.children().toggle("slow");
}
}
$("ul").click(handler).find("ul").hide();

</script>



</body>
</html>

 

[hpstuff]

Ето ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style>
	.longtext {
		display: none;
	}
</style>
</head>
<body>

<div>
	<p>Това е краткия текст ...</p>
	<div class="longtext">
		<p>... а това е продължението на краткия текст.</p>
	</div>
</div>
<button class="toggle">Покажи</button>

<script>

$('.toggle').toggle(
	function(){
		$('.longtext').show();
		$(this).text('Скрии');
	},
	function(){
		$('.longtext').hide();
		$(this).text('Покажи');
	});

</script>
</body>
</html>

 

[teroristd]

Мерси точно това исках имаш точката само кажи как мога да слагам някакви украси примерно бекграунда да си оцветя и други такива.

 

[hpstuff]

Каквото искаш можеш да си слагаш само запази класовете които съм сложил защото според тях работи скрипта.

 

[teroristd]

да но като му задавам някакъв цсс нищо не се получава

 

[teroristd]

получава си се аз нещо съм се объркал

 

[bloods33ker]

<style type="text/css">
.bg {
background-url: /path to.png;
border:1px solid gray;
}
</style>
<div class="bg">
Asdasd
</div>

Или

<link rel="stylesheet" href="style.css" type="text/css" />
    {
          .bg {
           background-url: /path to.png;
           border:1px solid gray;
                 } 
     }