<html> <head> <title>Alert specjalny</title> <meta name="description" content="Nietypowe okienko dialogowe. Sprytne połączenie CSS i JavaScript"> <meta name="kategoria" content="Gości"> <meta name="author" content="BlaTek"> <meta name="email" content="[email protected]"> <meta name="www" content="http://blatek.25.pl"> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2"> <style type="text/css"> body {background-color:#aaa} #alertX { position:absolute; left:30%; width:40%; visibility:hidden; overflow:auto; z-index:400; padding:15px; background-color:black; border:3px solid goldenrod; color:#d0d8e0; font:normal bold 12px Verdana,Arial,Tahoma; text-align:center; } body > #alertX {position:fixed} #alertX a:link {text-decoration:none; color:goldenrod} #alertX a:visited {text-decoration:none; color:goldenrod} #alertX a:hover {text-decoration:underline; color:gold} </style> <script type="text/javascript"> function alertX(x){ if(!x){ document.getElementById('alertX').style.visibility='hidden' return } with(document.getElementById('alertX')){ style.height='';innerHTML=x+ '<hr style="margin-top:20px"><div style="text-align:center">'+ '<a href="javascript:alertX()">Zamknij</a></div>' var y=window.innerHeight?innerHeight:document.body.clientHeight, m=y-50 style.height=offsetHeight>m?m+'px':'' style.bottom=y/2-offsetHeight/2+'px' style.visibility='visible' } } Tekst1='Wpisz Kod obiektu: <input type="text" size="15" value=""' Tekst2='Wpisz wartość T [h] = <input type="text" size="10" value=""' Tekst3='Wpisz wartość TI [h] = <input type="text" size="10" value=""' Tekst4='Wpisz wartość TII [h] = <input type="text" size="10" value="">' Tekst5='Wpisz wartość TIII [h] = <input type="text" size="10" value="">' </script> </head> <body> <div id="alertX"></div> <p> <a href="javascript:alertX(Tekst1)">Otwórz pierwsze okienko</a><br> <a href="javascript:alertX(Tekst2)">Otwórz drugie okienko</a><br> <a href="javascript:alertX(Tekst3)">Otwórz trzecie okienko</a><br> <a href="javascript:alertX(Tekst4)">Otwórz czwarte okienko</a><br> <a href="javascript:alertX(Tekst5)">Otwórz piąte okienko</a><br> </p> </div> </body> </html>
Chodzi mi o to żeby w okienkach wyswietlał się na górze pasek kolorowy z tytułem (chodzi mi o samą górę). Sam tego nie ogarniam. Wiem że jest tu zawartość html ale mi to wiele nie mówi, ponieważ nie wiem gdzie co urzyć. Prosiłbym o podpowiedz jak dodać ewentualną belke.