Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP]Treść w ramce.
Forum PHP.pl > Forum > Przedszkole
Matiz2401
10.03.2011, 12:23:47
Mam takie cuś.wink.gif
I chciałem poprosić o nakierowanie, pomoc.
Chcę zrobić aby po kliknięciu w buttony u góry wczytywało się do ramki niżej dana strona, z folderu treść.
Mogę to zrobić tak ale chciałbym wszystko w pliku index.



Prosze o szybą pomoc. wink.gif

Przypuszczam że będzie to include ale niewiem jak to połączyć z menu i ramką ;/

Index:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="menu/menu.css" />
  4. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
  5. <script type="text/javascript" src="menu/menu.js"></script>
  6.  
  7. <style type="text/css">
  8.  
  9. #content{
  10. 	position:absolute;
  11. 	left:50%;
  12. 	margin-left:-500px;
  13. 	width:1000px;
  14. }
  15.  
  16. #Tabela_01 {
  17. 	position:absolute;
  18. 	left:0px;
  19. 	top:0px;
  20. 	width:1000px;
  21. 	height:800px;
  22. }
  23.  
  24. #id-01 {
  25. 	background-image:url(images/_01.png);
  26. 	position:absolute;
  27. 	left:0px;
  28. 	top:0px;
  29. 	width:1000px;
  30. 	height:34px;
  31. }
  32.  
  33. #id-02 {
  34. 	background-image:url(images/_02.png);
  35. 	position:absolute;
  36. 	left:0px;
  37. 	top:34px;
  38. 	width:30px;
  39. 	height:766px;
  40. }
  41.  
  42. #id-03 {
  43. 	background-image:url(images/_03.png);
  44. 	position:absolute;
  45. 	left:30px;
  46. 	top:34px;
  47. 	width:457px;
  48. 	height:258px;
  49. }
  50.  
  51. #id-04 {
  52. 	background-image:url(images/_04.png);
  53. 	position:absolute;
  54. 	left:487px;
  55. 	top:34px;
  56. 	width:483px;
  57. 	height:258px;
  58. 	font-size: 28px;
  59. }
  60.  
  61. #id-05 {
  62. 	background-image:url(images/_05.png);
  63. 	position:absolute;
  64. 	left:970px;
  65. 	top:34px;
  66. 	width:30px;
  67. 	height:766px;
  68. }
  69.  
  70. #id-06 {
  71. 	background-image:url(images/_06.png);
  72. 	position:absolute;
  73. 	left:30px;
  74. 	top:292px;
  75. 	width:940px;
  76. 	height:474px;
  77. }
  78.  
  79. #id-07 {
  80. 	background-image:url(images/_07.png);
  81. 	position:absolute;
  82. 	left:30px;
  83. 	top:766px;
  84. 	width:940px;
  85. 	height:34px;
  86. }
  87. .naglowek {
  88. 	text-align: center;
  89. 	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  90. 	font-size:28px;
  91. 	color: #FFF;
  92. }
  93.  
  94. -->
  95. </style>
  96. <!-- End Save for Web Styles -->
  97. </head>
  98. <body style="margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
  99.  
  100. <div id="content">
  101. <div id="Tabela_01">
  102. 	<div id="id-01">
  103.  
  104. 	</div>
  105. 	<div id="id-02">
  106.  
  107. 	</div>
  108. 	<div id="id-03">
  109.  
  110. 	</div>
  111. 	<div class="naglowek" id="id-04">
  112. 	  <font size="2"><br><br><br></font>
  113. 	    -<br>
  114. 	    <b>-</b><br>
  115. 	    --   </p>
  116. </div>
  117. 	<div id="id-05">
  118.  
  119.   </div>
  120. 	<div id="id-06">
  121. <div id="myslidemenu" class="jqueryslidemenu">
  122. <ul>
  123. <li name="Tekstglowny">
  124. <a href="index.php">Strona Główna</a></li>
  125. <li><a href="aktualnosci.php">Aktualno?ści</a></li>
  126. <li><a href="o_nas.php">O nas</a></li>
  127. <li><a href="nasz_dzien.php">Nasz Dzien</a></li>
  128. <li><a href="galeria.php">Galeria</a></li>
  129. <li><a href="oferta.php">Oferta</a></li>
  130. <li><a href="kontakt.php">Kontakt</a></li>
  131. </ul>
  132. </div>
  133. <div align="center">
  134.     <p><br>
  135.     <iframe align="middle" frameborder="0" width="940" height="435" src="tresc/stronaglowna.php">
  136. Twoja przeglądarka nie obsluguje ramek</iframe></p></div>
  137. 	</div>
  138. 	<div id="id-07">
  139.  
  140. 	</div>
  141. </div>
  142. <!-- End Save for Web Slices -->
  143. </body>
  144. </html>
[HTML] pobierz, plaintext
sunpietro
10.03.2011, 13:03:50
zbuduj poprawny kod, bo stron na ramkach się nie robi
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.