✔ Unterscheidung zweier Javascripts auf einer Seite

K

kaytwo

Grünschnabel
Hi,

Ich bin momentan dabei, eine Seite zu erstellen. Hierfür erstelle ich ein Lexikon, dessen Texte in einem Fenster erscheinen sollen, in dem man den Text scrollen kann.
Auf der Seite DynamicDrive habe ich nun ein Script gefunden, das mir meine Vorstellungen ermöglicht.
Mein Problem ist jedoch, dass ich die Scripts irgendwie bezeichnen muss, damit nur das Kästchen gescrolled wird, das den anzusehenden Text beinhaltet.
Allerdings weiß ich nicht, wie ich das machen soll, da ich von solchen Sachen so gut wie keine Ahnung habe.

Der Code ist folgender:

HTML: 
<script type="text/javascript">

/******************************************
* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/

iens6=document.all||document.getElementById
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=5

if (iens6){
document.write('<div id="container" style="position:relative;width:175px;height:160px;border:1px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:170px;left:0;top:0">')
}
</script>

<ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160">
<layer name="nscontent" width=175 height=160 visibility=hidden>

<!--INSERT CONTENT HERE-->
<p><font size="2" face="Arial" color="FFFFCC"><u><b>text. </font></p>
<!--END CONTENT-->

</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<table width="175px"><td><p align="right">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="up.gif" border=0></a>  <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="down.gif" border=0></a></p></td>
</table>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

Es wäre nett, wenn mir einer zeigen kann, wie ich das Script richtig bezeichne.

mfg

kaytwo
 
Was genau willst du machen? Ich verstehe nicht was du mit beziechnen meinst. Außerdem scrollt bei mir nur der Content in der Box.
 
Ich möchte mehrere dieser Boxen auf einer Seite einsetzen. Nur wenn ich dann einfach nur den Code kopiere, dann wird mit den Pfeilen der 2. Box z.B. immer noch der Inhalt der 1. Box bewegt. Und das einzige, was ich im Entferntesten zur Lösung gefunden hab ist, dass ich die einzelnen Scripte bezeichnen muss, damit es da zu keiner "Verwirrung" kommt.
Nur ich weiß leider nicht, wie ich das mache...
 
Da muss man das ganze Script umschreiben, es reicht nicht einfach so was anders zu bezeichnen. Hab's mal für dich erledigt:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
 <head><title>Untitled</title><meta name="AUTHOR" content="con-f-use@gmx.net" /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  
  <script type="text/javascript"><!--
  	var speed = 5;
  	var iens6 = document.all || document.getElementById;
  
  	function movedown(id){
  		if (iens6) {
 			crossobj = document.getElementById ? document.getElementById(id) : document.all.content;
  			contentheight = crossobj.offsetHeight;
 			if (parseInt(crossobj.style.top) >= (contentheight*(-1)+100)) {
 		 	crossobj.style.top = parseInt(crossobj.style.top) - speed + 'px';
  			}
  			movedownvar = setTimeout("movedown('" + id + "')",20);
  		}
  	}
  
  	function moveup(id){
  		if (iens6) {
 			crossobj = document.getElementById ? document.getElementById(id) : document.all.content;
  			contentheight = crossobj.offsetHeight;
  			if (parseInt(crossobj.style.top ) <= 0) {
 		 	crossobj.style.top = parseInt(crossobj.style.top) + speed + 'px';
  			}
  			moveupvar = setTimeout("moveup('" + id + "')",20);
  		}
  	}
  
  //--></script>
  
  </head><body>
  
 	<div id="container" style="position:relative;width:175px;height:160px;border:1px solid black;overflow:hidden">
  	<div id="content1" style="position:absolute;width:170px;left:0;top:0">
  
  	<!--INSERT CONTENT HERE-->
 		asdföl löskjf lösdjflö skdjflöksadf löksjadfölksjadflökjsalö dsdlkjf löksadjflök sjdlökfj slöakdf lösjdf ölskdf löksdjflö ksjdfölk as
 		saöldf jslökdfj löskadflöskajdföl slöfjlsökadj fölsdjflökjsa lökfds ölkf jölaskdfj lösadjf ölksdöflk jslökdjf ölksdj flöksd öljksd f
 		lksdjf lösdjfölj sadlöfjlöskdfj löksjdf ölskadjflöskajf löksdjf lösd flsöa sld flösdj flöksdj flöksd jlöksdj flösd flösdj flöksdjf lösd
 		waope pfijpweio fovhbnaweur pwrianbgfwpoei aüwierbnüpfaivkm#waüe,cäsm.bfwpüebamkbwae üwrimvöäsbüprweai weivüweormvaweirnbüperobld ölsdk
  	<!--END CONTENT-->
  
  	</div></div>
  
  	<table width="175px"><tr><td>
 		<a href="#" onmouseover="moveup('content1')" onmouseout="clearTimeout(moveupvar)">Up!</a>
 		<a href="#" onmouseover="movedown('content1')" onmouseout="clearTimeout(movedownvar)">Down!</a>
  	</td></tr></table>
  	
 	<div id="container" style="position:relative;width:175px;height:160px;border:1px solid black;overflow:hidden">
  	<div id="content2" style="position:absolute;width:170px;left:0;top:0">
  
  	<!--INSERT CONTENT HERE-->
 		asdföl löskjf lösdjflö skdjflöksadf löksjadfölksjadflökjsalö dsdlkjf löksadjflök sjdlökfj slöakdf lösjdf ölskdf löksdjflö ksjdfölk as
 		saöldf jslökdfj löskadflöskajdföl slöfjlsökadj fölsdjflökjsa lökfds ölkf jölaskdfj lösadjf ölksdöflk jslökdjf ölksdj flöksd öljksd f
 		lksdjf lösdjfölj sadlöfjlöskdfj löksjdf ölskadjflöskajf löksdjf lösd flsöa sld flösdj flöksdj flöksd jlöksdj flösd flösdj flöksdjf lösd
 		waope pfijpweio fovhbnaweur pwrianbgfwpoei aüwierbnüpfaivkm#waüe,cäsm.bfwpüebamkbwae üwrimvöäsbüprweai weivüweormvaweirnbüperobld ölsdk
  	<!--END CONTENT-->
  
  	</div></div>
  	
  	<table width="175px"><tr><td>
 		<a href="#" onmouseover="moveup('content2')" onmouseout="clearTimeout(moveupvar)">Up!</a>
 		<a href="#" onmouseover="movedown('content2')" onmouseout="clearTimeout(movedownvar)">Down!</a>
  	</td></tr></table>
  
 </body></html>
Du wirst mir verzeien, dass ich anders als das ursprüngliche Script nicht auch noch den Quark für den alten Natcape kompatibel gemacht habe - den Knochen benutzt sowieso niemand mehr.
 
Zuletzt bearbeitet:
Ich danke dir sehr :)

genauso hab ich es gebraucht :)

Und natürlich verzeih ich das...ich wusste noch nichtmal, dass das da drin ist ;)
Wie gesagt, ich hab von dem Allen keine Ahnung.

Vielen, vielen Dank.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück