Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jak zrobic odnosnik do DIV'a?
Forum PHP.pl > Forum > Przedszkole
MrocznySzewc
2.10.2006, 15:48:03
podzielilem strone na 4 czesci przez DIV, gorna - menu, dolna - odnosniki do stron, prawa - odnosniki do blogow i... centralna - srodkowa w ktorej maja sie wyswietlac wszystkie podstrony. nie weim jednak jak to zrobic zeby sie tam wlasnie wyswietlaly podstrony:( kiedys kozystalem z ramek ale wem ze sa przestarzale i spowalniaja strone wiec nie cche juz z nich kozystac, choc sa o wiele prostrze, wystarczy przeciez tylko wpisac: <a href="adres strony" TARGET="nazwa_ramki"> i juz dana strona wyswietla sie tam gdzie chcemy. ja jednak chce zeby nie bylo ramek i zeby wielkosc tego centralnego obszaru sama dostosowywala sie do welkosci odpalanej w niej podstrony. jesli to mozliwe to prosilbym o szybka pomoc!:) bede baardzo wdzieczny bo moja strona miala juz sie pojawic tydzien temu a ja stoje w miejscu prze te DIV'y:/ PS jestem dostepny pod nr gg 6345183 lub mail: mrocznyszewc@gmail.com z gory dzieki za podpowiedzi
ARJ
2.10.2006, 15:50:57
poszukaj na forum, google: ajax i np. biblioteka advAJAX.
lopik
2.10.2006, 16:04:53
Nie da sie do div'a zrobić linka.
Możesz przekopiować plik strony głównej, i zrobic podstrone z inną treścią w centralnym div'ie, i z głównej link do tej podstrony winksmiley.jpg


ARJ, wydaje mi się że poleciałeś za dalejo z tym AJAX, czytając post autora. winksmiley.jpg
ARJ
2.10.2006, 16:22:05
Cytat(pik @ 2.10.2006, 17:04:53 ) *
Nie da sie do div'a zrobić linka.
Możesz przekopiować plik strony głównej, i zrobic podstrone z inną treścią w centralnym div'ie, i z głównej link do tej podstrony winksmiley.jpg
ARJ, wydaje mi się że poleciałeś za dalejo z tym AJAX, czytając post autora. winksmiley.jpg

do DIVa można za pomocą php includować zawartość z innego pliku albo tak jak napisałem AJAX. działa jak ramki ale bez nich. dzięki niemu można wysłać dane do div.
gszesiek
2.10.2006, 16:44:43
guitar.gif

----------
dzięki ARJ
nospor
2.10.2006, 16:46:41
Cytat
no nie do końca jak ramki, bo cała strona jest przeładowywana ale i tak jest fajnie
Jesli zrobisz to na ajaxie to strona nie jest przeladowywana.
MrocznySzewc
2.10.2006, 19:25:39
nie moge znalezc nic konkretnego:( w dodatku wszedzie jest o wykozystaniu do tego jeszcze Java Script:( a ja javy nie znam... czy moglbym prosic o przykladowy kod zrodla do tego polecenia o ktorym pisal ARJ, tzn advAJAX? dodam ze moja strona ma wygladac mniej wiecej tak:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<TITLE>ALONE IN THE DARK</TITLE>
<BODY bgcolor="black" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">

<STYLE TYPE="text/css">

#gora {position: absolute;
top: 0%;
left: 0%;
right: 0%;
height: 15%;
width: 100%;
text-align: center;
background: red;
}

#menu {position: absolute;
top: 15%;
left: 10%;
right: 10%;
height: 15%;
width: 80%;
background: blue;
}

#center {position: absolute;
top: 30%;
left: 10%;
right: 10%;
width: 80%;
text-align: justify;
background: lightblue;
font-color: red;
}

.tekstmenu {
font-family: gotyk poszarpany;
font-size: 20;
color: gray;
}
</STYLE>

<p class="gora">
<DIV id="gora">
<center>
<img src="gora.jpg">
</DIV>

<p class="menu">
<DIV id="menu">
<BR>
<TABLE border="0" cellspacing="0" bordercolor="gray" width="90%" height="20%" align="center">
<TR>
<TD align="center">
<p class="tekstmenu">
<a href="omnie.html" style="color:gray">
o mnie</a>
</TD>
<TD align="center">
<p class="tekstmenu">
<a href="mrok.html" style="color:gray">
mrok</a>
</TD>
<TD align="center">
<p class="tekstmenu">
<a href="muzyka.html" style="color:gray">
muzyka</a>
</TD>
<TD align="center">
<p class="tekstmenu">
<a href="galeria.html" style="color:gray">
galeria</a>
</TD>
<TD align="center">
<p class="tekstmenu">
<a href="blog.html" style="color:gray">
diary of pain... </a>
</TD>
</TR>
</TABLE>

</DIV>

<p class="center">
<DIV id="center">

<?php
include ("omnie.html")
?>

</DIV>


itd....

Jak widac mam tabele w gornej czesci w ktorej sa odnosniki do podstron ktore maja sie wyswietlac w DIV'ie "center". co musze dopisac zeby te odnosniki otwieraly sie w DIV'ach?

