• 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

  • Crimora.nl

    tigermaffia 9 juli 2026 om 00:06
  • RPG game gebouwd met AI

    zwpgangster 8 juli 2026 om 15:47
  • (Verkoop) Criminals

    Syntax 5 juli 2026 om 13:22
  • Het Grote Vibe Code Topic

    Syntax 30 juni 2026 om 11:54
  • Ictscripters Chat

    Jeffrey.Hoekman 26 juni 2026 om 16:21
  • Het oorspronkelijke Criminals Script

    Jeroen.G 24 juni 2026 om 09:21
  • StraatBaas is back, maar hoe?!

    Syntax 17 juni 2026 om 10:28
  • PWYL source gezocht

    Syntax 29 mei 2026 om 14:03

Marktplaats

  • 306 Nieuwe Domeinnamen Juni 2026

    shiga 1 juli 2026 om 13:39
  • 4-letter domein: Togi.nl

    evesi 17 juni 2026 om 17:08
  • 359 Nieuwe Domeinnamen Mei 2026

    shiga 1 juni 2026 om 12:45

[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!

    *

  • Guest, 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
    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

  • Quanscient ontvangt €10M om AI- en kwantum-native hardware engineering te bevorderen - Tech.eu

    ICTscripters 27 mei 2026 om 12:03
  • Datalek bij leverancier Canvas - Universiteit van Amsterdam

    ICTscripters 10 mei 2026 om 12:03
  • Data privacy in 2026: Hoe de naleving van GDPR verandert

    ICTscripters 8 mei 2026 om 12:16

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