Nach AJAX include soll div ans ende scrollen

Sorc · 26.10.2010

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:

...
<body onload="scrollDown();">
<a href="javascript:void(0);" onclick="changeStatus('0');">Status 1</a><br />
<a href="javascript:void(0);" onclick="changeStatus('1');">Status 2</a><br />
<a href="javascript:void(0);" onclick="changeStatus('2');">Status 3</a><br />
<div id="textbox">
<?php
include('text.php');
?>
</div>
...

javascript.js:

Code:

function CreateXmlHttpObjet()
{
    var xmlHttp = null;

    try
    {
        // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    }
    catch( e )
    {
        // Internet Explorer
        try
        {
            xmlHttp = new ActiveXObject( "Msxml2.XMLHTTP" );
        }
        catch( e )
        {
            xmlHttp = new ActiveXObject( "Microsoft.XMLHTTP" );
        }
    }
    return xmlHttp;
}

function scrollDown()
{
    var objDiv = document.getElementById("textbox");
    objDiv.scrollTop = objDiv.scrollHeight;
}

function changeStatus(status)
{

    xmlHttp = CreateXmlHttpObjet();

    if( xmlHttp == null ) return ;

    xmlHttp.onreadystatechange = function()
    {
        document.getElementById( 'textbox' ).innerHTML = xmlHttp.responseText;
    }
        
    xmlHttp.open( 'GET', 'test.php?action=changestatus&status='+status, true );
    xmlHttp.send( null );

    scrollDown();
    
}

style.css:

Code:

...
#textbox
{
...
height: 250px;
overflow: auto;
...
}
...

text.php:

PHP:

<?php

// Test Schleife um Scrollbalken anzuzeigen
for($i = 0;$i >= 25; $i++)
{
echo $i.'<br />';
}
echo $_REQUEST['status'];
?>

saila · 26.10.2010

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

Sorc · 27.10.2010

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.

Doitsu · 27.10.2010

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 ~>

Sorc · 27.10.2010

AW: Nach AJAX include soll div ans ende scrollen

Doitsu schrieb:
.. nachdem du den Container mit Inhalt fuellst? also in deine onreadystatechange Funktion.
Allerdings solltest du in der noch ueberpruefen welcher Status ueberhaupt zurueckgegeben wird ~>

Ich danke dir vielmals. Es funktioniert.