jQuery Tabs + Links öffnen im neuen Fenster

markeloff · 01.07.2011, 08:16

hi.

die links öffnen sich wie gesagt immer in einem neuen fenster.
aber ich möchte, dass sie sich in dem selben tab UND in dem aktuellen jquery tab öffnen. ich habe bereits das hier probiert:

...open links in the current tab instead of leaving the page "Hijax" links after tab content has been loaded:

Zitat:

$('#example').tabs({
load: function(event, ui) {
$('a', ui.panel).click(function() {
$(ui.panel).load(this.href);
return false;
});
}
});

allerdings funktioniert es trotzdem nicht..
wäre nett, wenn sich jemand dem problem annehmen würde.

grüße

P.S: die tabs fungieren als navi.

rudygotya · 01.07.2011, 09:03

Zitat:

aber ich möchte, dass sie sich in dem selben tab UND in dem aktuellen jquery tab öffnen.

Wie was wo?

Danke für den Codeschnipsel. Der ist so eins zu eins aus der Doku rauskopiert, nur mit dem Unterschied, dass er dort wenigstens formatiert ist. Funktioniert nicht ist auch keine Fehlerbeschreibung.

Fachfragen zu bestimmten Softwareprodukten

markeloff · 01.07.2011, 09:15

Zitat:

Zitat von rudygotya

Wie was wo?

die links sollen sich im selben fenster, sowie in dem jquery tab öffnen. besser?

Zitat:

Zitat von rudygotya

Danke für den Codeschnipsel. Der ist so eins zu eins aus der Doku rauskopiert

ähhh. ach ne?

Zitat:

Zitat von rudygotya

Funktioniert nicht ist auch keine
Fehlerbeschreibung.

funkioniert nicht = die links öffnen sich weiterhin in einem neuen fenster.

was genau war da jetzt so unverständlich?

ChrisB · 01.07.2011, 09:20

Zitat:

Zitat von markeloff

was genau war da jetzt so unverständlich?

Gegenfrage: Was hältst du an deiner Problembeschreibung für Außenstehende nachvollziehbar?

Wir kennen dein HTML-Dokument nicht, wissen nicht, was für Code ggf. noch im Spiel ist ... in so fern ist alles, was man bisher zu deinem "funzt nicht" sagen kann: Beileid!

markeloff · 01.07.2011, 09:26

Code:

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>jQuery UI Example Page</title>
		<link type="text/css" href="css/smoothness/jquery-ui-1.8.14.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="jquery/js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="jquery/js/jquery-ui-1.8.14.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){
	
				// Tabs
				$('#tabs').tabs();

			});
		</script>
	</head>
	<body>
		<!-- Tabs -->
		<div id="tabs">
			<ul>
				<li><a href="#tabs-1">First</a></li>
				<li><a href="#tabs-2">Second</a></li>
				<li><a href="#tabs-3">Third</a></li>
			</ul>
			<div id="tabs-1">A</div>
			<div id="tabs-2">B</div>
			<div id="tabs-3">C</div>
		</div>
	</body>
</html>

bitteschön. das ganz normale standardzeugs.
und wenn man jetzt den code von oben einfügt, öffnen sich links dennoch in einem neuen fenster.

ChrisB · 01.07.2011, 10:48

Zitat:

Zitat von markeloff

und wenn man jetzt den code von oben einfügt,

... dann kann der Selektor $('#example') lange suchen, weil es ein solches Element in dem Dokument nicht gibt.

markeloff · 01.07.2011, 14:12

was gehört stattdessen rein? tabs? wenn ja, hat leider auch nicht geklappt.

ChrisB · 01.07.2011, 14:34

Zitat:

Zitat von markeloff

hat leider auch nicht geklappt.

Feierabend ...! (aka *close*)

http://www.php.de/php-einsteiger/announcements.html

EDIT: OK, eine Chance noch ... *re-open*

markeloff · 01.07.2011, 15:19

dann versuch ich das problem noch mal so_verständlich_wie_möglich zu schildern..
der wesentliche code sieht so aus:

Code:

<html>
	<head>
		<link type="text/css" href="jquery/css/smoothness/jquery-ui-1.8.14.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="jquery/js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="jquery/js/jquery-ui-1.8.14.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){
	
				// Tabs
				$('#tabs').tabs();

			});
		</script>
	</head>
	<body>
		<div id="tabs">
			<ul>
				<li><a href="#tab1">First</a></li>
				<li><a href="#tab2">Second</a></li>
				<li><a href="#tab3">Third</a></li>
			</ul>
                 </div>
	</body>
</html>

wenn man jetzt externe links aufrufen möchte (<div id="tab1"><a href="test.html">testseite</a></div>) öffnen sich diese in einem neuen tab. (browser-tab)
auf der jquery seite gibt es da bereits eine lösung, nämlich soll man folgenden code einfügen:

open links in the current tab instead of leaving the page

Code:

$('#example').tabs({
    load: function(event, ui) {
        $('a', ui.panel).click(function() {
            $(ui.panel).load(this.href);
            return false;
        });
    }
});

dies hab ich dann getan, allerdings hat sich der link weiterhin in einem neuen tab geöffnet.
aufgrund des hinweises von ChrisB habe ich dann statt "example" versucht, "tabs" einzugeben.
nur leider besteht das problem weiterhin (link öffnet sich im neuen tab).

