|
|||
|
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: 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
3.öffnete die im template/javascript/js.php datei 4.gab dann folgenden code mit ein Code:
<script type="text/javascript" src="<?php echo _SYSTEM_BASE_URL . _SRV_WEB; ?>templates/i24-b52-SEO-blau/javascript/scroll.js"></script> Code:
<script type="text/javascript" src="templates/i24-b52-SEO-blau/javascript/scroll.js"></script> 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> |
|
|||
|
{literal} ist ja um es direkt in taplate datein zu tipen
Code:
<script type="text/javascript" src="<?php echo _SYSTEM_BASE_URL . _SRV_WEB; ?>templates/i24-b52-SEO-blau/javascript/scroll.js"></script> vieleicht noch mit literal am document ende Code:
$(document).ready(function(){
$("#scroll") ect....
|
![]() |
| Lesezeichen |
| Stichworte |
| einfügen, javascript |
| Themen-Optionen | |
| Ansicht | |
|
|