[JavaScript][HTML]rozwijana strona Opcje

[andrzejphp]

Jak zrobić rozwijaną stronę tak by widać było część tekstu na stronie a po kliknięciu na np więcej rozwineła się dalsza część w tym samym oknie i na tej samej stronie.po kliknięciu zwiń znów się zwinęła do poprzedniego wyglądu?

[topgear]

http://www.kurshtml.boo.pl/skrypty/menu_wy..._rozwijane.html

Ten post edytował topgear 21.04.2010, 07:20:51

[krzysztof_kf]

[HTML] pobierz, plaintext 
<div style="margin-top:5px">
    <div class="quotetitle">
        <b>Spoiler:</b>
        <input type="button" value="Pokaż" style="width: 45px; font-size: 10px; margin: 0px; padding: 0px;" onclick="
            if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display != '')
            {
                this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = ''; 
                this.innerText = '';
                this.value = 'Ukryj';
            }
            else
            {
                this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none';
                this.innerText = '';
                this.value = 'Pokaż';
            }
        " />
    </div>
    <div class="quotecontent" style="display: none;">
        <p>Tutaj treść</p>
    </div>
</div> 
[HTML] pobierz, plaintext 

Ten post edytował krzysztof_kf 21.04.2010, 07:35:00

[mortus]

Jeżeli chodzi o sam efekt rozwijania, to najlepiej użyć gotowego framework-a JavaScript (polecam jQuery i na początek metody slideDown(), slideUp() lub choćby toogle()). Oczywiście efekt rozwijania można zrobić samemu, ale nie będzie to już takie łatwe.

[andrzejphp]

czy te metody są do wykorzystania tylko do menu?można umiescic w nich tabele, zdjęcia itp?

Ten post edytował andrzejphp 21.04.2010, 12:06:40

[krzysztof_kf]

czy te metody są do wykorzystania tylko do menu?można umiescic w nich tabele, zdjęcia itp?

Wszystko co tylko chcesz zrobić oczywiście przy drobnej modyfikacji (IMG:style_emoticons/default/smile.gif)

Ten post edytował krzysztof_kf 21.04.2010, 16:26:59