• 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

  • [Beta] Ottomaan: gratis browserspel met een echte, levende stad. Feedback gezocht!

    frio 27 oktober 2026 om 12:22
  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Jeroen.G 26 oktober 2026 om 10:33
  • Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

    eeyk 22 oktober 2026 om 18:43
  • Crime Club volledig herschreven vanaf nul

    frio 19 oktober 2026 om 23:57
  • Malavita (nieuwe maffia game, van 0)

    jos 19 oktober 2026 om 23:18
  • Herkent deze Notion-structuurscan echte problemen?

    Jeroen.G 19 oktober 2026 om 15:09
  • 🚀 WE ZOEKEN TESTERS! 🚀

    Servertjee 3 oktober 2026 om 10:56
  • Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

    saggy2829 30 september 2026 om 19:31

Marktplaats

  • [Verkoop] G4G (Gangsters 4 Gangsters): volledige broncode, nieuw gebouwd in PHP 8.3 | € 30 per domein

    frio 27 oktober 2026 om 18:54
  • [TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

    Dpm_x 26 oktober 2026 om 00:22
  • TK: Kraai.eu

    frio 25 oktober 2026 om 11:39

[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

ICT Nieuws

  • PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

    Aaron 22 oktober 2026 om 22:19

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. Privacyverklaring
  10. Contact
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design