Forum PHP.pl > [javascript] Pokaz warstwe

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [javascript] Pokaz warstwe

parzygnat

18.01.2008, 22:43:48

Witam co tu jest zle? Chcialbym aby po kliknieciu w "checkbox" Pokazywala sie warstwa. Zerknijcie w kod.

Kod

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ukrywanie warstwy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

<script language="JavaScript" type="text/JavaScript">

function ukryjPokazWarstwe(){ //zmienia widocznosc warstwy
    document.getElementById('warstwa').style=visibility: visible;
}

</script>

</head>

<body>
    <div id="forma" style="position:absolute; left:300px; top:60px; width:300px; height:20px; z-index:1" class="opisy">
        <form name="form1" method="post" action="">
            <input type="checkbox" name="projektuj_kolor_blachy" value="checkbox" onClick="ukryjPokazWarstwe();">Pokaz warstwe
        </form>
        </div>
    <div id="warstwa" style="position:absolute; left:480px; top:120px; width:100px; height:30px; z-index:2; visibility: hidden;">
        OK
    </div>
</body>
</html>

nospor

18.01.2008, 22:50:39

nie: document.getElementById('warstwa').style=visibility: visible;
a: document.getElementById('warstwa').style.visibility='visible';
ale to ci zawsze bedzie pokazywac. jak chcesz naprzemian to robic, to dorob if, ktory bedzie sprawdzal czy ukryta czy pokazana i bedzie robil na odwrot

parzygnat

19.01.2008, 00:09:54

checking...

Dzięki nospor - działa a if zaraz dorobie

Pociagne nadal temat z zabawa w chowanego. Wczesniej pytalem o to jak cos zrobic zeby sie pojawila warstwa. Teraz sie pytam czy takie rozwiazanie jest mozliwe bo u mnie nie dziala - czy mozna ukryc warstwe1 (gdzie warstwa ma byc elementem aktywnym)?

Kod

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Przesłanie danych</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<script language="JavaScript" type="text/JavaScript">
function zapisz_dane('warstwa'){
if(document.getElementById('warstwa') == 'warstwa1') document.getElementById('warstwa1').style.visibility="hidden";
}
</script>

<style type="text/css">

</style>
</head>

<body>
<div id="warstwa1" style="position:absolute; left:43px; top:40px; width:20px; height:20px; z-index:1; border: 1px solid #000000; visibility: visible;" onClick="zapisz_dane('warstwa1');">1</div>
<div id="warstwa2" style="position:absolute; left:69px; top:40px; width:20px; height:20px; z-index:1; border: 1px solid #000000; visibility: visible;" onClick="zapisz_dane('warstwa2');">2</div>
<div id="warstwa3" style="position:absolute; left:96px; top:40px; width:20px; height:20px; z-index:1; border: 1px solid #000000; visibility: visible;" onClick="zapisz_dane('warstwa3');">3</div>
</body>
</html>

mrjozo

19.01.2008, 08:00:00

[HTML] pobierz, plaintext 
function zapisz_dane(nr){
    document.getElementById('warstwa'+nr).style.display = 'none';
}
[HTML] pobierz, plaintext

parzygnat

19.01.2008, 22:51:16

Cytat(mrjozo @ 19.01.2008, 08:00:00 )

[HTML] pobierz, plaintext 
function zapisz_dane(nr){
    document.getElementById('warstwa'+nr).style.display = 'none';
}
[HTML] pobierz, plaintext

Sprawdzilem to i nie dziala, ale raczej dzialac nie powinno bo ja przesylam do tej funkcji pod zmienna "nr" string ('warstwa1' lub 'warstwa2' lub 'warstwa3') wiec to wogole jest dla mnie dziwna konstrukcja - w kazdym badz razie nie zadzialalo, moze cos innego? A wogole to sama warstwa (nie obrazek) moze byc elementem reagujacym na zdarzenia?

Powiem tak: Człowiek czasami jak za duzo myśli to robi proste błędy

Teraz juz wszystko działa, tzn jak kliknie się w warstwa1 to ukrywa się. Jak ktos obserwował ten post to sie uśmieje oto rozwiązanie:

Kod

function zapisz_dane(warstwa){
if(warstwa == 'warstwa1') document.getElementById('warstwa1').style.visibility="hidden";
}

To nie koniec moich pytań. Teraz pracuje nad tym aby przesłać do innej strony (coś jak formularz w php) która warstwa została kiliknięta i wyświetlić na tej nowej stronce komunikat w stylu "Kliknąłeś w warstę nr: " Czy ktoś może rzucić jakiś temat to sobie poszukam albo nawet jakis skrypt

- żeby było łatwiej?

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.