tutorials.de Buch-Aktion 05/2012
Like Tree3Danke
  • 3 Beitrag von Sven Mintel
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
1553
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 28.07.10 17:40 #1
    Avatar von Fabian Frank
    Fabian Frank Fabian Frank ist offline Mitglied Brokat
    Registriert seit
    Oct 2005
    Beiträge
    288
    Hallo Leute,

    seit einer Woche beschäftigt mich der Gedanke, Traffic zu sparen indem man nur Inhalt in lädt, der gerade auch im Browserfenster sichtbar ist.

    Sprich, ich habe eine Seite, auf der ein Div-Layer per Include eine Page includiert (diese Page besteht aus mehreren Div-Layern). Ich möchte jedoch nicht, dass die gesamte Page (also alle Div's) beim Laden der Seite mitgeladen wird, sondern nur der Bereich, der gerade auch sichtbar ist. Wenn man also scrollt, soll der neu sichtbare Bereich per Ajax nachgeladen werden.

    Habt ihr dazu eine Anregung ?

    Grüße,

    Fabi
     
    Zitieren Zitieren
  2. 28.07.10 22:31 #2
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Moin Fabian,

    hier mal eine simple Umsetzung(mittels jQuery), um die Herangehensweise zu Zeigen:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

    <html>
<head>
<meta http-equiv="Content-Type" content="text/html; 
                                charset=ISO-8859-1"   />
<meta name="author"             content="doktormolle" />
<meta name="date"               content="2010-07-28" />
<title>Test</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
 
<script type="text/javascript">
<!--
var i=0;
$(window).load(
function()
{
  $(window).scroll(function()
                {
                  var margin=30;
                  if((($('body').scrollTop()+margin+$(window).height())-$(document).height())>0)
                  {
                    //hier müsstest du per AJAX nachladen
                    $('body').append('<br/>Nachladung#'+(i++));
                  }
                });
}
);
//-->
</script>
</head>
<body>
<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-
<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-
<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-<br/>-
</body>
</html>

    Es wird der scroll-Event überwacht, und dabei ermittelt, wie weit gescrollt wurde, und ob unten neuer Inhalt benötigt wird...das wars eigentlich schon
    Quaese, chmee und Fabian Frank bedanken sich. 
    Zitieren Zitieren
« Prototype Request kommt nicht durch | JSON Daten in ein Formular laden und togglebar »

Ähnliche Themen

  1. div im sichtbaren bereich?
    Von Maik20 im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 25.04.09, 22:48
  2. Abfragen ob Element im sichtbaren Bereich
    Von SuperSonik im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 25.03.08, 23:17
  3. JPanel - sichtbaren Bereich anpassen
    Von greggy80 im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 2
    Letzter Beitrag: 13.02.08, 21:31
  4. Seite in DIV-Bereich laden..
    Von kasal im Forum PHP
    Antworten: 12
    Letzter Beitrag: 24.01.06, 10:07
  5. Auf sichtbaren Bereich beziehen
    Von Coldfist im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 26.04.04, 16:00

Stichworte