• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  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
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  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
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  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
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. Overige
  5. Archief
  6. Request

Forum

  • Beta-testers gezocht voor Crypto-oefenplatform

    Syntax 29 januari 2026 om 16:11
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Syntax 19 januari 2026 om 09:34
  • Developer Gezocht

    Mikevdk 10 januari 2026 om 18:57
  • Op zoek naar de legends

    Syntax 5 januari 2026 om 13:50
  • [FREE] WeFact Hosting module

    Jeroen.G 13 oktober 2025 om 14:09
  • Help testers nodig voor android app Urgent

    urgentotservices 26 september 2025 om 10:21
  • Versio vervanger

    Jeroen.G 25 augustus 2025 om 15:56
  • Afspraken systeem met planbeperking

    Lijno 1 augustus 2025 om 23:04

Marktplaats

  • 350 Nieuwe Domeinnamen Januari 2026

    shiga 1 februari 2026 om 14:21
  • 321 Nieuwe Domeinnamen December 2025

    shiga 1 januari 2026 om 10:26
  • Meerdere mafia game template te koop

    Syntax 26 december 2025 om 00:07

[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>
    Toon Meer


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

    Heel erg bedankt!

    *

  • 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
    Student
    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!
    Ontvangen Reacties
    2
    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)

Participate now!

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

Maak een account aan Login

ICT Nieuws

  • Fijne feestdagen

    tcbhome 28 december 2025 om 13:55
  • Kritieke update voor Really Simple Security-plug-in

    K.Rens 16 november 2024 om 16:12
  • ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

    K.Rens 2 november 2024 om 16:09

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

  • 1 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
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