Ik ben een demo site aan het bouwen voor een bepaalde applicatie.
Dit gaat op basis van een tabladen script in ajax.

Echt willen onderaan ieder tabblad een volgende en vorige knop hebben.
Hiervoor moet ik een link kunnen maken naar een ander tablad.

Weet iemand hoe je dit kunt doen?

Mvg

derrick
@Derrick

Ik neem aan dat je de tabbladen al werkend hebt? Je kan het "hardcoded" in je tabbladen zetten, dan roep je gewoon de functie aan zoals die ook aangeroepen wordt als je op een tab klikt.

(kijk ff in de bron bij je tabblad en maak een

<a onclick="functienaam(parameters)"> 
Zoals die ook bij je tabbladen wordt gebruikt. Bijna een kwestie van copy/ paste)
Hallo Derrick,

Als jij op een tabblad klikt, of een nieuwe tab opent, dan wordt een Javascript functie aangeroepen (neem ik aan). Als je in Javascript bijhoudt welke tabbladen in welke volgorde zitten en welke actief is, zou je een functie kunnen maken in die op basis van een getal (bijv. -1 voor terug, 1 voor volgende) de desbetreffende tab activeert.

Patrick Niezen

Edit: Ik ging er van uit dat de tabbladen dynamisch waren (en dus in elke volgorde kunnen voortkomen). Als de tabbladen statisch zijn opgebouwd, dan zou je voor het (makkelijker) alternatief kunnen gaan, dat wat Robert zei.
de code bij de tabs is zo.


<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#default" rel="ajaxcontentarea">Voordelen</a></li>
<li><a href="1.htm" rel="ajaxcontentarea">Easyorganizer</a></li>
<li><a href="2.htm" rel="ajaxcontentarea">Minisite</a></li>
<li><a href="3.htm" rel="ajaxcontentarea">Uitnoding</a></li>
<li><a href="4.htm" rel="ajaxcontentarea">Inschrijfformulier</a></li>
<li><a href="5.htm" rel="ajaxcontentarea">Fotoalbum</a></li>
<li><a href="6.htm" rel="ajaxcontentarea">Enquete</a></li>
Dus maak je van de links vorige en volgende in het geval dat je op pagina 4 zit:


<a href="3.html rel="ajaxcontentarea">Vorige</a>
<a href="5.html rel="ajaxcontentarea">Volgende</a>
bovenstaande werkt helaas niet
wat werkt er niet? welke foutmeldingen krijg je?
"werkt helaas niet" is wel erg kort door de bocht en helpt ons ook niet verder.
sorry, was een beetje druk.

de onderstaande link methode werkt niet

<a href="3.html rel="ajaxcontentarea">Vorige</a>

het geeft dan een error

aangezien mijn bestand anders heet 3.htm heb de link aangepaste naar

<a href="3.htm" rel="ajaxcontentarea">Vorige</a>

dan opent hij de 3.htm letterlijk en niet binnen het betreffende tabblad
object.expandit(2)

object is je tabobject die je aanmaakt, via deze code in je body:
var object=new ddajaxtabs

2 is het nummer van je tab
he joep,

hoe gaat mijn link er dan concreet uit zien?

Reageren