Forum PHP.pl > [JavaScript] Odkrywanie stringa

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Odkrywanie stringa

wdigital

6.10.2013, 17:14:44

Witam.
Uczę się języka niemieckiego i codziennie dochodzą mi nowe słówka, które staram się zapamiętać i utrwalać. Postanowiłem zrobić sobie prosty skrypt do pomocy.
W formularzu PHP do bazy danych dodaje słowo po niemiecku i jego polskie tłumaczenie, czyli mam dwie wartości.

Teraz chciałbym zrobić wyświetlanie wszystkich słówek, np.

kukurydza - der Mais
poeta - der Dichter
broń - die Waffe

Z tym że słówka po niemiecku byłyby niewidoczne, dopiero przy polskim słowie byłby przycisk Pokaż (link), który by odkrywał JEDNO wskazane słówko.

kukurydza - der Mais
poeta - Pokaż
broń - Pokaż

Wiem, że to musi być zrobione w JavaScript, a kompletnie go nie znam. Proszę o pomoc. Pozdrawiam.

SmokAnalog

6.10.2013, 22:01:25

Użyj biblioteki jQuery, będzie o wiele łatwiej.

HTML-a masz np. takiego:

[HTML] pobierz, plaintext 
<dl>
	<dt>
		kukurydza
	</dt>
	<dd>
		<span style="display: none;">der Mais</span>
		<a href="#">pokaż</a>
	</dd>
</dl>
[HTML] pobierz, plaintext

Przed zamknięciem <body> dołączasz bibliotekę jQuery i dajesz skrypt:

[JAVASCRIPT] pobierz, plaintext 
$("dd a").click(function () {
	$(this).siblings().show();
	$(this).remove();
	return false;
});
[JAVASCRIPT] 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.