ďťż

Jak zrobic menu na stronie w 2 ramkach !! Banalne pytanie..

Podstrony

telcocafe

Wiem ze dałem juz ten temat wczesniej i na innym nicku ale nikt mi na niego nie odpowiedzial :( ponawiam pytanie:
jak zrobic 2 ramki tak zeby w jedej bylo cały czas menu a w drugiej pokazywała sie zawartość odnosnika..
Jest tylko jeden mały problem bo moj odnosnik jest raczej nietypowy i wlasnie nie wiem jak to w nim zrobic a wyglada to nastepująco :
--------------------------------------------------------------------------------
   <style type="text/css">  </style>  <body marginheight="25" topmargin="25">  <script language="javascript">  </script>
--------------------------------------------------------------------------------

chce zeby po nacisnieciu na to rozwijane menu zawartosc pokazywala sie w drugiej ramce :)

//Wstawiłem kod do CodeBox`a żeby nie zajmował tak dużo miejsca - Bełdzio
Użytkownik Bełdzio edytował ten post 18 marzec 2005, 19:36

masz w kodzie coś takiego:
+OpenLayer+"<a href='http://yahoo.com')' class='x'>Yahoo</a>"+CloseLayer //dopisz target +OpenLayer+"<a href='http://yahoo.com')' class='x' target='ramka'>Yahoo</a>"+CloseLayer

Byłbym bardzo wdzięczny jak byscie mi cały kod tego pliku przesłali. Cały czas jak cos kombinuje z tą ramka to mi jakies niestworzone błędy sie pokazują. :excl:

Byłbym bardzo wdzięczny jak byscie mi cały kod tego pliku przesłali. Cały czas jak cos kombinuje z tą ramka to mi jakies niestworzone błędy sie pokazują. :excl:

a masz obsługę php ?? bo jak tak to może dam Ci mój kod, którego zawsze używam

niestety ja nie umiem PHP :( ale kod mozesz dac kiedys sie przyda :P
a wlasnie jak cos to moj nr gg 3552090 jestem czesto dost ale siedze na niew :)
Użytkownik ramzeszkrosna edytował ten post 20 marzec 2005, 21:12
ehh on niech ktos odpowie ..

ehh on niech ktos odpowie ..

jest wszystko OK !! nie ma błędów !! ale nie chcce mi sie pojawic moje menu w ramce jest puste pole dlaczego ??
Użytkownik ramzeszkrosna edytował ten post 25 marzec 2005, 08:22

jest wszystko OK !! nie ma błędów !! ale nie chcce mi sie pojawic moje menu w ramce jest puste pole dlaczego ??

no dobrze ale jak chce umiescic w tej ramce to moje menu co dalem jego kod wyzej, to mi znika :huh: a jak daje zwykly button to jest wszystko oki i chce wiedzec dlaczego i jak zrobic zeby bylo wszystko wporzadku. Moje menu umieszczam pomiedzy znacznikami body w osobnym pliku innym niz plik z ramka :unsure:
Użytkownik ramzeszkrosna edytował ten post 25 marzec 2005, 15:48
no prosze niech mi ktos pomoze bo juz sie niecierpliwie ... <_<

Moze do 3 razy sztuka...
Chce zrobic na stronie 2 ramki. Jedna gorna, i druga dolna. W gornej ma sie znajdowac moje menu a w dolnej chce zeby pojawialo sie zawartosc mojej podstrony. Niech mi ktos wkoncu powie jak to zrobic.
Kod menu:

   <style type="text/css">  </style>  <body marginheight="25" topmargin="25">  <script language="javascript">  </script> Struktura ramki jaka wykorzystuje <html> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <title>Edytory HTML J1</title> </head>  <frameset cols="25%,*%" framespacing="0" frameborder="0" border="0">  <frame scroling="auto" name="nazwa ramki" src="jakis_plik.html" noresize>  <frame scroling="yes" name="nazwa ramki" src="jakis_plik.html" noresize> <noframes> <body>  </body> </noframes> </frameset> </html>
Bardzo prosze o pomocc :excl: :excl:

// dodanie codebox
Użytkownik _Herkules_ edytował ten post 27 marzec 2005, 10:50
Robisz index.html tak:

<html> <head> </head> <FRAMESET ROWS=25%,75% border="0"> Â Â Â Â <FRAME SRC=logo.html scrolling="no"> Â Â <FRAMESET COLS=17%,83% > Â Â Â Â <FRAME SRC=menu.html scrolling="no"> Â Â Â Â <FRAME SRC=wstep.html name="tresc" scrolling="auto"> Â Â </FRAMESET> </FRAMESET> </html>
framset rows dzieli stronę na dwie czesci; górną(25%, np logo) i dolna (75%)
dolna część dzieli się na na dwie: menu(17%) i treść strony (83%)
Żeby do ramki załadować jakiś dokumet, robisz go wcześniej jako osobny plik, potem
piszesz "odnośnik" do niego w indexie, np
<FRAME SRC=wstep.html name="tresc" scrolling="auto">

