#1 (permalink)  
Alt 31.07.2010, 13:07
Erfahrener Benutzer
 
Registriert seit: 05.03.2009
Ort: Wriezen
Beiträge: 140
Standard javascript einfügen???

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
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
Code:
<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:
Code:
<script type="text/javascript" src="templates/i24-b52-SEO-blau/javascript/scroll.js"></script>
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>
Kann mir einer die genaue vorgehensweise erklären Schritt für Schritt???
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #2 (permalink)  
Alt 01.08.2010, 11:51
Erfahrener Benutzer
 
Registriert seit: 05.03.2009
Ort: Wriezen
Beiträge: 140
Standard

Hat das vielleicht was mit den {literal} zu tun???
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #3 (permalink)  
Alt 01.08.2010, 21:46
Erfahrener Benutzer
 
Registriert seit: 22.07.2009
Ort: Bad Bramstedt
Beiträge: 946
Standard

{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>
so ist es schon richtig meine ich

vieleicht noch mit literal am document ende
Code:
$(document).ready(function(){
$("#scroll") ect....
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
Antwort

Lesezeichen

Stichworte
einfügen, javascript

Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus



Alle Zeitangaben in WEZ +1. Es ist jetzt 21:06 Uhr.

Copyright © 2011 xt:Commerce GmbH / xt:Commerce International Ltd. - All Rights Reserved

xt:Commerce is a SafeCharge brand