Antworten zum Thema „Div Layer auto-refresh“

h4nnes · 26.05.2008

Hallo,

ich bin zur Zeit dabei ein Newssystem für einen Aushang zu schreiben (wird nur auf einem Bildschirm angezeigt)

Dieses Newssystem wird mit einer mySQL gefüttert und mit einem Autoscroll gescrollt. Jetzt würde ich gerne meinen Haupt Div refreshen, sobald er hochgescrollt hat, da vielleicht neue Einträge in der Datenbank stehen.

mit: window.location.reload() kann ich ja die ganze Seite refreshen, geht das auch irgendwie nur für einen Div?

Es soll nur <DIV id="divASContainer"> refresht werden.

Danke schonmal.

Gruß Johannes

Ravetracer · 26.05.2008

AW: Div Layer auto-refresh

Stichwort AJAX und divASContainer.innerHTML

. Damit geht das

h4nnes · 26.05.2008

AW: Div Layer auto-refresh

hab ich auch schon versucht gehabt,
wie muss das denn dann genau aussehen?

document.getElementById("divASContainer").innerHTML = ???

also wenn er einfach den Div divASContainer refreshen soll

Ravetracer · 26.05.2008

AW: Div Layer auto-refresh

Na bei innerHTML kommt einfach HTML-Quelltext rein.
z.B. (mal gaaaanz rudimentär):

PHP:

document.getElementById("divASContainer").innerHTML = "<html><body>hello world</body></html>";

Da kannst halt alles reinschreiben, was so in HTML eben vorkommt, selbst Javascript, nur "innnerPHP" gibbet nich XD.

h4nnes · 26.05.2008

AW: Div Layer auto-refresh

hmm, aber ich will ja eigentlich keine neue Seite, sondern einfach meinen div "divASContainer"

also es sollte sowas gehen:

document.getElementById("divASContainer").innerHTML = "divASContainer"

aber so schreibt er mir ja dann nur nen String in meinen div

hier mal meinen code:

Code:

<link rel="stylesheet" href="./style.css" type="text/css" media="screen">

<SCRIPT language="JavaScript">
// begin absolutely positioned autoscroll area object scripts 

/*
Extension developed by David G. Miles (www.z3roadster.net/dreamweaver)
Original Scrollable Area code developed by Thomas Brattli (www.bratta.com)
To add more shock to your site, visit www.DHTML Shock.com
*/

function verifyCompatibleBrowser(){ 
	this.ver=navigator.appVersion 
	this.dom=document.getElementById?1:0 
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
	this.ie4=(document.all && !this.dom)?1:0; 
	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0; 
	this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) 
	return this 
} 
bw=new verifyCompatibleBrowser() 
lstart=300 
loop=true  
speed=100 
pr_step=1 
function ConstructObject(obj,nest){ 
    nest=(!nest) ? '':'document.'+nest+'.' 
	this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; 
  	this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; 
	this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight 
	this.newsScroll=newsScroll; 
	this.moveIt=b_moveIt; this.x; this.y; 
    this.obj = obj + "Object" 
    eval(this.obj + "=this") 
    return this 
} 
function b_moveIt(x,y){ 
	this.x=x;this.y=y 
	this.css.left=this.x 
	this.css.top=this.y 
} 
//Makes the object scroll up 
function newsScroll(speed){ 
	if(this.y>-this.scrollHeight){ 
		this.moveIt(0,this.y-pr_step) 
		setTimeout(this.obj+".newsScroll("+speed+")",speed) 
	}else if(loop) { 
		this.moveIt(0,lstart) 
		eval(this.obj+".newsScroll("+speed+")") 
	  } 
} 
//Makes the object 
function InitialiseAutoScrollArea(){ 
	objContainer=new ConstructObject('divASContainer') 
	objContent=new ConstructObject('divASContent','divASContainer') 
	objContent.moveIt(0,lstart) 
	objContainer.css.visibility='visible' 
	objContent.newsScroll(speed) 
} 
// end absolutely positioned scrollable area object scripts 

</SCRIPT>

<BODY bgcolor="#999999" onLoad="InitialiseAutoScrollArea();">

<!-- begin absolutely positioned autoscroll area object--> 
<h1 id="header">Display</h1>
<h1 id="sidebar">Sidebar</h1>
<DIV id="divASContainer"> 
  <DIV id="divASContent"> <B>Scroll Area Content 
    Start</B> 

<?php include ("test.php"); ?>

    <B>Scroll Area Content End</B> </DIV>
</DIV>
<!-- end absolutely positioned autoscroll area object -->