HELP ... Text scrollen mit Java.

**wissensdurstig** · 23.11.2004 16:03

Hallo alle zusammen,

mein Problem: ich möchte einen Text auf einer HP (mittels Java) scrollen lassen.

Auf der Seite von "www.dr-web.de" habe ich eine Variante zur Lösung meines Problems gefunden, leider stehe ich mit meinen Java-Kenntnissen aber erst am Anfang und komme nur schleppend voran. (Mit Frames möchte ich nicht arbeiten.)

Gibt es einen Eintrag in diesem Forum, das ich vielleicht übersehen habe? Oder kann mir jemand eine Seite empfehlen, wie ich an weiteres Infos zu diesem Thema komme?

Vielen, vielen Dank!
Bianca

**Zockratte** · 23.11.2004 16:37

kann aus deinem Text das problem nicht herauslesen ... suchst du ein funktionierendes Script oder hast du eins was du anpassen/erweitern willst (damit aber nicht klarkommst), oder suchst du eine Seite die dir den Java(Script)-Horizont erweitert?

**321** · 23.11.2004 23:47

aus einem Entwurf aber funktionierend.

Es wird ein Item (siehe: ScrollItemTextAndURL) nach dem andern von unten eingescrollt, bleibt kurz stehn und dann kommt das nächste usw.

Quelle ist NICHT von mir, weiss aber nicht mehr woher.

HTML-Code:

<HTML><HEAD>
<TITLE>~~ Restaurant Unwichtig ~~</TITLE>
<META 	HTTP-EQUIV="imagetoolbar" CONTENT="no">
<link 		xxxrel=stylesheet type="text/css" href="unwichtig.css">
</HEAD>
<BODY style="background-image: url(unwichtigjpg);"
				onresize="return ReloadPage()" 
				onload="return LaunchScroller()" 
><DIV align=left
><br><table border=0 bordercolor=red cellspacing=0 cellpadding=0
	width=550 height=420
	><tr><td colspan=2 align=center valign=top
	><b class="textxl"	><b>aus unserem Angebot</b><br
	><br
	><b class=textgr	>Unser Speise-Angebot ist sehr umfangreich,<br
				>vom einfachen Teller-Gericht<br
				>bis zu Menues und Spezialit&auml;ten.<br
				><br
				>Hier finden Sie einen kleinen Einblick.</b
	></td></tr
	><tr><td width=50% align=right valign=bottom
	>&nbsp;</td
	><td align=right valign=bottom
	><br


	><a class="link"	href=angebFisch.html
				>Fisch</a><br><br
	
	><a class="link"	href=angebFleisch.html
				>Fleisch</a><br><br
	
	><a class="link"	href=angebSalVorsp.html
				>Salate &amp; Vorspeisen</a><br><br
	
	><a class="link"	href=angebIssdichVegi.html
				>Iss Dich schlank &amp; Vegi</a><br><br
	
	><a class="link"	href=angebKleinKalt.html
				>Kleines &amp; kalte Teller</a><br><br
	
	><a class="link"	href=angebNachsp.html
				>Desserts Glacen Kuchen</a><br
	><br</td
></tr></table
></div>


</div>
</BODY></HTML>
<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
<!--

var TheItemURL = 0
var TheItemText = 1

// HEIGHT, WIDTH, TOP POSITION AND LEFT POSITION OF THE SCROLLER
var ScrollerWidth = 135; 
var ScrollerHeight = 135; 
var ScrollerLeft = 			200;
var ScrollerTop = 			300;

// THE SPEED OF THE "STEPS" TAKEN BY THE SCROLLING ACTION
var ScrollStepSpeed = 25;

// THE SIZE OF THE "STEPS" TAKEN BY THE SCROLLING ACTION
var ScrollStepSize = 2;

// THE AMOUNT OF TIME TO DISPLAY EACH HYPERLINK IN THE SCROLLER
var DisplayInterval = 2500;