Czyli Titles[0]="Menu 1"; Titles[1]="Menu 2"; Titles[2]="Menu 3"; Titles[3]="Menu 4"; Links[0]=vs +OpenLayer+"<a href='http://yahoo.com')' class='x'>Yahoo</a>"+CloseLayer +OpenLayer+"<a href='http://google.com')' class='x'>Google</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer Links[1]=vs +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer Links[2]=vs +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer Links[3]=vs +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer +OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer w1=(MenuWidth+Separater)*Titles.length; w2=w/2; i1=w2-MenuWidth-Separater-w1/2; i2=w2-MenuWidth-Separater-w1/2; s1=MenuWidth+Separater; s2=MenuWidth+Separater; if (w1 > w2*2){i1=-MenuWidth;i2=-MenuWidth} vy=(n4)?'show':'visible'; vn=(n4)?'hide':'hidden'; if (n4){ for (i=0; i < Titles.length; i++){ document.write("<layer name='lnks"+i+"' top=0 left="+(i2+=s2)+" " +" width="+MenuWidth+" bgcolor="+HighLight+" visibility=hide" +" onmouseover='this.visibility=vy; var cd=this.id.length-1; var ab=this.id.charAt(cd); H(ab)' " +" onmouseout='this.visibility=vn; var ef=this.id.length-1; var gh=this.id.charAt(ef); B(gh)'>" +algn1+"<font face="+MenuFont+" size="+MenuFontSize+">" +" <br>"+Links[i]+"</font>"+algn2+"</layer> "); document.write("<layer name='ttls"+i+"' top=0 left="+(i1+=s1)+" height=0 " +"width="+MenuWidth+" bgcolor="+MenuBgColor+" " +"onmouseover=\"this.bgColor=HighLight; var e=this.id.length-1; var d=this.id.charAt(e); On(d)\" " +"onmouseout=\"this.bgColor=MenuBgColor; var e=this.id.length-1; var d=this.id.charAt(e); Off(d)\">" +algn1+"<font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">" +Titles[i]+"</font>"+algn2+"</layer>"); } function On(x){for (i=0; i < Titles.length; i++)document.layers['lnks'+x].visibility=vy} function Off(x){for (i=0; i < Titles.length; i++)document.layers['lnks'+x].visibility=vn} function B(y){for (i=0; i < Titles.length; i++)document.layers['ttls'+y].bgColor=MenuBgColor} function H(y){for (i=0; i < Titles.length; i++)document.layers['ttls'+y].bgColor=HighLight} } if (!n4){ for (i=0; i < Titles.length; i++){ document.write("<div id='lnks"+i+"' style='position:absolute;" +"top:0px;left:"+(i2+=s2)+"px;width:"+MenuWidth+"px;" +"background:"+HighLight+";visibility:hidden'" +" onmouseover='this.style.visibility=vy; document.getElementById(\"ttls"+i+"\").style.background=HighLight'; " +" onmouseout='this.style.visibility=vn; document.getElementById(\"ttls"+i+"\").style.background=MenuBgColor' >" +algn1+Links[i]+algn2+"</div>"); document.write("<div id='ttls"+i+"' style='position:absolute;top:0px;left:"+(i1+=s1)+"px;height:auto;width:"+MenuWidth+" px;" +"background:"+MenuBgColor+";cursor:default'" +" onmouseover='document.getElementById(\"lnks"+i+"\").style.visibility=vy; this.style.background=HighLight'" +" onmouseout='document.getElementById(\"lnks"+i+"\").style.visibility=vn; this.style.background=MenuBgColor'>" +algn1+"<font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"+Titles[i]+"</font>"+algn2+"< /div>"); } } function Scroll(){ sy=(ie)?document.body.scrollTop:window.pageYOffset; for (i=0; i < Titles.length; i++){ if (n4){ document.layers['ttls'+i].top=Separater+sy; document.layers['lnks'+i].top=Separater+sy; } else{ document.getElementById("ttls"+i).style.top=Separater+sy; document.getElementById("lnks"+i).style.top=Separater+sy; } } setTimeout('Scroll()',150) } Scroll(); window.onresize=new Function("window.location.reload()"); if (!n4){ for (i=0; i < document.links.length; i++){ if (document.links[i].href == this.window.location.href) { document.links[i].style.color=MenuBgColor; document.links[i].style.cursor='crosshair'; break; } } } //--> </script>
zapisujesz jako menu.html na przykład
Użytkownik dareq edytował ten post 01 październik 2005, 16:27
dzienkuje juz wszystko działa
temat do zamkniecia

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL