Refreshing DIV

PixelWill · 26-04-2008, 04:38 PM

Hey all, I've tried look for AJAX page refresh's, AJAX page fetchers, but strangely enough, nothing meets my requirements.. It's not to say I haven't found anything what so ever. I have actually found some things but don't do what I want though.

I'm looking for a simple refresh that obviously doesn't refresh the whole page, but just refresh's a single DIV.

Does anyone know how I would go about it and where I could perhaps find one?

Thanks..

L?KE · 26-04-2008, 04:44 PM

Use an iframe?

Or pay some javascript wizz to do something in ajax for you.

PixelWill · 26-04-2008, 04:49 PM

I considered an iframe, but I didn't want the browser ticking all the time.

Agnostic Bear · 26-04-2008, 05:01 PM

Code:

function start_div_update( )
{
    setInterval("change_page('div name', 'file name', 'any variables')", 10000);
    // Change every 10 seconds (time you want x 1000) ---------------------^
}
function GetXmlHttpObject( )
{
    var objXMLHttp = null
    if ( window.XMLHttpRequest )
    {
        objXMLHttp = new XMLHttpRequest( );
    }
    else if ( window.ActiveXObject )
    {
        // Haha oh wow, I got this from Wikipedia of all places.
        objXMLHttp = function(){
        try { return new ActiveXObject( "MSXML3.XMLHTTP" ); } catch( e ) { }
        try { return new ActiveXObject( "MSXML2.XMLHTTP.3.0" ); } catch( e ) { }
        try { return new ActiveXObject( "Msxml2.XMLHTTP" ); } catch( e ) { }
        try { return new ActiveXObject( "Microsoft.XMLHTTP" ); } catch( e ) { }
        throw new Error( "Could not find an XMLHttpRequest alternative. Please upgrade your browser or allow ActiveX Objects if you are using Internet Explorer." );
};
    }
    return objXMLHttp;
}
function change_page( element, TheUrl, TheVars )
{
    xmlHttp = GetXmlHttpObject( )
    if ( xmlHttp == null )
    {
        alert( "Your browser is either outdated or you have xmlHttp disabled, please upgrade your browser or enable xmlHttp requests." );
        return;
    }
    var url = TheUrl + "?" + TheVars + "&" + Math.random();
    //alert(url)
    xmlHttp.open( "GET", url ,true );
    xmlHttp.onreadystatechange = function ( )
    {
        if (xmlHttp.readyState == 4)
        {
            if (xmlHttp.status == 200)
            {
                document.getElementById( element ).innerHTML = xmlHttp.responseText;
            }
        }
    };
    xmlHttp.send( null );
}

PixelWill · 26-04-2008, 05:32 PM

Oh thanks, I'll try it out.

PixelWill · 26-04-2008, 06:01 PM

Sorry for double post, but couldn't edit.

Is it the just bits marked at the top I change because it doesn't seem to be working..

I've put it in <script></script> tags, but it doesn't do anything. :S

L?KE · 26-04-2008, 10:26 PM

Could you not use javascript to define an area, then use execCommand('Refresh', false, null); to refresh that area?

HTML Code:

<html>
<head>
<script type="Javascript">

function start() {
divname.document.designmode = 'on';
}

function refresh() {
divname.document.execCommand('refresh', false, null);
}

</script>
</head>
<body onload="start()">

<div id="divname" onclick="refresh()"></div>

</body>
</html>

Not entirely sure that would work, but just a suggestion

PixelWill · 27-04-2008, 09:51 AM

I could probably try tht yeah.. I hardly know Javascript, but I could probably mess around with it..

Thanks!

PixelWill · 27-04-2008, 10:51 AM

Sorry for double post, couldn't edit.

It does work, but.. I wanted it to refresh a DIV on it's on eveyr so many seconds.. where would I put an setInterval thing or whatever it's called?

Thread: Refreshing DIV

Thread Tools

Refreshing DIV

Posting Permissions