Problem beim Laden von Seitenteilen in den Content. Seite verschiebt sich!

philipp · 22.11.2011, 19:36

Hallo!

Ich bin zurzeit dabei für meine Firma eine Website zu schreiben. Damit das Surfen darauf schneller geht, hab ich Ajax bzw. JavaScript eingebaut.
So lade ich die jeweilige Seite in eine Div-Box ("Content").

Code:

<head>
<script style="text/javascript" src="jquery.js"> </script>
	 <script style="text/javascript">
		$(document).ready(function () 
			{
				$("a").click(function () 
					{
						$("#content").load($(this).attr("href"));
						return false;
					});
			});	
	</script>
</head>

Das funktioniert alles prima, nur das der Content beim erstmaligen Aufrufen der Seite (also index.html) leer bleibt. Gelöst hab ich das damit, dass ich meine home.html sofort reinlade:

Code:

<div id="content">	
	    <script style="text/javascript">
		$ (document).ready
			(function () {
				$("content").load($("this").attr("home.html"));
				return false;
			});
					
	   </script>
</div>

Doch nun verschiebt sich die nächste reingeladene Seite im Content etwas nach rechts und nach unten.

Hat jemand eine Idee, woran das liegen könnte und wie man das wieder hinbekommt?? Theoretisch würde es auch reichen, wenn jemand weiß wie ich auch die vorgeladene home.html verschiebe

Danke!
Philipp

ChrisB · 22.11.2011, 19:42

Schau dir das DOM an, das durch das Nachladen dieser Seitenteile jeweils erzeugt wird – sieht das so aus, wie du es erwartet/beabsichtigt hast?

rudygotya · 22.11.2011, 19:43

Zitat:

PHP-Code:

  $("content").load($("this").attr("home.html"));

hier fehlt das id-prefix (#).
Gibts bei dir ein <content /> element?

Gib das Grundgerüst mitsamt styles vor, dann ist das nachladen unproblematisch.

edit: anstelle von return false verwenden => http://api.jquery.com/event.preventDefault/

nikosch · 22.11.2011, 19:51

$("this") ist Unfug.

ChrisB · 22.11.2011, 20:08

@nikosch: Nein, mit this hast du im Eventhandler nur ein „normales“ DOM-Objekt in der Hand - $() macht daraus ein jQuery-Objekt, und das brauchst du, wenn du darauf mit weiteren jQuery-Methoden arbeiten möchtest.

nikosch · 22.11.2011, 20:11

Ja und mit "this" hast Du wieder was ganz anderes.

ChrisB · 22.11.2011, 20:27

Oh, stimmt – das hast du natürlich Recht

… übersehen.

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
Div später laden bzw. mit der Seite	Gachet01	HTML, Usability und Barrierefreiheit	3	12.02.2011 20:20
Durch AJAX die seite gar nicht mehr neu laden???	luks2com	PHP Tipps 2010	12	01.08.2010 18:08
[Erledigt] Seite mit Ajax in div laden und JS ausführen	themonk	JavaScript, Ajax und mehr	8	07.07.2010 18:08
Hilfe gesucht: HTML Seite um ein iFrame neu laden	archangelus	PHP Tipps 2010	1	26.05.2010 01:02
neuen Datensatz in der gleichen Seite laden	saki81	PHP Tipps 2010	5	17.04.2010 17:53
links laden, nicht die gesamte seite	zeitgeisth	PHP Tipps 2009	14	08.02.2009 23:38
Problem mit einbindung von javascript auf einer php seite	mysteryxxx	PHP Tipps 2009	7	01.02.2009 16:40
Automatischer scroll/jump/sprung bei laden einer Seite	DDogg	HTML, Usability und Barrierefreiheit	7	10.02.2006 11:54
Problem beim Laden von Seitenteilen in den Content. Seite verschiebt sich! beim einloggen?!?!		PHP Tipps 2004-2	1	25.11.2004 10:31
Problem mit Übergabe von Werten an andere Seite	Schiedsrichter	HTML, Usability und Barrierefreiheit	4	07.09.2004 21:55
Eine 2te Seite auto matisch in neuem Fenster laden		PHP Tipps 2004	4	25.08.2004 14:10
[Erledigt] Seite nicht cachen... bzw immer aktuell laden..		HTML, Usability und Barrierefreiheit	10	20.08.2004 14:37
Externen Content laden		PHP Tipps 2004	4	13.08.2004 10:52
Templates (?) - dynamische Seite - Problem		PHP Tipps 2004	0	15.07.2004 16:45
Datensatz löschen: Problem beim Laden von Seitenteilen in den Content. Seite verschiebt sich!?		PHP Tipps 2004	9	09.06.2004 01:44

22.11.2011, 19:36
philipp Neuer Benutzer Registriert seit: 22.11.2011 Beiträge: 1 PHP-Kenntnisse: Anfänger	Problem beim Laden von Seitenteilen in den Content. Seite verschiebt sich! Hallo! Ich bin zurzeit dabei für meine Firma eine Website zu schreiben. Damit das Surfen darauf schneller geht, hab ich Ajax bzw. JavaScript eingebaut. So lade ich die jeweilige Seite in eine Div-Box ("Content"). Code: <head> <script style="text/javascript" src="jquery.js"> </script> <script style="text/javascript"> $(document).ready(function () { $("a").click(function () { $("#content").load($(this).attr("href")); return false; }); }); </script> </head> Das funktioniert alles prima, nur das der Content beim erstmaligen Aufrufen der Seite (also index.html) leer bleibt. Gelöst hab ich das damit, dass ich meine home.html sofort reinlade: Code: <div id="content"> <script style="text/javascript"> $ (document).ready (function () { $("content").load($("this").attr("home.html")); return false; }); </script> </div> Doch nun verschiebt sich die nächste reingeladene Seite im Content etwas nach rechts und nach unten. Hat jemand eine Idee, woran das liegen könnte und wie man das wieder hinbekommt?? Theoretisch würde es auch reichen, wenn jemand weiß wie ich auch die vorgeladene home.html verschiebe Danke! Philipp


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

22.11.2011, 19:42
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Schau dir das DOM an, das durch das Nachladen dieser Seitenteile jeweils erzeugt wird – sieht das so aus, wie du es erwartet/beabsichtigt hast? __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

22.11.2011, 19:51
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	$("this") ist Unfug. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

22.11.2011, 20:08
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	@nikosch: Nein, mit this hast du im Eventhandler nur ein „normales“ DOM-Objekt in der Hand - $() macht daraus ein jQuery-Objekt, und das brauchst du, wenn du darauf mit weiteren jQuery-Methoden arbeiten möchtest. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

22.11.2011, 20:11
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ja und mit "this" hast Du wieder was ganz anderes. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

22.11.2011, 20:27
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Oh, stimmt – das hast du natürlich Recht … übersehen. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?