ich hoffe, das war verständlich genug. kann mir jetzt vielleicht jemand helfen?

grüße

ChrisB · 01.07.2011, 15:26

Warum lieferst du nicht endlich mal ein Online-Beispiel, wo sich das jeder direkt anschauen kann - ohne das jeder einzelne potentielle Helfer sich erst mal die jQuery-Dateien an die richtige Stelle kopieren (bzw. sie sich erst noch ziehen) muss ...?

Du willst doch hier Hilfe von anderen - also solltest du es denen auch so einfach wie möglich machen, sich dein Problem anzuschauen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
zwei links mit einem klick öffnen		HTML, Usability und Barrierefreiheit	9	03.10.2010 01:04
mitglieder suchen im neuen fenster	$$$ ThiKool $$$	PHP Tipps 2005-2	16	15.10.2005 23:26
Datenbankergebnisse - Mehrere fenster sollen sich öffnen		PHP Tipps 2005-2	10	17.09.2005 21:51
mehrere fenster öffnen		PHP Tipps 2005-2	2	30.08.2005 10:20
neues fenster öffnen	janni	HTML, Usability und Barrierefreiheit	1	24.06.2005 10:13
Bilder im neuen Fenster anzeigen per JS	scooter	HTML, Usability und Barrierefreiheit	7	15.06.2005 12:58
[Erledigt] fieldset in neuen fenster		HTML, Usability und Barrierefreiheit	1	25.05.2005 15:39
[Erledigt] Firefox: Statuszeile verschwindet nicht beim neuen Fenster.		HTML, Usability und Barrierefreiheit	7	07.03.2005 09:55
[Erledigt] Beim Submit neues Fenster öffnen		HTML, Usability und Barrierefreiheit	6	14.01.2005 11:56
[Erledigt] [JS]Neues Bild in neuem Fenster öffnen		HTML, Usability und Barrierefreiheit	1	04.01.2005 11:39
Bilder in neuem Fenster mit exakt der Bildgröße öffnen		PHP Tipps 2004-2	8	26.11.2004 17:47
[Erledigt] Link in neuem Fenster öffnen - JS		HTML, Usability und Barrierefreiheit	3	02.09.2004 15:17
[Erledigt] Fenster öffnen		HTML, Usability und Barrierefreiheit	2	16.08.2004 13:19
Links in neuem Fenster aufmachen!		PHP Tipps 2004	8	25.07.2004 19:33
neues Fenster, mit voher definierter Größe, über Link öffnen		HTML, Usability und Barrierefreiheit	7	21.06.2004 12:43


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.07.2011, 14:12
markeloff Neuer Benutzer Registriert seit: 23.09.2010 Beiträge: 18 PHP-Kenntnisse: Anfänger	was gehört stattdessen rein? tabs? wenn ja, hat leider auch nicht geklappt. Geändert von markeloff (01.07.2011 um 15:19 Uhr).

01.07.2011, 15:19
markeloff Neuer Benutzer Registriert seit: 23.09.2010 Beiträge: 18 PHP-Kenntnisse: Anfänger	dann versuch ich das problem noch mal so_verständlich_wie_möglich zu schildern.. der wesentliche code sieht so aus: Code: <html> <head> <link type="text/css" href="jquery/css/smoothness/jquery-ui-1.8.14.custom.css" rel="stylesheet" /> <script type="text/javascript" src="jquery/js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="jquery/js/jquery-ui-1.8.14.custom.min.js"></script> <script type="text/javascript"> $(function(){ // Tabs $('#tabs').tabs(); }); </script> </head> <body> <div id="tabs"> <ul> <li><a href="#tab1">First</a></li> <li><a href="#tab2">Second</a></li> <li><a href="#tab3">Third</a></li> </ul> </div> </body> </html> wenn man jetzt externe links aufrufen möchte (<div id="tab1"><a href="test.html">testseite</a></div>) öffnen sich diese in einem neuen tab. (browser-tab) auf der jquery seite gibt es da bereits eine lösung, nämlich soll man folgenden code einfügen: open links in the current tab instead of leaving the page Code: $('#example').tabs({ load: function(event, ui) { $('a', ui.panel).click(function() { $(ui.panel).load(this.href); return false; }); } }); dies hab ich dann getan, allerdings hat sich der link weiterhin in einem neuen tab geöffnet. aufgrund des hinweises von ChrisB habe ich dann statt "example" versucht, "tabs" einzugeben. nur leider besteht das problem weiterhin (link öffnet sich im neuen tab). ich hoffe, das war verständlich genug. kann mir jetzt vielleicht jemand helfen? grüße Geändert von markeloff (01.07.2011 um 15:26 Uhr).

01.07.2011, 15:26
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Warum lieferst du nicht endlich mal ein Online-Beispiel, wo sich das jeder direkt anschauen kann - ohne das jeder einzelne potentielle Helfer sich erst mal die jQuery-Dateien an die richtige Stelle kopieren (bzw. sie sich erst noch ziehen) muss ...? Du willst doch hier Hilfe von anderen - also solltest du es denen auch so einfach wie möglich machen, sich dein Problem anzuschauen. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?