Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js]more/less, zwijanie tekstu
b_chmura
post 12.10.2007, 14:59:59
Post #1





Grupa: Zarejestrowani
Postów: 813
Pomógł: 34
Dołączył: 18.03.2007
Skąd: o stamtąd

Ostrzeżenie: (0%)
-----


Witam
Potrzebuje skryptu który zlicza liczbę znaków (może być wyrazów) i jeśli przekracza ona X skraca tekst do X znaków wstawiając "przycisk" po naciśnięciu którego tekst ukazuje się w oryginalnej postaci.

Sam w js nie potrafię zrobić takiej rzeczy a zależy mi żeby akcja rozgrywała się szybko i bez konieczności przeładowania strony.

z góry śliczne dzięki za pomoc

pozdrawiam
Chmura

Ten post edytował b_chmura 12.10.2007, 15:08:22
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
Cezar708
post 12.10.2007, 16:04:31
Post #2





Grupa: Zarejestrowani
Postów: 1 116
Pomógł: 119
Dołączył: 10.05.2005
Skąd: Poznań

Ostrzeżenie: (0%)
-----


jedna z propozycji aczkolwiek niezbyt wydajna przy wielkiej liczbie skrótowców
Kod
<body onload="initTxt()">
<script language="JavaScript" language="JavaScript">
// funkcja pomocnicza
function $(id){
  return document.getElementById(id);
}
// w tej tablicy zachowujesz orygnalne teksty
var gArray = new Array();
// ta funkcja skraca do odpowiedniej wartosci
function shortText( id, maxLen ){
  gArray[id] = $(id).innerHTML;
  txt = $(id).innerHTML;
  if ( txt.length > maxLen ){
    $(id).innerHTML = txt.substring(0,maxLen-1) + "<a href=\"javascript:expandText('"+id+"')\">...</a>";
  }
}
// ta pobiera pełen text
function expandText(id){
  $(id).innerHTML = gArray[id];
}
// tu inicjujesz ktore teksty chcesz skrocic i do jakiej dlugisci
function initTxt(){
  shortText( 'txt', 10 );
  shortText( 'txt2', 10 );
  shortText( 'txt3', 10 );
}
</SCRIPT>

<div id='txt'>
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
</div>
<div id='txt2'>
  Lorem
</div>
<div id='txt3'>
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
</div>

</body>
Go to the top of the page
+Quote Post
b_chmura
post 12.10.2007, 16:41:00
Post #3





Grupa: Zarejestrowani
Postów: 813
Pomógł: 34
Dołączył: 18.03.2007
Skąd: o stamtąd

Ostrzeżenie: (0%)
-----


pod FF chodzi przy IE coś nie bardzo...
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.07.2025 - 15:10