Ergebnis 1 bis 6 von 6
  1. #1
    manuccy ist offline Grünschnabel
    registriert
    18-10-2008
    Beiträge
    3

    Hilfe beim Einbinden von Javascript Code

    Hallo zusammen,

    ich möchte den angegebenen Code in eine HTML Seite einbinden.
    Bin schon total verzweifelt.
    Das Problem an der Sache ist, dass es scheinbar einen Syntaxfehler gibt, bzw. das gewünschte Objekt nicht erzeugt wird.

    Folgendermaßen binde ich den Code ein:
    <script type='text/javascript' src=\"test.js\"></script>

    Im weiteren Verlauf verweise ich dann auf das erzeugte Objekt:
    <div id='mycustomscroll' class="flexcroll">

    Das ganze soll meine Scrollbar anpassen...

    Hat jemand eine Idee, warum das ganze nicht klappt?
    Kann ich nicht einfach den Code in eine .js-Datei kopieren?

    Code:
    var fleXenv = {
       fleXcrollInit : function() {
          this.addTrggr(window, 'load', this.globalInit)}
       , fleXcrollMain : function(f) {
          var g = document, wD = window, nV = navigator;
          if(!g.getElementById ||!g.createElement)return;
          if(typeof(f) == 'string')f = document.getElementById(f);
          if(f == null || nV.userAgent.indexOf('OmniWeb') !=- 1 || ((nV.userAgent.indexOf('AppleWebKit') !=- 1 || nV.userAgent.indexOf('Safari') !=- 1) &&!(typeof(HTMLElement) != "undefined" && HTMLElement.prototype)) || nV.vendor == 'KDE' || (nV.platform.indexOf('Mac') !=- 1 && nV.userAgent.indexOf('MSIE') !=- 1))return;
          if(f.scrollUpdate) {
             f.scrollUpdate();
             return};
          if(!f.id || f.id == '') {
             var h = "flex__", c = 1;
             while(document.getElementById(h + c) != null) {
                c++};
             f.id = h + c}
          var k = f.id;
          f.fleXdata = new Object();
          var l = f.fleXdata;
          l.keyAct = {
             _37 : ['-1s', 0], _38 : [0, '-1s'], _39 : ['1s', 0], _40 : [0, '1s'], _33 : [0, '-1p'], _34 : [0, '1p'], _36 : [0, '-100p'], _35 : [0, '+100p']};
          l.wheelAct = ["-2s", "2s"];
          l.baseAct = ["-2s", "2s"];
          var m = createDiv('contentwrapper', true), mDv = createDiv('mcontentwrapper', true), tDv = createDiv('scrollwrapper', true), pDv = createDiv('copyholder', true);
          var o = createDiv('domfixdiv', true), fDv = createDiv('zoomdetectdiv', true), stdMode = false;
          pDv.sY.border = '1px solid blue';
          pDv.fHide();
          f.style.overflow = 'hidden';
          fDv.sY.fontSize = "12px";
          fDv.sY.height = "1em";
          fDv.sY.width = "1em";
          fDv.sY.position = "absolute";
          fDv.sY.zIndex = "-999";
          fDv.fHide();
          var p = f.offsetHeight, brdWidth = f.offsetWidth;
          copyStyles(f, pDv, '0px', ['border-left-width', 'border-right-width', 'border-top-width', 'border-bottom-width']);
          var q = f.offsetHeight, intlWidth = f.offsetWidth, brdWidthLoss = brdWidth - intlWidth, brdHeightLoss = p - q;
          var s = (f.scrollTop) ? f.scrollTop : 0, oScrollX = (f.scrollLeft) ? f.scrollLeft : 0;
          var t = document.location.href, uReg = /#([^#.]*)$/;
          var u = ['textarea', 'input', 'select'];
          l.scroller = [];
          l.forcedBar = [];
          l.containerSize = l.cntRSize = [];
          l.contentSize = l.cntSize = [];
          l.edge = [false, false];
          l.reqS = [];
          l.barSpace = [0, 0];
          l.forcedHide = [];
          l.forcedPos = [];
          l.paddings = [];
          while(f.firstChild) {
             m.appendChild(f.firstChild)};
          m.appendChild(o);
          f.appendChild(mDv);
          f.appendChild(pDv);
          if(getStyle(f, 'position') != 'absolute')f.style.position = "relative";
          var w = getStyle(f, 'text-align');
          f.style.textAlign = 'left';
          mDv.sY.width = "100px";
          mDv.sY.height = "100px";
          mDv.sY.top = "0px";
          mDv.sY.left = "0px";
          copyStyles(f, pDv, "0px", ['padding-left', 'padding-top', 'padding-right', 'padding-bottom']);
          var x = f.offsetWidth, postHeight = f.offsetHeight, mHeight;
          mHeight = mDv.offsetHeight;
          mDv.sY.borderBottom = "2px solid black";
          if(mDv.offsetHeight > mHeight)stdMode = true;
          mDv.sY.borderBottomWidth = "0px";
          copyStyles(pDv, f, false, ['padding-left', 'padding-top', 'padding-right', 'padding-bottom']);
          findPos(mDv);
          findPos(f);
          l.paddings[0] = mDv.yPos - f.yPos;
          l.paddings[2] = mDv.xPos - f.xPos;
          f.style.paddingTop = getStyle(f, "padding-bottom");
          f.style.paddingLeft = getStyle(f, "padding-right");
          findPos(mDv);
          findPos(f);
          l.paddings[1] = mDv.yPos - f.yPos;
          l.paddings[3] = mDv.xPos - f.xPos;
          f.style.paddingTop = getStyle(pDv, "padding-top");
          f.style.paddingLeft = getStyle(pDv, "padding-left");
          var y = l.paddings[2] + l.paddings[3], padHeightComp = l.paddings[0] + l.paddings[1];
          mDv.style.textAlign = w;
          copyStyles(f, mDv, false, ['padding-left', 'padding-right', 'padding-top', 'padding-bottom']);
          tDv.sY.width = f.offsetWidth + 'px';
          tDv.sY.height = f.offsetHeight + 'px';
          mDv.sY.width = x + 'px';
          mDv.sY.height = postHeight + 'px';
          tDv.sY.position = 'absolute';
          tDv.sY.top = '0px';
          tDv.sY.left = '0px';
          tDv.fHide();
          mDv.appendChild(m);
          f.appendChild(tDv);
          tDv.appendChild(fDv);
          m.sY.position = 'relative';
          mDv.sY.position = 'relative';
          m.sY.top = "0";
          m.sY.width = "100%";
          mDv.sY.overflow = 'hidden';
          mDv.sY.left = "-" + l.paddings[2] + "px";
          mDv.sY.top = "-" + l.paddings[0] + "px";
          l.zTHeight = fDv.offsetHeight;
          l.getContentWidth = function() {
             var a = m.childNodes, maxCWidth = compPad = 0;
             for(var i = 0; il.mTBox[1]) ? 1 : 0;
             l.mOnYEdge = (mdYl.mTBox[3]) ? 1 : 0;
             l.xAw = a - l.inMposX;
             l.yAw = mY - l.inMposY;
             l.sXdir = (l.xAw > 40) ? 1 : (l.xAw <- 40) ?- 1 : 0;
             l.sYdir = (l.yAw > 40) ? 1 : (l.yAw <- 40) ?- 1 : 0;
             if((l.sXdir != 0 || l.sYdir != 0) &&!l.tSelectFunc)l.tSelectFunc = wD.setInterval(function() {
                if(l.sXdir == 0 && l.sYdir == 0) {
                   wD.clearInterval(l.tSelectFunc); l.tSelectFunc = false; return}; pageScrolled(); if(l.mOnXEdge == 1 || l.mOnYEdge == 1)f.contentScroll((l.sXdir * l.mOnXEdge) + "s", (l.sYdir * l.mOnYEdge) + "s", true)}
             , 45)}
          function intClear() {
             fleXenv.remTrggr(g, 'mousemove', tSelectMouse);
             if(l.tSelectFunc)wD.clearInterval(l.tSelectFunc);
             l.tSelectFunc = false;
             if(l.barClickRetard)wD.clearTimeout(l.barClickRetard);
             if(l.barClickScroll)wD.clearInterval(l.barClickScroll)}
          function pageScrolled() {
             l.xScrld = (wD.pageXOffset) ? wD.pageXOffset : (g.documentElement && g.documentElement.scrollLeft) ? g.documentElement.scrollLeft : 0;
             l.yScrld = (wD.pageYOffset) ? wD.pageYOffset : (g.documentElement && g.documentElement.scrollTop) ? g.documentElement.scrollTop : 0}
          f.scrollUpdate = function(a) {
             if(tDv.getSize[1]() === 0 || tDv.getSize[0]() === 0)return;
             m.sY.padding = '1px';
             var b = l.reqS[0], reqV = l.reqS[1], vBr = tDv.vrt, hBr = tDv.hrz, vUpReq, hUpReq, cPSize = [];
             tDv.sY.width = f.offsetWidth - brdWidthLoss + 'px';
             tDv.sY.height = f.offsetHeight - brdHeightLoss + 'px';
             cPSize[0] = l.cntRSize[0];
             cPSize[1] = l.cntRSize[1];
             l.reqS[0] = l.getContentWidth() > l.cntRSize[0];
             l.reqS[1] = l.getContentHeight() > l.cntRSize[1];
             var c = (b != l.reqS[0] || reqV != l.reqS[1] || cPSize[0] != l.cntRSize[0] || cPSize[1] != l.cntRSize[1]) ? true : false;
             vBr.sDv.setVisibility(l.reqS[1]);
             hBr.sDv.setVisibility(l.reqS[0]);
             vUpReq = (l.reqS[1] || l.forcedBar[1]);
             hUpReq = (l.reqS[0] || l.forcedBar[0]);
             l.getContentWidth();
             l.getContentHeight();
             l.setHeight();
             l.setWidth();
             if(!l.reqS[0] ||!l.reqS[1] || l.forcedHide[0] || l.forcedHide[1])hBr.jBox.fHide();
             else hBr.jBox.fShow();
             if(vUpReq)updateScroll(vBr, (hUpReq &&!l.forcedHide[0]) ? l.barSpace[1] : 0);
             else m.sY.top = "0";
             if(hUpReq)updateScroll(hBr, (vUpReq &&!l.forcedHide[1]) ? l.barSpace[0] : 0);
             else m.sY.left = "0";
             if(c &&!a)f.scrollUpdate(true);
             m.sY.padding = '0px';
             l.edge[0] = l.edge[1] = false};
          f.commitScroll = f.contentScroll = function(a, b, c) {
             var d = [[false, false], [false, false]], Bar;
             if((a || a === 0) && l.scroller[0]) {
                a = calcCScrollVal(a, 0);
                Bar = tDv.hrz.sBr;
                Bar.trgtScrll = (c) ? Math.min(Math.max(Bar.mxScroll, Bar.trgtScrll - a), 0) :- a;
                Bar.contentScrollPos();
                d[0] = [ - Bar.trgtScrll - Bar.targetSkew, - Bar.mxScroll]}
             if((b || b === 0) && l.scroller[1]) {
                b = calcCScrollVal(b, 1);
                Bar = tDv.vrt.sBr;
                Bar.trgtScrll = (c) ? Math.min(Math.max(Bar.mxScroll, Bar.trgtScrll - b), 0) :- b;
                Bar.contentScrollPos();
                d[1] = [ - Bar.trgtScrll - Bar.targetSkew, - Bar.mxScroll]}
             if(!c)l.edge[0] = l.edge[1] = false;
             return d};
          f.scrollToElement = function(a) {
             if(a == null ||!isddvChild(a))return;
             var b = findRCpos(a);
             f.contentScroll(b[0] + l.paddings[2], b[1] + l.paddings[0], false);
             f.contentScroll(0, 0, true)};
          copyStyles(pDv, f, '0px', ['border-left-width', 'border-right-width', 'border-top-width', 'border-bottom-width']);
          f.removeChild(pDv);
          f.scrollTop = 0;
          f.scrollLeft = 0;
          f.fleXcroll = true;
          classChange(f, 'flexcrollactive', false);
          f.scrollUpdate();
          f.contentScroll(oScrollX, s, true);
          if(t.match(uReg)) {
             f.scrollToElement(g.getElementById(t.match(uReg)[1]))}
          tDv.fShow();
          l.sizeChangeDetect = wD.setInterval(function() {
             var n = fDv.offsetHeight; if(n != l.zTHeight) {
                f.scrollUpdate(); l.zTHeight = n}
             }
          , 2500);
          function calcCScrollVal(v, i) {
             var a = v.toString();
             v = parseFloat(a);
             return parseInt((a.match(/p$/))?v*l.cntRSize[i]*0.9:(a.match(/s$/))?v*l.cntRSize[i]*0.1:v)}function camelConv(a){var a=a.split('-'),reT=a[0],i;
             for(i = 1; parT = a[i]; i++) {
                reT += parT.charAt(0).toUpperCase() + parT.substr(1)}
             return reT}
          function getStyle(a, b) {
             if(wD.getComputedStyle)return wD.getComputedStyle(a, null).getPropertyValue(b);
             if(a.currentStyle)return a.currentStyle[camelConv(b)];
             return false};
          function copyStyles(a, b, c, d) {
             var e = new Array();
             for(var i = 0; i0) || (scrollState[1][0] == 0 & δ < 0))); if(l.scroller[0] && (!l.scroller[1] || hoverH))scrollState = f.contentScroll(l.wheelAct[iNDx], false, true); hEdge =!l.scroller[0] || (l.scroller[0] && l.scroller[1] && vEdge &&!hoverH) || (l.scroller[0] && ((scrollState[0][0] == scrollState[0][1] & δ > 0) || (scrollState[0][0] == 0 & δ < 0))); if(vEdge && hEdge &&!hoverH)l.edge[iNDx] = true; else l.edge[iNDx] = false; if(e.preventDefault)e.preventDefault(); return false}; function isddvChild(a) {
             while(a.parentNode) {
                a = a.parentNode; if(a == f)return true}
             return false}; function findPos(a) {
             var b = a, curleft = curtop = 0; var c = ""; if(b.offsetParent) {
                while(b) {
                   curleft += b.offsetLeft; curtop += b.offsetTop; b = b.offsetParent; c += curtop + " "}
                }
             else if(b.x) {
                curleft += b.x; curtop += b.y}
             a.xPos = curleft; a.yPos = curtop}; function findRCpos(a) {
             var b = a; curleft = curtop = 0; while(!b.offsetHeight && b.parentNode && b != m && getStyle(b, 'display') == "inline") {
                b = b.parentNode}
             if(b.offsetParent) {
                while(b != m) {
                   curleft += b.offsetLeft; curtop += b.offsetTop; b = b.offsetParent}
                }
             return[curleft, curtop]}; function classChange(a, b, c) {
             if(!a.className)a.className = ''; var d = a.className; if(b &&!d.match(RegExp("(^|\\s)" + b + "($|\\s)")))d = d.replace(/(\S$)/,'$1 ')+b;if(c)d=d.replace(RegExp("((^|\\s)+"+c+")+($|\\s)","g"),'$2').replace(/\s$/,'');a.className=d}},globalInit:function(){if(fleXenv.catchFastInit)window.clearInterval(fleXenv.catchFastInit);var d=/#([^#.]*)$/,urlExt=/(.*)#.*$/,matcH,i,anchoR,anchorList=document.getElementsByTagName("a"),urlBase=document.location.href;if(urlBase.match(urlExt))urlBase=urlBase.match(urlExt)[1];for(i=0;anchoR=anchorList[i];i++){if(anchoR.href&&anchoR.href.match(d)&&anchoR.href.match(urlExt)&&urlBase===anchoR.href.match(urlExt)[1]){anchoR.fleXanchor=true;fleXenv.addTrggr(anchoR,'click',function(e){if(!e)e=window.event;var a=(e.srcElement)?e.srcElement:this;while(!a.fleXanchor&&a.parentNode){a=a.parentNode};if(!a.fleXanchor)return;var b=document.getElementById(a.href.match(d)[1]),eScroll=false;if(b==null)b=(b=document.getElementsByName(a.href.match(d)[1])[0])?b:null;if(b!=null){var c=b;while(c.parentNode){c=c.parentNode;if(c.scrollToElement){c.scrollToElement(b);eScroll=c}};if(eScroll){if(e.preventDefault)e.preventDefault();document.location.href="#"+a.href.match(d)[1];eScroll.fleXdata.mDPosFix();return false}}})}};fleXenv.initByClass();if(window.onfleXcrollRun)window.onfleXcrollRun()},initByClass:function(){if(fleXenv.initialized)return;fleXenv.initialized=true;var a=fleXenv.getByClassName(document.getElementsByTagName("body")[0],"div",'flexcroll');for(var i=0,tgDiv;tgDiv=a[i];i++)fleXenv.fleXcrollMain(tgDiv)},getByClassName:function(a,b,c){if(typeof(a)=='string')a=document.getElementById(a);if(a==null)return false;var d=new RegExp("(^|\\s)"+c+"($|\\s)"),clsnm,retArray=[],key=0;var e=a.getElementsByTagName(b);for(var i=0,pusher;pusher=e[i];i++){if(pusher.className&&pusher.className.match(d)){retArray[key]=pusher;key++}}return retArray},catchFastInit:window.setInterval(function(){var a=document.getElementById('flexcroll-init');if(a!=null){fleXenv.initByClass();window.clearInterval(fleXenv.catchFastInit)}},100),addTrggr:function(a,b,c){if(!fleXenv.addChckTrggr(a,b,c)&&a.attachEvent){a.attachEvent('on'+b,c)}},addChckTrggr:function(a,b,c){if(a.addEventListener){a.addEventListener(b,c,false);fleXenv.w3events=true;window.addEventListener("unload",function(){fleXenv.remTrggr(a,b,c)},false);return true}else return false},remTrggr:function(a,b,c){if(!fleXenv.remChckTrggr(a,b,c)&&a.detachEvent)a.detachEvent('on'+b,c)},remChckTrggr:function(a,b,c){if(a.removeEventListener){a.removeEventListener(b,c,false);return true}else return false}};function CSBfleXcroll(a){fleXenv.fleXcrollMain(a)};fleXenv.fleXcrollInit();
    Danke und viele Grüße,
    Manu

  2. #2
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Hilden
    Beiträge
    2.728

    AW: Hilfe beim Einbinden von Javascript Code

    Wie lautet denn die konkrete Fehlermeldung?

  3. #3
    manuccy ist offline Grünschnabel
    registriert
    18-10-2008
    Beiträge
    3

    AW: Hilfe beim Einbinden von Javascript Code

    Ich bekomme leider keine Fehlermeldung.

    Denke aber das ich den falsch einbinde, da der danach folgende Code nicht mehr funktioniert.

    Gibt es eine Möglichkeit sich Fehler von Java Script anzeigen zu lassen?

  4. #4
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Hilfe beim Einbinden von Javascript Code

    Zitat Zitat von manuccy Beitrag anzeigen
    Gibt es eine Möglichkeit sich Fehler von Java Script anzeigen zu lassen?

    Ein Dankeschön an Albu für die ausführliche Anleitung.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  5. #5
    manuccy ist offline Grünschnabel
    registriert
    18-10-2008
    Beiträge
    3

    AW: Hilfe beim Einbinden von Javascript Code

    Da ist tatsächlich ein Syntaxfehler drin.

    1. Fehlermeldung:
    Fehler: test is not defined
    Quelldatei: http://localhost/rsdwf/index.php?pag...=detail&link=1
    Zeile: 1

    Hier ist folgendes zu zeigen:
    <script type='text/javascript' src=\"test.js\"></script>

    2. Fehlermeldung:
    Fehler: missing ; after for-loop condition
    Quelldatei: http://localhost/rumaru/test.js
    Zeile: 106, Spalte: 35
    Quelltext:
    for(var i = 0; il.mTBox[1]) ? 1 : 0;


    ich komme aber leider nicht auf die Lösung. Habt Ihr eine Idee?

    PS: @Albu, danke für die Anleitung

  6. #6
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.663

    AW: Hilfe beim Einbinden von Javascript Code

    Bist du sicher, dass dieses Skript irgendwann mal funktioniert hat?
    Denn diese Zeile, die er als fehlerhaft anzeigt, scheint mir etwas seltsames JS zu enthalten.
    Denn auch wenn die for-Schleife richtig geschrieben wäre (sie muss immer nie Form for([variablenzuweiseung]; [Bedingung für weiteres durchlaufen]; [Durchlaufaktion]) haben), wäre der Trinitätsoperator dann ziemlich sinnfrei, da die Schreife keinen Wert zurückgibt. Auch der Rückgabewert der Trinität wird nirgens gespeichert - also alles ziemlich sinnfrei.
    Kann es sein, dass du aus Versehen dort etwas gelöscht hast?

Ähnliche Themen

  1. SSI-Include einbinden in Abhängigkeit von Javascript
    Von Onkelmann09 im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 27-08-2007, 08:41
  2. Hilfe bei Javascript
    Von Sven1977 im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 07-08-2007, 14:33
  3. Antworten: 7
    Letzter Beitrag: 16-06-2007, 00:53
  4. Javascript Status Zeilen Scroller - benötige Hilfe!?!
    Von ShadowOnWalk im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 11-03-2007, 16:23
  5. HTML Code aus TXT lesen und einbinden
    Von Martin0815 im Forum JavaScript
    Antworten: 9
    Letzter Beitrag: 23-02-2003, 22:04

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •