Page 2 of 7

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 14:03
by update
pepe wrote:da kommt doch keine Sau drauf, mal ehrlich :?
Wieso denn das? Ich bin doch auch draufgekommen :lol:

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 14:12
by pepe
Ich bin mir nicht sicher, ob die Seite NEU lädt... aber der Inhalt des Browsers verschiebt sich vertikal, wenn der Tabulatorbereich sehr weit unten im Artikel steht.

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 14:15
by Uwe367
Ob die Seite neu lädt siehst du doch in der Einagbeleiste des Browsers, jedenfalls ist das bei Firefox der Fall und da tut sich nichts wenn ich einen neuen Reiter anklicke :wink:
Ich glaube ich weiß was du meinst. Wenn du einen Reiter anklickst ensteht bei dir ein Scrollbalken der die Seite verscheibt wenn der Inhalt des Tabs über den Bereich des Monitors hinausgeht oder?

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 14:22
by pepe
so siehst aus!

anscheinend ist die zwischenzeitliche Höhe des Inhaltsfeldes auf NULL gesetzt und wird dann schrittweise wieder erhöht.

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 14:24
by Uwe367
Sollte aber auf meiner Playgroundseite mit dem Beispiel nicht passieren oder doch?

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 14:28
by pepe
Dooooch, tut es!

pack doch mal einen CP vor die Tabs, mit reichlich "Loren Ipsum", so dass die Tabs 1500px tiefer rutschen!

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 15:26
by update
Die Testseite springt exakt in die Hälfte der Höhe des Headers, so als wäre da ein Anker versteckt.

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 17:08
by juergen
Und was springt da ? Ich bin zu doof, bei mir springt nichts...

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 17:14
by pepe
Jürgen, bei deinem 70-Zoll Senioren-Monitor kann auch nichts springen ... da passt immer alles drauf :lol:

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 17:24
by juergen
Und du Manfred ? 2 x 20 Zeichen LCD Display, seriell ? Ich habe jetzt auf 0.07 Zoll verkleinert und da springt nix. Brille ist auf der Nase ! Mein Fürchtefux heisst 10.0 !!!

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 17:36
by pepe
Ach menno, all dieser neumoderne Schietkram is' nix mehr für meine labilen Nerven!

In meiner Jugend - damals mit der guten alten Schiefertafel - da "sprang" garnix... höchstens mal die Tafel selber :lol: :lol: :lol:

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 17:54
by update
Chrome spinnt auch.
Da stimmt auch was nicht mit dem #wrapper...

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 18:12
by Uwe367
Hab gerade auch mal mit Chrome draufgeschaut und kann kein Problem feststellen. Inwiefern spinnt denn Chrome bei dir?

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 18:32
by update
FF9 springt hoch bis in die Mitte des Headers, Chroom bis ganz hoch. Kommentiere doch testweise mal den Container #wrapper aus.

Re: CP´s in JQuery Tabs gruppieren

Posted: Wed 8. Feb 2012, 18:38
by Uwe367
Hier jetzt erstmal noch eine kleine Erweiterung für das Script. Damit bleiben alle Tabs beim Seitenaufruf geschlossen.

Code: Select all

$(function () {
			var tabContainers = $('.tab-content');
			tabContainers.hide().filter(':first').show();
			
			$('.tab-navigation a').click(function () {
				tabContainers.hide();
				 // Geschwindigkeit zum öffnen der Tabs in ms (hier 500)
				tabContainers.filter(this.hash).show(500);
				$('.tab-content .tab-navigation a').removeClass('selected');
				$(this).addClass('selected');
				return false;
			}).filter(':first').click();
			//Die folgende Zeile schließt alle Tabs beim Seitenaufruf. 
			//Soll der erste Tab geöffnet sein, diese Zeile bitte löschen oder auskomentieren.
			$('.tab-content').hide(); 
		});
claus wrote:Kommentiere doch testweise mal den Container #wrapper aus.
Der Container #wrapper ist Teil des Grundgerüstes der HP. Wenn ich den auskommentiere fliegt mir alles um die Ohren. :lol: