webForumDet fria alternativet

Layers placering I DHTML scroll

6 svar · 204 visningar · startad av annesophie

annesophieMedlem sedan juni 20012 236 inlägg
#1

Hej,

Har en sida i frameset. I en av framesen finns en tabell, tabellen är något smalare än framen och har en CSS border runt sig så att den syns.

I denna frame vill jag nu också lägga nedan script som "scrollar" ord horisontalt över sidan. Problemet uppstår då framen är större (i bredd) än tabellen i framen (och om jag försöker minska framens bredd så klämmer den tabellen så det är inget bra val), javascriptet scrollar nu från högra kanten på framen och inte från högra kanten på tabellen. Vilket gör att scroll texten kommer utanför (åtminstone på höger sida) och det ser märkligt ut.

Eftersom JavaScriptet är gjort med layers har jag försökt att tala om att det ska börja X antal px från framesens högra kant så att det ger intrycket att ligga inne i tabellen...men det vill sig icke...

Kan någon ge mig råd?! Please!

MvH

/A

----

<html>

<head>

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

</head>

<BODY marginwidth="0" marginheight="0" leftmargin="0" topmargin="2" cellspacing="0" cellpadding="0">

\<table width="208" height="374" bgcolor="white" class=bild border="0" cellspacing="0" cellpadding="3"\>

	\<tr\>
		\<td\>

			\<script\>
			\<!-- // Hide

			var isDOM = false, isNS4 = false;
				if (document.all) var isDOM = true, docObj = 'document.all.', styObj = '.style';
				else if (document.layers) var isNS4 = true, docObj = 'document.', styObj = '';

			var quotes = new Array(); c = 0;
				quotes\[c\] = 'Website'; c++;
				quotes\[c\] = 'WWW'; c++;
				quotes\[c\] = 'Internet'; c++;
				quotes\[c\] = 'cyberspace'; c++;
				quotes\[c\] = 'HTML'; c++;
				quotes\[c\] = 'JavaScript'; c++;
				quotes\[c\] = 'Active Server Pages'; c++;
				quotes\[c\] = 'Server Query Language'; c++;
				quotes\[c\] = 'Project Management'; c++;
				quotes\[c\] = 'Involved'; c++;
				quotes\[c\] = 'You'; c++;
				quotes\[c\] = 'thecookiefactory'; c++;
				quotes\[c\] = 'clients'; c++;
				quotes\[c\] = 'World Wide'; c++;
				quotes\[c\] = 'user friendly'; c++;
				quotes\[c\] = 'logic'; c++;
				quotes\[c\] = 'Connecting'; c++;
				quotes\[c\] = 'Cyber Highway'; c++;
			
			var visQuotes = 10; // Maximum onscreen at once.

			var sDivSty = new Array(visQuotes);
			var sDivRef = new Array(visQuotes);
			var speed = new Array(visQuotes);

			//  Left: Low speed colours (lighter) .... Right: High speed colours (darker).
			var colours = new Array('B2C7DE','A4BCD8','96B2D2','88A8CC','7A9EC6','6C94C0','5E89BA');

			function checkDivs()
				{
 				for (i = 0; i \< visQuotes; i++)
				{
				// If it's moved offscreen to the left (or starting), set things in motion...
				if (parseInt(sDivSty.left) \< (0 - (isDOM ? sDivRef.clientWidth : sDivSty.clip.width)))
				{
				speed \= Math.floor(Math.random() \* 56) + 8; // Varies: 8 to 63.
				// Off to the right it goes.
				sDivSty.left = (isDOM ? document.body.clientWidth : window.innerWidth) + Math.random() \* 50;
				// Write a quote in a colour that depends on the speed.
				
				/\*  Stylesheets - guess which browser has bugs :)
				\*
				\*  divText = '\<nobr\>\<span style="font: ' + speed \+ 'px verdana, arial; ' +
				\*   'color: #' + colours\[Math.floor(speed / 8) - 1\] + '"\>' +
				\*   quotes\[Math.floor(Math.random() \* quotes.length)\] + '\</span\>\</nobr\>';
				\*/

				fontSize = Math.floor(speed / 8) - 1;
				divText = '\<nobr\>\<font face="verdana,arial" size="' + fontSize + '" color="#' +
				colours\[fontSize\] + '"\>' + quotes\[Math.floor(Math.random() \* quotes.length)\] +
				'\</font\>\</nobr\>';

				if (isDOM) sDivRef.innerHTML = divText;
				if (isNS4)
				{
				sDivRef.document.write(divText);
				sDivRef.document.close();
				}
				// Position and layer it according to its speed (faster = higher).
				sDivSty.zIndex = speed;
				topMax = (isDOM ? document.body.clientHeight : innerHeight) - speed;
				sDivSty.top = topMax \* Math.random();
				}
				// All items: Keep 'em moving left.
				sDivSty.left = parseInt(sDivSty.left) - (speed / 4);
				}
				}

			function initDivs()
				{
				for (i = 0; i \< visQuotes; i++)
				{
				divID = 'sDiv' + i.toString();
				if (isDOM) document.write('\<div id="' + divID + '" style="position: absolute; left: -1000"\>&nbsp;\</div\>');
				// Have to use layers, divs are buggy as..... in NS. Again.
				if (isNS4) document.write('\<layer id="' + divID + '" left="-1000"\>&nbsp;\</layer\>');
				sDivRef \= eval(docObj + 'sDiv' + i);
				sDivSty \= eval(docObj + 'sDiv' + i + styObj);
				}

				setInterval('checkDivs()', 50);
				}

				if (isDOM &#0124;&#0124; isNS4) initDivs();

			// End Hide --\>
			\</script\>

		\</td\>
	\</tr\>
\</table\>

</BODY>

</html>

----

------------------
Om du gör jobbet rätt första gången blir jobbet gjort. Om du gör jobbet fel fjorton gånger skapar du fler arbetstillfällen.

annesophieMedlem sedan juni 20012 236 inlägg
#2

Boooooohooooooooo *snyft* Finns det ingen som kan hjälpa mig??

/A

------------------
Om du gör jobbet rätt första gången blir jobbet gjort. Om du gör jobbet fel fjorton gånger skapar du fler arbetstillfällen.

annesophieMedlem sedan juni 20012 236 inlägg
#3

Jaha, eftersom ingen kunde hjalpa mig sa fick jag losa det sjalv.... Ibland imponerar jag tom mig sjalv!

/A

------------------
Om du gör jobbet rätt första gången blir jobbet gjort. Om du gör jobbet fel fjorton gånger skapar du fler arbetstillfällen.

RDLMedlem sedan mars 2001344 inlägg
#4

Du verkar vara begåvad.. ;)

