Ajax tabs en php
Ik heb jquery tabs gebruikt en haal gegevens op:
<div id="maain">
<ul class="tabContainer">
<!-- The jQuery generated tabs go here -->
</ul>
<div class="clear"></div>
<div id="tabContent">
<div id="contentHolder">
<!-- The AJAX fetched content goes here -->
</div>
</div>
</div>
$(document).ready(function(){
/* This code is executed after the DOM has been completely loaded */
/* Defining an array with the tab text and AJAX pages: */
var Tabs = {
'Advertentie' : 'pages/page1.php',
'Foto"s' : 'pages/page2.php',
'E mail' : 'pages/page3.php',
'Website' : 'pages/page4.php'
}
Nu is mijn vraag: alle 4 de pagina's komen uit 1 rij van de databank. Ik weet dat ik dus best met het ID van de rij werk.
Hoe haal ik nu 1 ID op en gebruik dit voor alle 4 de tabs ?
Thx.
x is het id dat je wilt zien
Frank Nietbelangrijk op 22/04/2013 21:02:51:
SELECT * FROM table WHERE id=x
x is het id dat je wilt zien
x is het id dat je wilt zien
Akkoord Frank, maar ik moet in elke tab (pagina) opnieuw een verbinding maken.
Voorheen riep ik de connectie op via een include, maar dit schijnt niet te werken bij ajax.
Dus hoe weet ik nu, of controleer ik dat alles van het zelfde ID is ?
PHP draait op de server (ergens op de wereld) en javascript(met ajax) in de webbrowser van de gebruiker.
1. je laadt een pagina van de webserver, bijv. index.html. in dit bestand is javascript toegevoegd. (JQuery is javascript). het script vraagt op de achtergrond een andere pagina op van de webserver en verandert de content van de pagina eventueel.
http://os.alfajango.com/easytabs/#tabs1-html
Het volgend probleem is nu dat ik een pagina aanroep die gegevens uit de database haalt en waar dit word getoond:
<div id="tab-container" class="tab-container">
<ul class="etabs">
<li class="tab"><a href="#tabs1-ad">Advertentie</a></li>
<li class="tab"><a href="#tabs1-foto">Foto</a></li>
<li class="tab"><a href="#tabs1-mail">Contact</a></li>
</ul>
<div id="tabs1-ad">
<h2>hier komt de tekst</h2>
<!-- content -->
</div>
<div id="tabs1-foto">
<h2>hier komen de foto's</h2>
<!-- content -->
</div>
<div id="tabs1-mail">
<h2>hier komt het mailformulier</h2>
<!-- content -->
</div>
</div>
Het rare is dat de eerste wel werkt, maar de volgende niet. Ik laat dmv paginanation er een aantal onder elkaar zien.Hoe los je dit op ?