ďťż

[JS] Tekst na stronie po zaznaczeniu opcji

       

Podstrony


telcocafe

Witam chcę zrobić żeby po zaznaczeniu jednej z opcji otwierał się przypisany do niej tekst.

<html> <body> <select> <option>Bajka o Kopciuszku</option> <option>Bajka o Czerwonym Kapturku</option> </select> </body> </html>

Czyli przekładowo jak wybiorę "bajkę o Kopciuszku" to żeby mi się ona wyświetliła na stronie. Będę wdzięczny za podpowiedź.

Pozdrawiam
Łukasz
Użytkownik lukerrr edytował ten post 07 maj 2009, 09:24


A Ty to chcesz formularzem czy w menu? Serwer z php? W jakim formacie masz te bajki?
Użytkownik Kshyhoo edytował ten post 07 maj 2009, 10:01
Chcę to zrobic w samej JS. Jesli wybierzemy pierwsza opcję to się wyświetli pod spodem jakiś tekst z obrazkiem (w html), jeśli wybiorę drugą to tak samo tylko że inny tekst i obrazek pod spodem. Da się to zrobić?

Da się, ale czemu uparłeś się na JS?



A mógłbyś podać prosty przykład? Musze robić to w JS bo na serwerze koleżanki nie ma PHP (darmowy, a nie chce na inny zmienić)

Generalnie to tak:
<form action="./bajki.html method='get'"> <select name="bajki" onchange="if (this.selectedIndex!=0) {location = this[this.selectedIndex].value;}"> <option>wybierz bajkę</option> <option value="./kopciuszek.html">Bajka o Kopciuszku</option> <option value="./kapturek.html">Bajka o Czerwonym Kapturku</option> </select> </form>
Jak widzisz, musisz mieć dodatkowe strony z sformatowanym kodem html, czyli ładujesz gotowe już strony. Możesz oczywiście jakieś menu do tego doklepać, w postaci "wróć", "poprzednia bajka" i "następna bajka", itp.

o dzięki :)
a może wiesz jak zrobić coś takiego:

mamy listę rozwijalną z wartościami "tekst" i "cyfry". po wybraniu "cyfry" uklazuje nam sie kolejne menu rozwijalne z cyframi, zaś po wybraniu "tekst" ukazuje się inne menu rozwijalne z literami. najfajniej aby te listy rozwijalne były obok siebie lub pod sobą...

Nie za bardzo kumam o co biega. Chcesz zrobić formularz, który ma opcje i pod opcje?

Wpierw: [ cyfry ] [ litery ] Potem: [ cyfry ] | [ 1 ] [ 2 ] [ 3 ] [ litery ] | [ a ] [ b ] [ c ]

dokładnie :)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.