PS a tak wogole to musze wam powiedziec ze to najlepsze forum na jakim bylem!! mojego posta napisalem o godzinie 16:48 a juz 2minuty pozniej mialem odpowiedz! i to (chyba) dobra!!:) nie mowiac o innych odpowiedziach, widac ze na tym forum naprawde mozna znalezc pomoc i nikt nikogo nie olewa!:) pozdro dla wszystkich uzytkownikow tego forum i oczywiscie jego tworcow!
lopik
2.10.2006, 20:33:36
Cytat
to najlepsze forum na jakim bylem!!

Nie chwal dnia, przed zachodem słońca. winksmiley.jpg
To taki mały OT winksmiley.jpg

A może nie napisze na temat, ale napisze że masz troche błędów w html'u.

Kodowanie zmień na: charset=iso-8859-2
Kolory, marginesy co masz w tagu <body> przenieś do sytyli

body {
background-color: #000000;
margin: 0px; }

Tagi html'a powinno się pisac małymi literami.

Na końcu każdego wyrażenia w php zawsze ma być średnik ;

<?php
include ("omnie.html"); <- Tak smile.gif
?>

Pozdro.
slammer
2.10.2006, 20:45:17
z tego co wiem jeżeli skrypt jest jednofunkcyjny to nie musi... ale mogę się mylić tongue.gif

tak nawiasem to szukałem o tych divach sporo na zagranicznych i polskich stronach lecz nic ciekawego nie znalazłem smile.gif wątpie aby to wogóle było możliwe. Mam dla Ciebie rade: przeładowuj całą stronke, a nie poszczególne jej elementy. W dobie szybkiego internetu to i tak niema większego znaczenia tongue.gif Włącz tylko cache aby grafika szybciej się ładowała
lopik
2.10.2006, 21:16:19
Zrobił by takie coś, tylko trzeba by w php sie troche pobawić winksmiley.jpg

Że poprostu dany pliku includuje do danego diva (lub tego samego) po kliknięciu w dany odnośnik winksmiley.jpg
slammer
2.10.2006, 21:25:00
no to jasne ze sie da, ale jemu chyba o chodzi o to aby nie przeładowywać przy tym całej strony lecz samego diva... podobnie jak masz z ramkami (iframe)
ARJ
2.10.2006, 21:57:45
http://bigweb.pl/webmaster/ajax_dla_opornych/pl/
ajax z minimalną obsługą javascriptu. ładnie opisane i użyteczne.
Wieviór
3.10.2006, 07:02:43
Nie jestem pewien czy o to chodzi, ale prezentuję skrypt, który zmienia zawartość diva po kliknięciu na jakiś obrazek czy link:

<head>:
[HTML] pobierz, plaintext 
  1. <script language="JavaScript" type="text/javascript">
  2. <!--
  3. var tabs = new Array('tab1', 'tab2', 'tab3', 'tab4', 'tab5', 'tab6');
  4. function activateTab(tab)
  5.   {
  6.   for (i = 0; i < tabs.length; i++)
  7.     {
  8.     if (document.getElementById(tabs[i]))
  9.       {
  10.       document.getElementById(tabs[i]).style.display = 'none';
  11.       }
  12.     }
  13.   document.getElementById(tab).style.display = 'block';
  14.   }
  15. //-->
  16. </script>
[HTML] pobierz, plaintext


<body>:
[HTML] pobierz, plaintext 
  1. <a href="java script:activateTab('tab1')"><img src="1.gif"></a>  
  2. <a href="java script:activateTab('tab2')"><img src="2.gif"></a>  
  3. <a href="java script:activateTab('tab3')"><img src="3.gif"></a>  
  4. <a href="java script:activateTab('tab4')"><img src="4.gif"></a>  
  5. <a href="java script:activateTab('tab5')"><img src="5.gif"></a>  
  6. <a href="java script:activateTab('tab6')"><img src="6.gif"></a>
  7.  
  8. <div id="tab1" style="display: none;">1</div>
  9. <div id="tab2" style="display: none;">2</div>
  10. <div id="tab3" style="display: none;">3</div>
  11. <div id="tab4" style="display: none;">4</div>
  12. <div id="tab5" style="display: none;">5</div>
  13. <div id="tab6" style="display: none;">6</div>
[HTML] pobierz, plaintext


Taki przykład, mam nadzieję, że wszystko jest jasne smile.gif
vallerius
3.10.2006, 09:51:17
A czemu nie zrobic czegos takiego:

[PHP] pobierz, plaintext 
  1. <?php
  2.   include ("gora.inc"); //w tym pliku zamieszczamy wszystko od gory do div'a centralnego
  3.   $id = $_GET['id'];
  4.   switch($id)
  5.    {
  6. 	 case "strona1":
  7. 	  $tresc_strony_1;  //np. include("strona1.php");
  8. 	  break;
  9. 	case "strona2":
  10. 	 $tresc_strony_2;  //tak samo
  11. 	 break;
  12. 	// i tak dalej
  13.    default:
  14. 	 $strona_glowna; // include("index.php");
  15.    }
  16.   include ("stopka.php");
  17. ?>
[PHP] pobierz, plaintext
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.