tab systeem

Terr0r

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>

Meer tonen

cri

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

Oceans

Zoek en je zult vinden :cheer:

http://www.criminalspoint.com/forum/topic/83…Tabsysteem.html

Terr0r

hoe bedoel je cri ?

cri

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

dan tweede tab zelfde

hier voorbeeld nieuw bericht

</div>

Terr0r

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

Stefan.J

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

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>

Meer tonen

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

bump voor TS

L.Groot

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>

Meer tonen

Lars

cri

Nee, blijft zelfde zo

Terr0r

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

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

Zodra ik het vindt post ik het

Terr0r

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

ik ben er ook mee bezig 8-|

Thisguyisgone

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

Terr0r

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

ICTscripters

Dé plek voor IT

Dé plek voor IT

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

Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

Crime Club volledig herschreven vanaf nul

Malavita (nieuwe maffia game, van 0)

Herkent deze Notion-structuurscan echte problemen?

🚀 WE ZOEKEN TESTERS! 🚀

Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

[TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

TK: Kraai.eu

[TE KOOP] Likeboost24.nl: complete SMM-webshop met eigen merk, volautomatische levering en betalen op de eigen pagina

tab systeem

Registratie

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

Functioneel ontwerp

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

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

Gebruikers die dit topic bekijken