(Om jag skulle kunna hjälpa dig så skulle ha gjort det men.. jag är inte speciellt duttig på javascript.. :) )

annesophieMedlem sedan juni 20012 236 inlägg
#5

Hej,

Ha ha finns det nagot som heter begavning pa JavaScript ?? *ler*

Jag gjorde en tillfallig losning, som jag nu kommer att anvanda som permanent da den tycks (hor och hapna) fungera oveallt! Jag gjorde ett lager till som lag placerade absolute over den delen dar mina scroll ord syntes...sa hojde jag z-indexen pa lagret och voila....det ser ut som scrollern ligger inne i tabellen...

/A

------------------
Eagles may soar, but weasels don't get sucked into jet engines.

RDLMedlem sedan mars 2001344 inlägg
#6

Får man fråga om du använder mac.. lite jobbigt att läsa ditt förra inlägg..

------------------
[Redividerat av Jompa den 25 aug 1985]

annesophieMedlem sedan juni 20012 236 inlägg
#7

MAC......HUUU....FORSOKER DU FOROLAMPA MIG ELLER *LER*

Na...sorry...jag har ett engelskt keyboard och orkar inte bemoda mig med alt kombinationerna for vara svenska tecken. Sedan att jag stavar som en kraka beror pa att jag hoppar mellan svenskt keyboard och engelskt...mina fingrar fattar inte riktigt vettu!

/A

------------------
Eagles may soar, but weasels don't get sucked into jet engines.

126 ms totalt · 3 externa anrop · v20260731065814-full.0e50b1ef
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)