// AMOUNT OF "WHITESPACE" TO THE LEFT AND TO THE TOP OF EACH HYPERLINK...RELATIVE TO THE CORRESPONDING <DIV> OR 

<LAYER> THAT HOLDS EACH HYPERLINK
var PaddingLeft = 1;
var PaddingTop = 1;

// HOW MANY TIMES WILL THE ENTIRE SET OF HYPERLINKS CYCLE THROUGH?
var ScrollCycleCount = 8;

// WHERE WILL THE NEW PAGE BE OPENED?
// FOR EXAMPLE, IF USING FRAMES, YOU MAY WANT TO SET OpenNewPageHere = ' TARGET="_top" '
var OpenNewPageHere = ''

// THE NAME OF THE DHTML STYLE CLASS THAT WILL BE APPLIED TO THE SCROLLING HYPERLINKS
var ClassStyleName = ' CLASS="headlines" '

// IS THE CURRENT BROWSER NETSCAPE NAVIGATOR OR INTERNET EXPLORER?
var NN4=(document.layers);
var IE4=(document.all);

// ANY ADDITIONAL INFORMATION THAT GOES IN FRONTOF THE HYPERLINK
// CAN GO HERE.
var LinkPrefix =' ';

// THE TEXT AND THE URL FOR EACH HYPERLINK SCROLL ITEM.
// THE TEXT AND THE URLs OF THE SAME INDEX RELATE TO ONE ANOTHER
// AND WILL BE COMBINED TO FORM HYPERLINKS
//
// NOTE: THE NUMBER OF ITEMS IN ScrollItemText MUST EQUAL
// THE NUMBER OF ITEMS IN ScrollItemURL
var ScrollItemURL = new Array()
var ScrollItemText = new Array()

// THE COMPLETE HYPERLINK THAT WILL BE USED IN THE SCROLLER
// EACH ELEMENT IS THE COMBINATION OF ScrollItemURL AND ScrollItemText 
var ScrollItemTextAndURL=[];

ScrollItemText[0] ='<hr class=headlines size=1 width=100%>unsere<br>Tagesmenues<br><hr class=headlines size=1 

width=100%>'  
ScrollItemURL[0] ='#'
ScrollItemText[1] ='Menue 1 DM 27.00<hr class=headlines size=1 width=100%> Kalbpiccata Risotto Tagesgemüse'
ScrollItemURL[1] ='#'
ScrollItemText[2] ='Menue 2 DM 23.00<hr class=headlines size=1 width=100%> Hackbraten Teigwaren Tagesgemüse'
ScrollItemURL[2] ='#'
ScrollItemText[3] ='Menue 3 DM 18.00<hr class=headlines size=1 width=100%> Bratwürste Buamspitzerl Blattsalat'
ScrollItemURL[3] ='#'
ScrollItemText[4] ='Menue 4 DM 18.00<hr class=headlines size=1 width=100%> Seebarsch gebacken Salzkartoffeln Blattsalat'
ScrollItemURL[4] ='#'


// IS THE SCROLLER GOING TO CYCLE ONLY A FIXED NUMBER OF LOOPS?
var LoopingFixedNumberOfTimes = (ScrollCycleCount > 0);

// HOW MANY ITEMS ARE PART OF THE SCROLLING LIST?
var ScrollItemsCount = ScrollItemURL.length;

