Skocz do zawartości

wyświetlanie ramki


barni123

Recommended Posts

witam

Niedawno podaliście mi tutaj skryp przy którym po naciśnięciu linka wyświtla mi sie okienko.

oto pliki

kod html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>


<link rel="stylesheet" type="text/css" href="a.css">




    <title>barni123</title>


</head>
<body onclick="hide();">

<div id="naglowek">


<a href="#null" onclick="show('jeden', event);">jeden</a><br />
<div onclick="event.stopPropagation();" id="jeden" style="width: 50%; height: 50%; border: 1px solid black; display: none;">

kukt
</div></div>

</body>
</html>
</script><script type="text/javascript" src="a.js"></script>

css:

body{background:#FFF;color:#FFF;font-family:Helvetica,sans-serif;min-width:960px}
#naglowek{background:green;border:4px
solid orange;border-bottom-color:#acacac;border-width:5px 0 1px 0;height:80px}

java:

var now = false;

function show(id, event)
{
hide();
document.getElementById(id).style.display = 'block';
now = id;
event.stopPropagation();
}

var tag;

function hide()
{
        if(now)
        {
        document.getElementById(now).style.display = 'none';
        }
}

I teraz powiem o co mi chodzi:

Chciałbym aby jak nacisnę link "jeden" żeby ramka która sie wyswietla nie była tylko wyświetlana na zielonym tle "nagłówku strony" ale także na białym tle. np 1/3 tej ramki na nagłówku "zielone tło" a 2/3 na tle strony "białe tło"

Link do komentarza
Udostępnij na innych stronach

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Odpowiedz...

×   Wkleiłeś treść z formatowaniem.   Usuń formatowanie

  Only 75 emoji are allowed.

×   Twój link będzie automatycznie osadzony.   Wyświetlać jako link

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Wczytywanie...
×
×
  • Utwórz nowe...