javascript einfügen???

[Ravemaster]

Ich werd noch irre ich bekomme es nicht hin einen einfachen javascript befehl im veyton zu integrieren.

ich möchte eine textbox mit java scrollen lassen.

meine vorgangsweise.

1.erstellte javadatei scroll.js mit folgenden code:

var scrolltextLoaded = false


function lib_bwcheck(){ //Browsercheck (needed)

	this.ver=navigator.appVersion

	this.agent=navigator.userAgent

	this.dom=document.getElementById?1:0

	this.opera5=this.agent.indexOf("Opera 5")>-1

	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 

	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;

	this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom && !this.opera5)?1:0;

	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;

	this.ie=this.ie4||this.ie5||this.ie6

	this.mac=this.agent.indexOf("Mac")>-1

	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 

	this.ns4=(document.layers && !this.dom)?1:0;

	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5 || this.ie7)

	return this

}

var bw=new lib_bwcheck()


//If you want it to move faster you can set this lower, it's the timeout:

var speed = 30


//Sets variables to keep track of what's happening

var loop, timer


//Object constructor

function makeObj(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.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight

	this.up=goUp;this.down=goDown;

	this.moveIt=moveIt; this.x=0; this.y=0;

    this.obj = obj + "Object"

    eval(this.obj + "=this")

    return this

}


// A unit of measure that will be added when setting the position of a layer.

var px = bw.ns4||window.opera?"":"px";


function moveIt(x,y){

	this.x = x

	this.y = y

	this.css.left = this.x+px

	this.css.top = this.y+px

}


//Makes the object go up

function goDown(move){

	if (this.y>-this.scrollHeight+oCont.clipHeight){

		this.moveIt(0,this.y-move)

			if (loop) setTimeout(this.obj+".down("+move+")",speed)

	}

}

//Makes the object go down

function goUp(move){

	if (this.y<0){

		this.moveIt(0,this.y-move)

		if (loop) setTimeout(this.obj+".up("+move+")",speed)

	}

}


//Calls the scrolling functions. Also checks whether the page is loaded or not.

function scroll(speed){

	if (scrolltextLoaded){

		loop = true;

		if (speed>0) oScroll.down(speed)

		else oScroll.up(speed)

	}

}


//Stops the scrolling (called on mouseout)

function noScroll(){

	loop = false

	if (timer) clearTimeout(timer)

}

//Makes the object

function scrolltextInit(){

	oCont = new makeObj('divScrollTextCont')

	oScroll = new makeObj('divText','divScrollTextCont')

	oScroll.moveIt(0,0)

	oCont.css.visibility = "visible"

	scrolltextLoaded = true

}

//Call the init on page load if the browser is ok...

//if (bw.bw) onload = scrolltextInit

2.diese kopierte ich ihn meinen template bei javascript/ hinein 3.öffnete die im template/javascript/js.php datei 4.gab dann folgenden code mit ein

<script type="text/javascript" src="<?php echo _SYSTEM_BASE_URL . _SRV_WEB; ?>templates/i24-b52-SEO-blau/javascript/scroll.js"></script>

hatte auch diesen probiert:

<script type="text/javascript" src="templates/i24-b52-SEO-blau/javascript/scroll.js"></script>[/code]




5.im content was für die Startseite verantwortlich ist wollte ich es dann so wieder geben:

[code]<div style="font-size: 10px; color: rgb(93, 113, 123); font-family: Verdana,Arial,Helvetica,sans-serif;"> <div id="divUp" style="width: 13px; height: 21px;"><a style="background: none repeat scroll 0% 0% rgb(238, 238, 238); text-decoration: none;" onmouseout="noScroll()" onmouseover="scroll(-2)" onclick="return false;" href="#"><img alt="" src="images/arrows_up.gif" width="13" border="0" height="21"></a></div> <div id="divDown" style="width: 13px; height: 21px;"><a style="background: none repeat scroll 0% 0% rgb(238, 238, 238); text-decoration: none;" onmouseout="noScroll()" onmouseover="scroll(2)" onclick="return false;" href="#"><img alt="" src="images/arrows_down.gif" width="13" border="0" height="21"></a></div> <div id="divScrollTextCont" style="left: 0px; top: -45px;"> <div class="divText" id="divText" align="justify"> <div> <h2>mein text </h2> </div> </div> </div> </div>[/code]

Kann mir einer die genaue vorgehensweise erklären Schritt für Schritt???

[Ravemaster]

Hat das vielleicht was mit den {literal} zu tun???

[giller]

{literal} ist ja um es direkt in taplate datein zu tipen

<script type="text/javascript" src="<?php echo _SYSTEM_BASE_URL . _SRV_WEB; ?>templates/i24-b52-SEO-blau/javascript/scroll.js"></script>

so ist es schon richtig meine ich vieleicht noch mit literal am document ende

$(document).ready(function(){

$("#scroll") ect....[/code]