//-----------------------------------------------------------------
function LaunchScroller()
{
	
	HyperlinkCount = 0;	

	if(ScrollItemsCount == 0)	
		return;	

	if(!window.ScrollItemURL)
		return;
	
	
	if(LoopingFixedNumberOfTimes)
		loopCount=0;

	for(i=0; i<ScrollItemsCount; i++)
	{
		ScrollItemTextAndURL[i] = [LinkPrefix+ScrollItemURL[i], ScrollItemText[i]];
	}
	
	if(NN4)
	{
		CreateItemContainersForNN();
	}
	else
	{
		CreateItemContainersForIE();
	}

	LoadHyperlinksIntoScroller();
	
	SetItemVisibility(0, true);
	
	CurrentItem=0;
	
	timeoutID = setTimeout("ScrollControl()", DisplayInterval);
}
//-----------------------------------------------------------------
function ScrollItemContainer(i)
{
	//-----------------------------------------------------------------
	//	RETURN A REFERENCE TO THE DIV OR LAYER CORRESPONDING TO THE
	//	NUMBER PASSED IN THROUGH i
	//-----------------------------------------------------------------	
	ReferenceToItemContainer = eval("ContainerItem" + i +  ((IE4)?".style":""));
	return ReferenceToItemContainer
}
//-----------------------------------------------------------------
function SetItemVisibility(n, show)
{
	//-----------------------------------------------------------------
	//	SHOW OR HIDE AN ITEM CONTAINER
	//-----------------------------------------------------------------	

	var TheScrollItemContainer = ScrollItemContainer(n);
	TheScrollItemContainer.visibility=(show)?"visible":"hidden";
}
function ScrollControl()
{
	//-----------------------------------------------------------------
	//	CONTROL WHETHER OR NOT THE SCROLLER WILL CONTINUE TO SCROLL
	//-----------------------------------------------------------------

	
	var temp = CurrentItem;
	CurrentItem = (temp == ScrollItemTextAndURL.length-1)?0:temp+1;
	
	if(CurrentItem==1)
		loopCount++;
	
	if(LoopingFixedNumberOfTimes&&(loopCount>=ScrollCycleCount))
		return;
	
	StartScrollingHyperlinks(temp, CurrentItem);
}

function ScrollHyperlinks(){
	//-----------------------------------------------------------------
	//	THIS FUNCTION ACTUALLY DOES THE SCROLLING
	//-----------------------------------------------------------------

	if(NN4)
	{
		ScrollItemContainerFrom.top-=ScrollStepSize;

		if(ScrollItemContainerTo.top-ScrollStepSize<=ScrollItemContainerToTarget)
		{
			ScrollItemContainerTo.top=ScrollItemContainerToTarget;
			clearInterval(intervalID);
			ScrollItemContainerFrom.visibility="hidden";
			timeoutID=setTimeout("ScrollControl()",DisplayInterval);
		}
		else
		{
			ScrollItemContainerTo.top-=ScrollStepSize;
		}
	}
	else
	{
		ScrollItemContainerFrom.pixelTop-=ScrollStepSize;

		if(ScrollItemContainerTo.pixelTop-ScrollStepSize<=ScrollItemContainerToTarget)
		{
			ScrollItemContainerTo.pixelTop=ScrollItemContainerToTarget;
			clearInterval(intervalID);
			ScrollItemContainerFrom.visibility="hidden";
			timeoutID=setTimeout("ScrollControl()",DisplayInterval);
		}
		else
		{
			ScrollItemContainerTo.pixelTop-=ScrollStepSize;
		}
	}
}
function StartScrollingHyperlinks(ContainerItemFrom,ContainerItemTo){
	//-----------------------------------------------------------------
	//	BEGIN THE PROCESS OF SCROLLING THE HYPERLINKS
	//-----------------------------------------------------------------

	ScrollItemContainerFrom = ScrollItemContainer(ContainerItemFrom);
	ScrollItemContainerTo = ScrollItemContainer(ContainerItemTo);
	
	if(NN4)
	{
		ScrollItemContainerTo.top = ScrollItemContainerFrom.top + ScrollerHeight;
		ScrollItemContainerToTarget = ScrollItemContainerFrom.top;
	}
	else
	{
		ScrollItemContainerTo.pixelTop = ScrollItemContainerFrom.pixelTop + ScrollerHeight;
		ScrollItemContainerToTarget = ScrollItemContainerFrom.pixelTop;
	}
	
	SetItemVisibility(ContainerItemTo,true);
	intervalID = setInterval("ScrollHyperlinks()", ScrollStepSpeed);
}

