Forum PHP.pl > [ajax] akcja po kliknięciu w link "więcej"

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [ajax] akcja po kliknięciu w link "więcej"

seba15290

11.12.2007, 18:28:12

Witam
Mam na stronie przykładową treść i pod nią link więcej aby można było obejrzeć pozostałą część tekstu. Mój problem polega na tym, że chciałbym aby po kliknięciu w ten link ten tekst mógł się wysuwać bez przeładowania strony.

Moli

11.12.2007, 21:12:42

Jeżeli chcesz aby się wysuwał animacyjnie, to skorzystaj z jakichs gotowych bibliotek (np. mintAjax), jeśli ma tekst pod treścią się tylko pokazywał to użyj prostej funkcji w js plus w css tag display.

Garrappachc

11.12.2007, 21:12:43

Proszę bardzo (tylko nie wiem, czemu w tym dziale):
Sekcja <head>:

[HTML] pobierz, plaintext 
<script language="JavaScript">
function wysun_wsun(co)
{
  wiecej = document.getElementById(co);
  if (wiecej.style.display = 'none')
  {
    wiecej.style.display = 'block';
  }
  else
  {
    wiecej.style.display = 'none';
  }
}
</script>
[HTML] pobierz, plaintext

I teraz, w sekcji body:

[HTML] pobierz, plaintext 
<a href="javascript: wysun_wsun('id1')">Wysuń / schowaj</a>
<div id="id1" style="display: none;">Treść schowana, widoczna po kliknięciu w link powyżej</div>
 
<a href="javascript: wysun_wsun('id2')">Wysuń / schowaj</a>
<div id="id2" style="display: none;">Treść schowana, widoczna po kliknięciu w link powyżej</div>
[HTML] pobierz, plaintext

A każdemu divowi nadajesz po prostu inny identyfikator (id).

lectric

15.01.2008, 16:02:08

W skrypcie jest błąd , powinno być:

[HTML] pobierz, plaintext 
<script language="JavaScript">
function wysun_wsun(co)
{
wiecej = document.getElementById(co);
if (wiecej.style.display == 'none')
{
wiecej.style.display = 'block';
}
else
{
wiecej.style.display = 'none';
}
}
</script>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.