Spry tabmenu gebruiken in while lus

Elsy Vriens

13/02/2011 22:19:57

In een while lus wordt iedere keer dit tabmenu herhaald.

Het eerste tabmenu werkt goed. Dus je kunt de verschillende horizontale tabjes aanklikken en de bijbehorende pagina opent zicht.

Alleen werkt dit niet met de volgende tabmenu's.
Dan staan alle "inhoud" pagina's onder elkaar.

Omdat ik geen verstand heb van javascript weet ik niet hoe ik dit op moet lossen.
Het komt denk ik door het laatste stukje.

Wie weet of dit eigenlijk wel kan en zo ja hoe los ik dit probleem op?

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<div class="blauwe-lijn" /></div>
            <div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Info</li>
    <li class="TabbedPanelsTab" tabindex="0">Software</li>
    <li class="TabbedPanelsTab" tabindex="0">Levertijden</li>
    <li class="TabbedPanelsTab" tabindex="0">Aantal pagina's</li>
    <li class="TabbedPanelsTab" tabindex="0">Betaling</li>
    <li class="TabbedPanelsTab" tabindex="0">Beoordeling</li>
    <li class="TabbedPanelsTab" tabindex="0">Acties</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">Inhoud 1</div>
    <div class="TabbedPanelsContent">Inhoud 2</div>
    <div class="TabbedPanelsContent">Inhoud 5</div>
    <div class="TabbedPanelsContent">Inhoud 6</div>
    <div class="TabbedPanelsContent">Inhoud 7</div>
    <div class="TabbedPanelsContent">Inhoud 5</div>
    <div class="TabbedPanelsContent">Inhoud 4</div>
  </div>
</div>
<script type="text/javascript">

</script>

PHP hulp

25/05/2012 18:22:05

Gesponsorde koppelingen:

Karl Karl

14/02/2011 08:42:40

Sowieso lijkt het mij niet juist dat die twee divs in elkaar zitten. De tweede moet je vast buiten de eerste halen. Dan moet je de tweede nog een id geven. Dat id gebruik je dan weer om in de javascript een nieuwe var aan te maken (regel kopiëren, id parameter weghalen, nieuwe voor in de plaats doen).

Elsy Vriens

14/02/2011 16:04:34

Als ik de ene <div> erbuiten zet dan werkt het niet meer.

Ik heb hem dus terug gezet.
Verder heb ik een "id" aangemaakt.
Verder kom ik niet.

Ik zal 2 screenshots plaatsen.
De eerste doet het goed.
Maar als hij door de while-lus gaat zie je de hele inhoud van alle tabs.

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Info</li>
    <li class="TabbedPanelsTab" tabindex="0">Software</li>
    <li class="TabbedPanelsTab" tabindex="0">Levertijden</li>
    <li class="TabbedPanelsTab" tabindex="0">Aantal pagina's</li>
    <li class="TabbedPanelsTab" tabindex="0">Betaling</li>
    <li class="TabbedPanelsTab" tabindex="0">Beoordeling</li>
    <li class="TabbedPanelsTab" tabindex="0">Acties</li>
  </ul>
  <div id="TabbedPanelsContentGroup1" class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">Inhoud 1</div>
    <div class="TabbedPanelsContent">Inhoud 2</div>
    <div class="TabbedPanelsContent">Inhoud 5</div>
    <div class="TabbedPanelsContent">Inhoud 6</div>
    <div class="TabbedPanelsContent">Inhoud 7</div>
    <div class="TabbedPanelsContent">Inhoud 5</div>
    <div class="TabbedPanelsContent">Inhoud 4</div>
  </div>
</div>

<script type="text/javascript">

</script>
<script type="text/javascript">

</script>

Gewijzigd op 15/02/2011 09:12:30 door Elsy Vriens

Karl Karl

14/02/2011 19:52:27

Dan kijk je in de handleiding hoe het wel moet. Of laat het dreamweaver genereren, want het is toch al dreamweaver troep.
Blijkbaar moeten die divs wel in elkaar, dat heb ik verkeerd gezien. Dacht dat dit een voorbeeld was van wat niet werkte. Sowieso moet dat gedeelte met die javascript gebeuren.

Elsy Vriens

15/02/2011 09:14:01

@KarlKarl

In een handleiding kijken schiet ik ook niets mee op want het is php en javascript door elkaar. En waarom is Dreamweaver nou weer troep?

Als iemand me nog kan helpen met dit script zou dat heel fijn zijn.....

PHPhulp is een Nederlandstalige PHP community sinds 2002. Je vindt hier PHP tutorials, PHP scripts, PHP boeken en nog veel meer. Alles is geheel gratis!