• Inloggen
  • Registreer
  • Zoeken
Dit topic
  • Overal
  • Dit topic
  • Dit forum
  • Artikelen
  • Pagina's
  • Forum
  • Downloads
  • Meer opties

ICTscripters

Dé plek voor IT

Dé plek voor IT

Aanmelden

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. Overige
  5. Archief
  6. Request

Forum

  • Herkent deze Notion-structuurscan echte problemen?

    FreelanceAP 6 oktober 2026 om 16:48
  • 🚀 WE ZOEKEN TESTERS! 🚀

    Servertjee 3 oktober 2026 om 10:56
  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Syntax 1 oktober 2026 om 11:11
  • Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

    saggy2829 30 september 2026 om 19:31
  • Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

    aiqanobzfsej5 29 september 2026 om 12:55
  • [PROJECT] Gamekeuring.nl - Hét onafhankelijke keuringsplatform voor maffiagames & RPG's!

    frio 22 september 2026 om 16:40
  • Ictscripters / Koen

    Aaron 22 september 2026 om 15:07
  • Kweekrijk - van stekje tot Imperium

    Lijno 14 september 2026 om 23:00

Marktplaats

  • Verschillende domeinen te koop (sommige hebben website / content)

    frio 2 oktober 2026 om 14:45
  • 295 Nieuwe Domeinnamen September 2026

    shiga 1 oktober 2026 om 19:09
  • Straatbaas.eu – complete Nederlandstalige en Engelstalige online maffia-RPG

    Jeroen.G 1 oktober 2026 om 17:48

