Kezdőoldal » Számítástechnika » Weblapkészítés » HTML-ben hogy tudom megoldani,...

HTML-ben hogy tudom megoldani, hogy egy menüponthoz tartozó tartalom, ugyan azon a lapon csak másik div-ben jelenjen meg?

Figyelt kérdés

<body>

<div class="menu">

<ul>

<li><a href="page_gep/fooldal.php" >Főoldal</a></li>

<li><a href="page_gep/bemutatkozas.php/">Bemutatkozás</a><ul>

<li><a href="#">Díjak, minősítések</a></li>

<li><a href="#">Elnyert pályázatok</a></li>

<li><a href="#">Kiállítások</a></li>

<li><a href="#">Hírek</a></li>

</ul>

</li>

</ul>

</div>


<div id="kapcsolat">

ITT SZERETNÉM MEGJELENÍTENI A MENÜK TARTALMAIT!!!

pL.: fooldal.php tartalmát

</div>



2013. júl. 12. 10:36
 1/7 anonim ***** válasza:
js -el
2013. júl. 12. 11:00
Hasznos számodra ez a válasz?
 2/7 A kérdező kommentje:
Esetleg konkrétan le is tudnád írni a példám alapján?
2013. júl. 12. 11:13
 3/7 anonim ***** válasza:

3 féle megoldás:

Az egyik az iframe, bár ez már nem divat, nem is a legjobb megoldás de a legegyszerűbb.


Ami neked kell, az a template kezelés, nézz utána pl a smarty template kezelőnek, vagy hasonlónak.


Ha teljes oldal frissítés nélkül akarod megoldani a dolgot (mondjuk a menü nem erre való) akkor pedig javascript és ajax ami kell neked.

2013. júl. 12. 11:21
Hasznos számodra ez a válasz?
 4/7 A kérdező kommentje:
Hogy tudom a fent említett példát, js-sel megírni? Valaki esetleg megtenné nekem, hogy elkészít egy ilyen js-t a minta alapján?
2013. júl. 12. 11:45
 5/7 anonim ***** válasza:

Próbáld ki valahogy így:


<html>

<head>

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

<script>

function getPage(page){

$.ajax({

type: "GET",

url: "/fooldal.php?page="+page,

success: function(data){

$("#kapcsolat").html(data)

}

});

}

</script>

</head>

<body>

<div class="menu">

<ul>

<li><a href="page_gep/fooldal.php" >Főoldal</a></li>

<li><a href="page_gep/bemutatkozas.php/">Bemutatkozás</a></li>

<li><a href="#" onclick="getPage('dijak')>Díjak, minősítések</a></li>

<li><a href="#" onclick="getPage('palyazatok')>Elnyert pályázatok</a></li>

<li><a href="#" onclick="getPage('kiallitasok')>Kiállítások</a></li>

<li><a href="#" onclick="getPage('hirek')>Hírek</a></li>

</ul>

</li>

</ul>

</div>


<div id="kapcsolat">

</div>

</body>

</html>


A fooldalnál nézd hogy a get-ben mi a page értéke és az alapján adj vissza tartalmat.

2013. júl. 12. 12:21
Hasznos számodra ez a válasz?
 6/7 A kérdező kommentje:
Nem igazán akar így sem sikerülni. Nem lehet, hogy van hiba a kódban?
2013. júl. 12. 12:55
 7/7 anonim ***** válasza:
nézd meg hogy pl. itt hogy működik: [link]
2013. júl. 12. 13:29
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!