Anzeige

Nach AJAX include soll div ans ende scrollen

Nach AJAX include soll div ans ende scrollen | PSD-Tutorials.de

Erstellt von Sorc, 26.10.2010.

  1. Sorc

    Sorc Nicht mehr ganz neu hier

    Dabei seit:
    14.08.2009
    Beiträge:
    65
    Geschlecht:
    männlich
    Ort:
    Rostock
    Software:
    PhpStorm, Xcode, Android Studio, NetBeans, Visual Studio
    Nach AJAX include soll div ans ende scrollen
    Hallo zusammen,

    ich habe folgendes Problem. Ich rufe per Javascript ein AJAX include auf um in einer PHP Datei Daten in die Datenbank zuspeichern und auszugeben. Das ganze passiert in einem div. Nun soll aber dieses div, was eine feste höhe hat und scrollt, nach dem ausführen ans Ende scrollen. Leider bekomme ich es nicht hin. Nur wenn sich die ganze Seite lädt wird per onload das Scrollscript ausgeführt.

    index.php:
    HTML:
    1.  
    2. ...
    3. <body onload="scrollDown();">
    4. <a href="javascript:void(0);" onclick="changeStatus('0');">Status 1</a><br />
    5. <a href="javascript:void(0);" onclick="changeStatus('1');">Status 2</a><br />
    6. <a href="javascript:void(0);" onclick="changeStatus('2');">Status 3</a><br />
    7. <div id="textbox">
    8. <?php
    9. include('text.php');
    10. ?>
    11. </div>
    12. ...
    13.  
    javascript.js:
    Code (Text):
    1.  
    2. function CreateXmlHttpObjet()
    3. {
    4.     var xmlHttp = null;
    5.  
    6.     try
    7.     {
    8.         // Firefox, Opera 8.0+, Safari
    9.         xmlHttp = new XMLHttpRequest();
    10.     }
    11.     catch( e )
    12.     {
    13.         // Internet Explorer
    14.         try
    15.         {
    16.             xmlHttp = new ActiveXObject( "Msxml2.XMLHTTP" );
    17.         }
    18.         catch( e )
    19.         {
    20.             xmlHttp = new ActiveXObject( "Microsoft.XMLHTTP" );
    21.         }
    22.     }
    23.     return xmlHttp;
    24. }
    25.  
    26. function scrollDown()
    27. {
    28.     var objDiv = document.getElementById("textbox");
    29.     objDiv.scrollTop = objDiv.scrollHeight;
    30. }
    31.  
    32. function changeStatus(status)
    33. {
    34.  
    35.     xmlHttp = CreateXmlHttpObjet();
    36.  
    37.     if( xmlHttp == null ) return ;
    38.  
    39.     xmlHttp.onreadystatechange = function()
    40.     {
    41.         document.getElementById( 'textbox' ).innerHTML = xmlHttp.responseText;
    42.     }
    43.        
    44.     xmlHttp.open( 'GET', 'test.php?action=changestatus&status='+status, true );
    45.     xmlHttp.send( null );
    46.  
    47.     scrollDown();
    48.    
    49. }
    50.  
    style.css:
    Code (Text):
    1.  
    2. ...
    3. #textbox
    4. {
    5. ...
    6. height: 250px;
    7. overflow: auto;
    8. ...
    9. }
    10. ...
    11.  
    text.php:
    PHP:
    1.  
    2. <?php
    3.  
    4. // Test Schleife um Scrollbalken anzuzeigen
    5. for($i = 0;$i >= 25; $i++)
    6. {
    7. echo $i.'<br />';
    8. }
    9. echo $_REQUEST['status'];
    10. ?>
    11.  
     
    #1      
  2. saila

    saila Moderatorle

    Dabei seit:
    21.06.2006
    Beiträge:
    2.239
    Geschlecht:
    männlich
    Ort:
    50°48'23.69" N 7°14'22.19" O
    Software:
    Eclipse, PHP5 OO, MySQL5, CSS(auch Barrierefrei), JS, Symfony
    Nach AJAX include soll div ans ende scrollen
    AW: Nach AJAX include soll div ans ende scrollen

    Hi,

    ohne nun weiter auf deinen Scriptteil einzugehen, würde ich dir jQuery empfehlen. Die dort beschriebenen Methoden erleichtern dir das Entwickeln ungemein und führen gar nicht mehr zu solchen Fragen bzw. es gibt in der Doku entsprechende Beispiele.

    jQuery

    jQuery-Ajax
    jQuery-Animate
     
    Zuletzt bearbeitet: 26.10.2010
    #2      
  3. Sorc

    Sorc Nicht mehr ganz neu hier

    Dabei seit:
    14.08.2009
    Beiträge:
    65
    Geschlecht:
    männlich
    Ort:
    Rostock
    Software:
    PhpStorm, Xcode, Android Studio, NetBeans, Visual Studio
    Nach AJAX include soll div ans ende scrollen
    AW: Nach AJAX include soll div ans ende scrollen

    Naja die scripte habe ich ja schon es geht ja nur darum das der div nach dem ajaxscript wieder nach unten scrollt. ich muss ja nur wissen an welche stelle ich das script setze das es funktioniert. jquery ist ja gut und schön aber so gut ist mein englisch leider auch nicht.
     
    #3      
  4. Doitsu

    Doitsu Aktives Mitglied

    Dabei seit:
    15.04.2009
    Beiträge:
    482
    Nach AJAX include soll div ans ende scrollen
    AW: Nach AJAX include soll div ans ende scrollen

    .. nachdem du den Container mit Inhalt fuellst? also in deine onreadystatechange Funktion.
    Allerdings solltest du in der noch ueberpruefen welcher Status ueberhaupt zurueckgegeben wird ~> AJAX The XMLHttpRequest onreadystatechange Event
     
    #4      
  5. Sorc

    Sorc Nicht mehr ganz neu hier

    Dabei seit:
    14.08.2009
    Beiträge:
    65
    Geschlecht:
    männlich
    Ort:
    Rostock
    Software:
    PhpStorm, Xcode, Android Studio, NetBeans, Visual Studio
    Nach AJAX include soll div ans ende scrollen
    AW: Nach AJAX include soll div ans ende scrollen

    Ich danke dir vielmals. Es funktioniert.
     
    Zuletzt bearbeitet: 27.10.2010
    #5      
Seobility SEO Tool
x
×
×