tab systeem

Terr0r · 12 September 2010

ik ben bezig in me source met een tab systeem in news.php voor prive berichten en forum maar niks werkt heb verschillende optie geprobeerd

alleen als ik op de link klik gatie open in een ander scherm en dat is neitgoed het moet dus open gaan in news.php

als tab functie maar dat gaat dus niet

wie heeft een oplossing

hier het stukje code waarom het gaat

PHP

<script language="javascript">
function openTab(pTabPage,pTab)
{
    document.getElementById('block1').style.display = 'none';
    document.getElementById('block2').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('tab3').style.background = '';
    document.getElementById('tab3').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; background:url('images/tab_info_bg.jpg') repeat-x; 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">Inbox</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">Nieuw</a></div>
    <div style="float:left; height:26px; margin:0px; padding:0px; margin-left: 5px;">
        |  </div>
    <div id="tab3" style="float:left; height:26px; margin:0px; padding:0px; margin-left: 5px;"><a href="index.php?a=message&box=sent">Verstuurd</a></div>
    <div style="float:left; height:26px; margin:0px; padding:0px; margin-left: 5px;">
  </div>
</div>

Toon Meer

cri · 12 September 2010

Je moet ook nog uw tabfunctie openen he, in uw script zelf

Oceans · 12 September 2010

Zoek en je zult vinden :cheer:

http://www.criminalspoint.com/…c/8320/JS-Tabsysteem.html

Terr0r · 12 September 2010

hoe bedoel je cri ?

cri · 12 September 2010

Hier voor uw berichten
</div> om af te sluiten

dan tweede tab zelfde

hier voorbeeld nieuw bericht

</div>

Terr0r · 12 September 2010

ik wil een script open dan moet ik dus het stukje script wat ik wil openen in de divs zetten ?

Stefan.J · 12 September 2010

Volgens mij zijn er weinig mensen die hier verstand van Javascript hebben.

Als ik je probleem goed begrijp moet je gewoon even zorgen dat openTab false return´t.

Terr0r · 12 September 2010

ik heb nu het tab systeem wat hier op cp staat er in staan ik heb nu dit

PHP

<script language="javascript"> 
            function openTab(pTabPage,pTab){ 
                                document.getElementById('tabs_1').style.display = 'none'; 
                                document.getElementById('tabs_2').style.display = 'none'; 
                                document.getElementById('tabs_3').style.display = 'none'; 


                document.getElementById(pTabPage).style.display = 'block'; 


                document.getElementById('pmtab1').style.background = ''; 
                document.getElementById('pmtab1').style.fontWeight = 'normal'; 
                document.getElementById('pmtab2').style.background = ''; 
                document.getElementById('pmtab2').style.fontWeight = 'normal'; 
                document.getElementById('pmtab3').style.background = ''; 
                document.getElementById('pmtab3').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 id="tab3" style="float:left; height:26px; margin:0px; padding:0px; margin-left: 5px;"><a href="#" onclick="openTab('tabs_3','tab3'); return false">//NAAM TAB3</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> 
        <div id="tabs_3" style="display:none"> 
Goedzo, je opende tab3! 
    </div>

Toon Meer

maar goed ik wil dus dat als je een nieuwe pm wil sturen dat die dus in news.php als tab functie opent en dat ook bij forum

eigelijk het zelfde als nu op banditi.nl

EDIT

hij opent nu ook in een nieuwe page en dat is niet goed hij moet dus openen in news.php als tab functie

Lancer · 13 September 2010

bump voor TS

L.Groot · 13 September 2010

Werkt het zo:

PHP

<script language="javascript"> 
            function openTab(pTabPage,pTab){ 
                                document.getElementById('tabs_1').style.display = 'none'; 
                                document.getElementById('tabs_2').style.display = 'none'; 
                                document.getElementById('tabs_3').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('tab3').style.background = ''; 
                document.getElementById('tab3').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 id="tab3" style="float:left; height:26px; margin:0px; padding:0px; margin-left: 5px;"><a href="#" onclick="openTab('tabs_3','tab3'); return false">//NAAM TAB3</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> 
        <div id="tabs_3" style="display:none"> 
Goedzo, je opende tab3! 
    </div>

Toon Meer

Lars

cri · 13 September 2010

Nee, blijft zelfde zo

Terr0r · 13 September 2010

het tab systeem werkt bij mij dat het van tab 1 naar tab 2 en naar tab 3 gaat en terug maar opent nog niet wat dus zou moeten open in de tab

cri · 13 September 2010

Probleem is het doet het half en half met deze oplossing.

Zodra ik het vindt post ik het

Terr0r · 13 September 2010

dankje wel cri zodra ik iets heb laat ik het wel horen

ik ben er ook mee bezig 8-|

Ferhat.Remory · 15 September 2010

Ik weet dat meerdere bumps niet mag, maar ja.. Hierbij bump op aanvraag van de TS

Terr0r · 16 September 2010

is er iemand die mij hier mee zou kunnen helpen
is er iemand die weet wat de oplossing zou kunnen zijn bij voor mijn probleem met de tabs
is er iemand die weet wat ik zou moeten doen om het probleem tekunnen oplossen

DNS update Directadmin

Graag advies voor mijn website

Ik wil op afstand studeren, kennen jullie Tech?

PC probleem

Let op Vimexx klanten

wie kan mij helpen met Security aanscherpen voor nmijn website

Ik ben op zoek naar een goede hosting

App bouwer gezocht

Dating software

250 Nieuwe domeinnamen April 2024

Xenforo buckaroo plugin

tab systeem

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen

Gebruikers die dit topic bekijken