We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

how do I do this?

    • 2896
    • 70 Posts
    BB2 Reply #1, 19 years, 7 months ago
    Hi there,

    I want to do the following with tv’s but I can’t figure it out.

    I have a template with a number of tv’s attached to it. Instead of simply using the [[tvcalls]] in my template, one styled next to another, I want to create some tabs with links to a chunk that has the values of the tv’s in it.

    The attach shows an example of what I want: the page "Photoshop 4" has got 4 tv’s: "Leerinhoud-overzicht data - handboeken -Inschrijven". I want the values of these tv’s to show up only after clicking that tab.

    How can I do this? Any help much appreciated

    Thx
      • 7455
      • 2,204 Posts
      Dimmy Reply #2, 19 years, 7 months ago
      You could use some simple javascript to do that.
      take a look here:

      http://www.esailing.nl/index.php?id=185
      the tab’s are made with a bit of javascript not to hard to understand.
      and then in the source wats in the content div

      Dim
        follow me on twitter: @dimmy01
        • 32982
        • 674 Posts
        jabiertxof Reply #3, 19 years, 7 months ago
        you need to this some js the more easy is put the content in 4 divs whith [*tv...*]in it, positioning its absolute and in the links to open tab change the zIndex to all to 0 and to the shoed change to 1 or more value, there are some tabs js arround could help to seachc in google for tabs js or javascript
        hi
          Jabiertxof (formerly XYZVISUAL)
          My bussines: http://marker.es
          https://www.youtube.com/user/jabiertxof/videos
          • 2896
          • 70 Posts
          BB2 Reply #4, 19 years, 7 months ago
          thx for the help, i will try the js later on.

          greetings
            • 2896
            • 70 Posts
            BB2 Reply #5, 19 years, 7 months ago
            it worked. thx!

            I used:

            - a chunk {{tabs}} with
            <div class="tabber">

<div class="tabbertab">
<h2>Leerinhouden</h2>

<p>[*leerinhouden*]</p>
</div>


<div class="tabbertab">
<h2>Overzicht data</h2>

<p>[*lesrooster*]</p>
</div>

<div class="tabbertab">
<h2>Inschrijven</h2>

<p>{{inschrijvingsformulier}}</p>
</div>

</div>


            - the script from: http://www.barelyfitz.com/projects/tabber/

            and some css (examples with the tabber script).

            Calling {{tabs}} in my template. Didn’t know it could be as easy as that smiley