Witam

Borykam się z problemem jak zrobić coś takiego, że, np. w jakimś div'ie jest tekst o zbyt dużej ilości znaków i chciałbym, by przy otwieraniu strony został on automatycznie skrócony do danej ilości znaków, oraz zaraz za nim został dodany napis "więcej", będący przyciskiem - po jego naciśnięciu wyświetliła by się reszta tekstu, a napis "więcej" zamieniłby się na "ukryj".

Np.

[HTML] pobierz, plaintext 
<div>ten tekst ma 40 znaków_45678901234567890</div>
[HTML] pobierz, plaintext 

a wyświetliło by się:



po kliknięciu w napis "więcej", pokazało by się:



Cienki jestem z javascript'u, dlatego nie wiem jak do tego się zabrać.

Pozdrawiam

//edit2

problem już rozwiązałem

w php:

[PHP] pobierz, plaintext 
<?php
function skroc($tekst, $ilosc_znakow) { //SKRACA CIĄG DO PODANEJ DŁUGOŚCI
	return substr($tekst, 0, $ilosc_znakow).'... <a href="http://link.do.artykulu/">Więcej</a>';
}
function skroc_pelne_wyrazy($tekst, $ilosc_znakow) { //SKRACA CIĄG DO PODANEJ DŁUGOŚCI UWZGLĘDNIAJĄC WYRAZY
	return substr($tekst, 0, stripos($tekst, " ", $ilosc_znakow)).'... <a href="http://link.do.artykulu/">Więcej</a>';
}
echo(skroc("tekst tekst tekst tekst tekst tekst tekst tekst", 4)."<br>");
echo(skroc_pelne_wyrazy("tekst tekst tekst tekst tekst tekst tekst tekst", 8));
?>
[PHP] pobierz, plaintext 

A w java script:

[HTML] pobierz, plaintext 
 
<div id="elementdiv">tekst krotki... </div><a href="java script:;" onclick="if(this.innerHTML == 'ukryj') { document.getElementById('elementdiv').innerHTML = 'tekst krotki...'; this.innerHTML = 'więcej'; } else { document.getElementById('elementdiv').innerHTML = 'tekst dlugi tekst tekst tekst tekst tekst'; this.innerHTML = 'ukryj'; }">więcej</a>
[HTML] pobierz, plaintext