function CreateItemContainersForIE(){
	//-----------------------------------------------------------------
	// CREATE MULTIPLE DIVs TO BE CONTAINERS FOR THE HYPERLINKS
	//-----------------------------------------------------------------
	var text='<DIV align=center ID="scroller" STYLE="position:absolute;overflow:hidden;top:'+ ScrollerTop 

+';left:'+ ScrollerLeft +';width:'+ ScrollerWidth +';height:'+ ScrollerHeight +'">';
	
	ItemTextWidth = ScrollerWidth-PaddingLeft;
	
	for(var i=ScrollItemTextAndURL.length-1; i>=0; i--)
	{
		text += '<DIV align=center ID="ContainerItem'+i+'" STYLE="position:absolute;visibility:hidden;top:'+ 

PaddingTop +';left:'+ PaddingLeft +';width:'+ ItemTextWidth +'"></DIV>';
	}
	
	text += '</DIV>';
	document.body.insertAdjacentHTML("BeforeEnd",text);
}

function CreateItemContainersForNN()
{
	//-----------------------------------------------------------------
	// CREATE NETSCAPE LAYERS TO BE CONTAINERS FOR THE HYPERLINKS
	//-----------------------------------------------------------------

	var scroller = new Layer(ScrollerWidth);

	with(scroller)
	{
		clip.right=ScrollerWidth;
		clip.bottom=ScrollerHeight;
		moveTo(ScrollerLeft,ScrollerTop);
		visibility="show";
	}

	for(var i=0; i<ScrollItemTextAndURL.length; i++)
	{
		eval("ContainerItem" + i + "=" + "new Layer(ScrollerWidth-PaddingLeft, scroller)");
		
		with(eval("ContainerItem" + i)) 
		{
			moveTo(PaddingLeft, PaddingTop);
		}
	}
}

function LoadHyperlinksIntoScroller()
{
	//-----------------------------------------------------------------
	// EXTRACT THE TEXT TO BE DISPLAYED AND THE CORRESPONDING URLs
	// FROM THE ARRAY AND BUILD HYPERLINKS. PUT ONE HYPERLINK INTO
	// EACH LAYER (IF NS) OR DIV (IF IE).
	//-----------------------------------------------------------------

	var TheScrollItemContainer;
	
	for(i=0; i<ScrollItemTextAndURL.length; i++)
	{
		TheScrollItemContainer = eval("ContainerItem"+i);

		// BUILD THE HYPERLINK
		newsStr = "<A " + OpenNewPageHere + ClassStyleName 
		newsStr += " HREF=" + ScrollItemTextAndURL[HyperlinkCount][TheItemURL] + ">" 
		newsStr += ScrollItemTextAndURL[HyperlinkCount][TheItemText] + "</A>";
		
		
		if(NN4)
		{
			with(TheScrollItemContainer.document)
			{
				write(newsStr);
				close();
			}
		}
		else
		{
			TheScrollItemContainer.innerHTML = newsStr;
		}
		
		HyperlinkCount++;
		if(HyperlinkCount == ScrollItemTextAndURL.length)
			HyperlinkCount=0;
	}
}

function ReloadPage()
{
	//-----------------------------------------------------------------
	// REFRESH/RELOAD THE PAGE
	//-----------------------------------------------------------------
	window.location.reload();
}
//-->
</SCRIPT>

Das ganze HTML drum rum ist nicht von Bedeutung

**candul** · 30.11.2004 12:22

Sprichst Du von Java oder von JavaScript?

zur Startseite vom TP

Thema: HELP ... Text scrollen mit Java.

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

HELP ... Text scrollen mit Java.

Scroller

Ähnliche Themen

text soll um bild herumlaufen

Links mit Java

Probleme mit der Java Installation JSDK, kann wer helfen?

Folgendes Problem mit Java Script und PhP

Scrollen mit PHP oder anders

Aktive Benutzer

Aktive Benutzer