HTML-ben hogy tudom megoldani, hogy egy menüponthoz tartozó tartalom, ugyan azon a lapon csak másik div-ben jelenjen meg?
<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>
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.
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.
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!