Öppna en sida + en tab med samma länk

9 svar · 658 visningar · startad av Boye 14 apr. 2008

BoyeMedlem sedan nov. 200781 inlägg

Frågan14 apr. 2008 10:43#1

Hej! :)

Finns det möjlighet att göra en länk som öppnar en sida och sedan en "tab" som finns på denna sidan.

Jag har gjort en länk till sidan:

<a href="{$this->ipsclass->base_url}showuser={$this->ipsclass->member['id']}">TEST LINK</a>

Och en knapp som öppnar "tabben":

<div class='pp-taboff' id='pp-content-tab-settings'>TEST LINK TWO</div>

Men hur lyckas jag göra så att en länk som sköter båda sakerna automatiskt?

voigtann1Medlem sedan juni 20019 519 inlägg

14 apr. 2008 10:52#2

din "tabb" är en html element. Om du vill ändras dess innehåll så får du använda dig av javascript(ajax i ditt fall). Men det gäller att du är på den sidan som din pp-content-tab-settings är på.

BoyeMedlem sedan nov. 200781 inlägg

14 apr. 2008 11:23#3

Tack för svar.

Hurdå är på den sidan? Jag menar jag vill ju att en länk först ska öppna den sidan som tabben finns på och sedan automatiskt också öppna tabben. Så jag när jag trycker på länken är jag inte på den sidan som tabben finns på..

voigtann1Medlem sedan juni 20019 519 inlägg

14 apr. 2008 11:28#4

och hur ser din kod ut för att öppna en tabb? Man kan med Javascript och # i din url och använda dig av location.hash för att se vad det är för värde.

BoyeMedlem sedan nov. 200781 inlägg

14 apr. 2008 11:58#5

voigtann1 skrev:

och hur ser din kod ut för att öppna en tabb?

Sähär (dvs koden jag visade innan):

<div class='pp-taboff' id='pp-content-tab-settings'>TEST LINK TWO</div>

voigtann1 skrev:

Man kan med Javascript och # i din url och använda dig av location.hash för att se vad det är för värde.

Alltså jag är inte speciellt duktig på koder, och speciellt inte javascript bara så du vet :) Detta är tagit från saker som en annan person har byggt. Så du får gärna berätta lite närmare hur jag ska göra..

voigtann1Medlem sedan juni 20019 519 inlägg

14 apr. 2008 12:06#6

<html>
    <head>
    <script language="javascript" type="text/javascript">
		function t() {
			if(location.hash == "#show") {
				show("hash");
			}
		}

		function show(idName) {
			document.getElementById(idName).style.display = "block";
		}
	</script>
	<style type="text/css">
	<!--
		#hash {
			display:none;
		}
	//-->
	</style>
    </head>
    <body onload='javascript:t();'>
        <div id="hash">show me this sexy text</div>
		<a href="#show" onclick="show('hash');">Show something special</a>
    </body>
</html>

prova spara ner filen och öppna filen och gå till adress fältet och ange i slutet av .html#show exempel:
testfil.html#show

BoyeMedlem sedan nov. 200781 inlägg

14 apr. 2008 12:09#7

Jag kan berätta närmare vad jag försöker göra.

Jag vet inte om du vet vad Invision Power Board är, men ett sort forum. (här är ett exempel, dock inte mitt: www.ko4life.com). Jag håller på att modifiera ett eget för fullt. Om du trycker på någon medlem kommer du till deras "Profil". Där ser du flera tabbar i mitten: "Topics, Posts, Comments, Friend". Om man är medlem kan man också se en exakt likadan tab som heter "settings". Jag försöker skapa en länk från en randomsida rakt till profilen och så öppnar den också automatiskt "setting"-tabben.

BoyeMedlem sedan nov. 200781 inlägg

14 apr. 2008 18:42#8

voigtann1 skrev:

<html>
    <head>
    <script language="javascript" type="text/javascript">
		function t() {
			if(location.hash == "#show") {
				show("hash");
			}
		}

		function show(idName) {
			document.getElementById(idName).style.display = "block";
		}
	</script>
	<style type="text/css">
	<!--
		#hash {
			display:none;
		}
	//-->
	</style>
    </head>
    <body onload='javascript:t();'>
        <div id="hash">show me this sexy text</div>
		<a href="#show" onclick="show('hash');">Show something special</a>
    </body>
</html>

Tack för kod :)

Jag förstår tyvärr inte vad jag ska göra med denna koden. Om jag lägger in den i min webläsare skapar den en länk. Om man trycker på den länken skapas en annan länk, inget mer händer. Jag vill inte att någon länk ska skapas, bara att den både tar mig till en sida och öppnar en tab. Jag har försökt exprimentera med att lägga in mina länkar i den koden också..men tyvärr lyckas jag inte. Du skulle inte kunna förklara lite närmare hur jag ska göra :q

prova spara ner filen och öppna filen och gå till adress fältet och ange i slutet av .html#show exempel:
testfil.html#show

Detta förstår jag inte heller. Jag har gjort en fil med denna koden och öppnat den. Om jag trycker på en knapp kommer "URL"#show upp. Vad ska jag ange mer för något, vadå för testfil?

Fredde MannenMedlem sedan nov. 20014 054 inlägg

14 apr. 2008 19:24#9

Boye skrev:

Jag kan berätta närmare vad jag försöker göra.

Jag vet inte om du vet vad Invision Power Board är, men ett sort forum. (här är ett exempel, dock inte mitt: www.ko4life.com). Jag håller på att modifiera ett eget för fullt. Om du trycker på någon medlem kommer du till deras "Profil". Där ser du flera tabbar i mitten: "Topics, Posts, Comments, Friend". Om man är medlem kan man också se en exakt likadan tab som heter "settings". Jag försöker skapa en länk från en randomsida rakt till profilen och så öppnar den också automatiskt "setting"-tabben.

kanske börja med att förstå hur Invision är uppbyggt med dess javascript? Javascript används i alla fall när du klickar på varje "menu-knapp" som topics, posts, comments, etc.

Inte så lätt att bara kasta ut och säga exakt hur det funkar.. :)

BoyeMedlem sedan nov. 200781 inlägg

16 apr. 2008 11:12#10

Hehe njaa, jag vet inte riktigt hur det är uppbyggt själv så... :)

Men jag berättar och visar gärna så mycket ni behöver veta som jag kan..