[JS]Tabsysteem

  • Mokerr
  • 20 mei 2010 om 18:36
  • Mokerr
    Webspetter.nl
    Berichten
    601
    • 20 mei 2010 om 18:36
    • #1

    Hey CP'ers. Ik weer.
    Ik wil een tab systeem hebben voor m'n bel systeem. Ik heb het volgende gehaald[offtopic]Gepakt uit het Script db hier op cp[/offtopic]

    PHP
    <script language="javascript"> 
                function openTab(pTabPage,pTab){ 
                                    document.getElementById('tabs_1').style.display = 'none'; 
                                    document.getElementById('tabs_2').style.display = 'none'; 
    
    
                    document.getElementById(pTabPage).style.display = 'block'; 
    
    
                                    document.getElementById('tab1').style.background = ''; 
                    document.getElementById('tab1').style.fontWeight = 'normal'; 
                                    document.getElementById('tab2').style.background = ''; 
                    document.getElementById('tab2').style.fontWeight = 'normal'; 
    
    
                    document.getElementById(pTab).style.background = 'url('images/tab_info_arrow.gif') bottom no-repeat'; 
                    document.getElementById(pTab).style.fontWeight = 'bold'; 
                } 
            </script> 
            <div style="width:100%; height:25px; font-family:arial; font-size:12px; color:#2a190e;"> 
                                        <div id="tab1" style="float:left; height:26px; margin:0px; padding:0px; margin-left: 5px; background:url('images/tab_info_arrow.gif') bottom no-repeat; font-weight:bold;"><a href="#" onclick="openTab('tabs_1','tab1'); return false">//NAAM TAB1\</a></div> 
                                                    <div style="float:left; height:26px; margin:0px; padding:0px; margin-left: 5px;">|</div> 
                                                    <div id="tab2" style="float:left; height:26px; margin:0px; padding:0px; margin-left: 5px;"><a href="#" onclick="openTab('tabs_2','tab2'); return false">//NAAM TAB2\</a></div> 
                                                    <div style="float:left; height:26px; margin:0px; padding:0px; margin-left: 5px;">|</div> 
                                    </div> 
    <font face="arial"> 
        <div id="tabs_1" style="display:block"> 
        Hallo, dit is het tabsysteem! 
        </div> 
        <div id="tabs_2" style="display:none"> 
    Goedzo, je opende tab2! 
    Je kan zelf nog tabs erbij maken, door op lijn 5 lijn 4 te kopiëren, en dan tabs_2 te vervangen met tabs3. 
    Daarna lijn 10 en 11 kopiëren op lijn 12, en vervang dan tab2 naar tab3. 
    Kopiër ook lijn 20 en 21, vervang tab2 met tab3 en tabs_2 met tabs_3, en pas de naam aan :) 
    Kopiër als laatste lijn 27 en 34 en vervang hier tabs_2 door tabs_3. 
    Klaar, voeg nu jouw content toe tussen de div en /div tags. 
        </div> 
    </font>
    Meer tonen


    Maar dit werkt niet? Weet iemand wat het probleem is? Ik ben een hele erge noob in JS.

    Heel erg bedankt!

    *

  • Gast, wil je besparen op je domeinnamen? (ad)
  • W0utR
    GTFO
    Berichten
    543
    • 20 mei 2010 om 18:59
    • #2

    Kijk hier eens naar http://www.stilbuero.de/jquery/tabs/

    Waarom moeilijk doen als het makkelijk ook kan

    Don\'t like me?
    Have a seat with the rest of the bitches waiting for me to give a fuck.

  • Mokerr
    Webspetter.nl
    Berichten
    601
    • 20 mei 2010 om 19:12
    • #3

    Die vind ik te uigebreid. Ik wil een simpele.

    *

  • Jannick
    nyan nyan nyan nyan
    Berichten
    1.972
    • 20 mei 2010 om 19:31
    • #4

    Verander deze lijn:

    PHP
    document.getElementById(pTab).style.background = 'url('images/tab_info_arrow.gif') bottom no-repeat';


    naar

    PHP
    document.getElementById(pTab).style.background = 'url(\\'images/tab_info_arrow.gif\\') bottom no-repeat';

    Doordat je gebruik maakt van javascript en stylesheets, moet je de properties ook escapen, anders ziet ie de stijl als een afsluiting van een commando (of wat anders), wat dus niet gaat werken

  • Mokerr
    Webspetter.nl
    Berichten
    601
    • 21 mei 2010 om 16:06
    • #5

    Jannick @ Je bent topper dan top!:cheer:


    :slotje:

    *

  • NielsB
    Junior (Web)Developer
    Berichten
    948
    • 21 mei 2010 om 16:50
    • #6

    Voor de netheid doe dan dit:

    PHP
    document.getElementById(pTab).style.background = 'url("images/tab_info_arrow.gif") bottom no-repeat';

    School
    Tweedejaars Informatica Student @ Hogeschool Rotterdam.

    Webtalen
    - PHP ( OOP )
    - SQL
    - JavaScript i.c.m. jQuery framework
    - (x)HTML
    - CSS
    - Actionscript
    - XML

    Programmeertalen
    - Java
    - C#
    - Ruby i.c.m. on Rails framework

  • animalking
    Leerling
    Berichten
    128
    • 21 mei 2010 om 21:37
    • #7

    ik zie helemaal niet wat tussen de code tags staat. Ik wil het eigenlijk ook lezen. Ligt dit nou aan cp?

    http://www.criminalspoint.com/forum/topic/7412.html

  • R-Mijnten
    Skydiving!
    Berichten
    1.439
    • 22 mei 2010 om 07:48
    • #8
    Citaat van animalking

    ik zie helemaal niet wat tussen de code tags staat. Ik wil het eigenlijk ook lezen. Ligt dit nou aan cp?

    Je gebruikt Internet Explorer. (8.0)?
    Momenteel zit ik op kantoor, en heb hetzelfde probleem. Thuis gebruik ik FireFox / Chrome en soms Opera, en daar heb ik er geen last van. Komt dus door Internet Explorer.
    Google chrome kan je hier downloaden: hier!
    Firefox kan je hier downloaden: hier!

    Nu verder ontopic, dit was alleen ter info! (voor animalking)

Registratie

Nog geen account? Registreer je nu en word deel van onze community!

Nu registreren Aanmelden

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37

Gebruikers die dit topic bekijken

  • 2 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacyverklaring
  10. Contact
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design