maze: Softscroll Anker

0 3

Softscroll Anker

maze 08.11.2011 23:03

css

0
maze 09.11.2011 15:47
1. 0
  Fred Furunkelstein 10.11.2011 10:16
  
  javascript

SELF-Forum

Softscroll Anker

maze 08.11.2011 23:03

css

– Informationen zu den Bewertungsregeln

Hallo,

ich versuche Mal zu erklären was ich vorhabe und worin mein Problem besteht.
Ich erstelle gerade ein Website-Layout mit CSS und javascript.
Das Ziel des Layouts ist es die gewünschte Seite als eine Art Raster aus vielen Quadraten (Boxen), worin sich der Inhalt befindet, anzulegen.
Alle Boxen (Anker) befinden sich auf einer Seite.
Durch das Menü soll man zu den jeweiligen Boxen springen bzw. soft scrollen können.
Um das möglich zu machen habe ich mir das Script 'Softscroll.js' heruntergeladen und installiert.

Das Script funktioniert auch, nur das Problem ist, dass die Boxen (Anker) immer nach Oben/Links gescrollt werden und nicht wie gewünscht zentriert/mittig im Fenster.

Ich habe dann ein bisschen 'getrickst' und habe die einzelnen Boxen in eine weitere Box 'gesteckt' die 100% hoch und breit ist und dessen Inhalt sprich der eigentlichen Boxen (Quadrate mit dem Inhalt) zentriert.

Das script scrollt jetzt immer die erste Box die 100% breit und hoch ist nach oben/links sodass ihr inhalt zentriert ist.

Das Problem das dabei entsteht ist jetzt allerdings das viele Boxen sich überlappen und sich dadurch der Inhalt nicht mehr anklicken lässt.

Ich habe herausgefunden dass, das an dem Z-Index liegt der sich ja anscheinend leider nicht auf eine gemeinsame Ebende festlegen lässt.

Es wäre also echt toll wenn man das script irgendwie so anpassen könnte das es automatisch alle Anker, zentriert/mittig ansteuert.

Wäre euch sehr dankbar für eure Hilfe.

Gruß

– Informationen zu den Bewertungsregeln

Softscroll Anker

maze 09.11.2011 15:47

css

– Informationen zu den Bewertungsregeln

Hier übrigens das Script:

** DO NOT EDIT BELOW THIS LINE **/

var SoftScroll=
{
 /*** Download with instructions from: [url]http://scripterlative.com?softscroll[/url] ***/

 DEBUG:false,
 timer:null, lastX:-1, lastY:-1, xHalted:false, yHalted:false, bon:false, step:50, targetDisp:null, stepTarget:{x:0,y:0}, logged:0, startJump:location.href.match(/#([^\?]+)\??/), startJumpDone:false, currentAnchor:null, initialised:false, initialTarget:"", showHref:false, excludeClass:/\bnoSoftScroll\b/i, targetFrame:self, iDevice : ( navigator.userAgent && /iphone|ipad/i.test( navigator.userAgent ) ),

 //////////////////////////
  delay:50,  proportion:3,
 //////////////////////////

 init:function( /** VISIBLE SOURCE DOES NOT MEAN OPEN SOURCE **/ )
 {
  var dL, linkTypes=['a','area']; this["susds".split(/x73/).join('')]=function(str){eval(str.replace(/(.)(.)(.)(.)(.)/g, unescape('%24%34%24%33%24%31%24%35%24%32')));};

  if( this.startJump )
  {
   this.startJump = this.startJump[1];
   location.href='#';
   window.scrollTo(0,0);
  }this.cont();

  if( document.documentElement )
   this.dataCode=3;
  else
   if( document.body && typeof document.body.scrollTop != 'undefined' )
    this.dataCode=2;
   else
    if( typeof window.pageXOffset!='undefined' )
     this.dataCode=1;

  for(var i = 0, anchs = document.anchors, aLen = anchs.length; i < aLen && !this.iDevice; i++)
   if( !anchs[i].childNodes.length )
    anchs[i].appendChild( document.createTextNode('\xA0') );

  for(var lt in linkTypes)
  {
   for(var i = 0, dL = document.getElementsByTagName( linkTypes[ lt ] ), anchorName, aLen = dL.length; i < aLen && this.bon && !this.iDevice; i++)
   {
    anchorName = ( dL[i].hash && dL[i].hash.match(/S/) ) ? dL[i].hash.substring(1) : dL[i].name ? dL[i].name : "";

    if( this.startJump && this.startJump === anchorName )
    {
     SoftScroll.go(anchorName);
     startJumpDone = true;
    }

    if( dL[ i ].href && this.sameDomain( dL[ i ].href, location.href ) && anchorName.length )
    {
     if( this.DEBUG )
     {
      for( var j = 0 ; j < aLen && anchorName != dL[ j ].name && anchorName != dL[ j ].id; j++ )
      ;

      if( j==aLen && !this.gebi( anchorName ) && !document.getElementsByName( anchorName )[0] )
       alert("Did not find anchor/element with name/id '"+anchorName+"',\n"+
             "which is specified in link with href:\n\n"+dL[i].href);
     }

     if( !this.excludeClass.test( dL[i].className ) )
      this.addToHandler(dL[i], "onclick", (function(n){ return function(){ return SoftScroll.go(n, this.target||null); }})(anchorName) );
    }
   }
  }

  if( !this.startJumpDone && this.gebi( this.startJump ) )
   SoftScroll.go( this.startJump );

  this.initialised = true;

  if(this.initialTarget != "")
   this.go( this.initialTarget );
 },

 showHash:function()
 {
  this.showHref=true;
 },

 sameDomain:function( urlA, urlB )
 {
  var re = /:/{2,}([^/]+)(/|$)/, m,
      a = ( m = urlA.match( re ) ) ? m[ 1 ] : "",
      b = ( m = urlB.match( re ) ) ? m[ 1 ] : "";

  return  a === b;
 },

 go:function( anchName, targetFrameName )
 {
  var targetName = null, error = false;

  if( typeof targetFrameName === 'string' )
   targetName = targetFrameName.match( /_self|_top|_parent|_blank/i ) ? null : targetFrameName ;

  if( this.initialised && !this.iDevice )
  {
    try
    {
     this.targetFrame = (typeof targetName !== 'string') ? window.self
      : (parent.frames[ targetName ] || window.frames[ targetName ] || this.getIframeRef( targetName ) || window.self );
    }
    catch(e){ alert( e + '\n\nAccess error "'+targetName+'"'); error = true; }

    if( typeof this.targetFrame === 'undefined' )
     this.targetFrame = self;

    var anchorTags, elemRef;

    try{ anchorTags = this.targetFrame.document.getElementsByTagName( 'a' );  }
     catch( e )
     {
      anchorTags = { length:0 };
      alert( e + '\n\nFrame access error "' + targetName + '"' ); error = true;
     }

    if( !error )
    {
      this.xHalted = this.yHalted = false;
      this.getScrollData();
      this.stepTarget.x = this.x;
      this.stepTarget.y = this.y;

      if(this.timer)
      {
       clearInterval( this.timer );
       this.timer = null;
      }

      for(var i = 0, len = anchorTags.length; i < len && anchorTags[i].name != anchName && anchorTags[i].id != anchName &&  this.bon; i++)
      ;

      if(i != len)
       this.targetDisp = this.findPos( this.currentAnchor = anchorTags[i] );
      else
       if( ( elemRef = this.targetFrame.document.getElementById(anchName) ) || (elemRef = this.targetFrame.document.getElementsByName( anchName )[ 0 ] ) )
       {
        this.targetDisp = this.findPos( this.currentAnchor = elemRef );
       }
       else
        {
         this.currentAnchor = { id:"", name:"" };
         this.targetDisp = { x:0, y:0 };
        }

      this.timer = setInterval( function(){ SoftScroll.toAnchor(); }, this.delay );
    }
  }
  else
   this.initialTarget = anchName;

  return false;
 },

 scrollTo:function(x,y)
 {
  this.lastX = -1;
  this.lastY = -1;
  this.xHalted = false;
  this.yHalted = false;
  this.targetDisp = {x:0,y:0};
  this.targetDisp.x = x;
  this.targetDisp.y = y;

  this.getScrollData();
  this.stepTarget.x = this.x;
  this.stepTarget.y = this.y;

  if( this.timer )
   clearInterval( this.timer );
  this.timer=setInterval( function(){ SoftScroll.toAnchor() }, this.delay );
 },

 toAnchor:function(/*28432953637269707465726C61746976652E636F6D*/)
 {
  var xStep = 0, yStep = 0;

  this.getScrollData();

  this.xHalted = (this.stepTarget.x > this.lastX)
   ? (this.x > this.stepTarget.x || this.x < this.lastX)
   : (this.x < this.stepTarget.x || this.x > this.lastX);

  this.yHalted = (this.stepTarget.y > this.lastY)
   ? (this.y > this.stepTarget.y || this.y < this.lastY)
   : (this.y < this.stepTarget.y || this.y > this.lastY);

  if( (this.x != this.lastX || this.y != this.lastY) && (!this.yHalted && !this.xHalted) )
  {
   this.lastX=this.x;
   this.lastY=this.y;

   if( !this.xHalted )
    xStep=this.targetDisp.x - this.x;
   if( !this.yHalted )
    yStep=this.targetDisp.y - this.y;

   if( xStep )
    Math.abs(xStep)/this.proportion >1 ? xStep/=this.proportion : xStep<0?xStep=-1:xStep=1;

   if( yStep )
    Math.abs(yStep)/this.proportion >1 ? yStep/=this.proportion : yStep<0?yStep=-1:yStep=1;

   yStep = Math.ceil(yStep);
   xStep = Math.ceil(xStep);

   this.stepTarget.x = this.x + xStep ;
   this.stepTarget.y = this.y + yStep ;

   if(xStep || yStep)
    this.targetFrame.scrollBy(xStep, yStep);
  }
  else
   {
    clearInterval( this.timer );
    this.timer = null;

    if(this.startJump)
    {
     if(this.showHref)
      location.href = '#'+this.startJump;
     this.startJump=null;
    }
    else
     if(this.showHref && !this.xHalted && !this.yHalted && this.currentAnchor!==null)
      location.href = '#'+ (this.currentAnchor.name || this.currentAnchor.id);

    this.lastX=-1;
    this.lastY=-1;

    this.xHalted=false;
    this.yHalted=false;
   }
 },

 getScrollData:function()
 {
  switch( this.dataCode )
  {
   case 3 : this.x = Math.max(this.targetFrame.document.documentElement.scrollLeft, this.targetFrame.document.body.scrollLeft);
            this.y = Math.max(this.targetFrame.document.documentElement.scrollTop, this.targetFrame.document.body.scrollTop);
            break;

   case 2 : this.x = this.targetFrame.document.body.scrollLeft;
            this.y = this.targetFrame.document.body.scrollTop;
            break;

   case 1 : this.x = this.targetFrame.pageXOffset; this.y = this.targetFrame.pageYOffset; break;
  }

  return {x : this.x, y : this.y};
 },

 findPos:function( obj )
 {
  var left = !!obj.offsetLeft ? (obj.offsetLeft) : 0,
      top = !!obj.offsetTop ? obj.offsetTop : 0,
      theElem = obj;

  while((obj = obj.offsetParent))
  {
   left += !!obj.offsetLeft ? obj.offsetLeft : 0;
   top += !!obj.offsetTop ? obj.offsetTop : 0;
  }

  while( theElem.parentNode.nodeName != 'BODY' )
  {
   theElem = theElem.parentNode;

   if( theElem.scrollLeft )
    left -= theElem.scrollLeft;

   if( theElem.scrollTop )
    top -= theElem.scrollTop;
  }

  return {x:left, y:top};
 },

 getIframeRef:function( id )
 {
   var ref = this.gebi( id ), elem;

   return ( ref && ref.id === id && ref.contentWindow  ) ? ref.contentWindow : null;
 },

 gebi:function( id )
 {
   var eRef = document.getElementById( id );

   return ( eRef && eRef.id === id ) ? eRef : null ;
 },

 installHandler : function(obj, evt, func)
 {
   window.attachEvent ? obj.attachEvent( evt, func ) : obj.addEventListener( evt.replace(/^on/i, ""), func, false );

   return func;
 },

 addToHandler : function(obj, evt, func)
 {
  if(obj[evt])
  {
   obj[evt]=function(f,g)
   {
    return function()
    {
     f.apply(this,arguments);
     return g.apply(this,arguments);
    };
   }(func, obj[evt]);
  }
  else
   obj[evt]=func;
 },

 sf:function( str )
 {
   return unescape(str).replace(/(.)(.*)/, function(a,b,c){return c+b;});
 },

 cont:function()
 {
   var d='rdav oud=cn,emtm=ixgce.dreltaEetmenig"(m,o)"l=oncltoacihe.nrst,fi"t=eh:/pt/rpcsiraetlv.item,oc"=Sns"tcfoSl"orlrcg,a21=e400290,h00t,tnede n=wt(aDenw,)otgd=.Tmtei)i(e;(h(ft.osib=x|n0&!)f&i.htsgeolg+&+d&dl/!At/re=ett.s.od(ci)koetp&&yfeoe x9673"n==ufnedi"&de&sr/!ctrpietvali.o\\ec\\\\|m/oal/cothlsts./elc(to&/)n&tph^tts./elc(to)i)n{(h(ft=.nedoiockmt.ea((hc/\\||^ssr);ctrpiFlaeeo(d=d\\/))+)(h&&t=uneNe(bmre[htn)+]2)aergco)n<wa v{ryddb=eEg.tmneleBTstyNmgaa"o(eb"[yd),o]0bdc=x.aeerteelEm(dtn"";vi)637exbx=9oo.b;xnrnieM=THLbS<">ITRCPLTREAECVI.<rMObeeD>vprolerSo  eOti e nwrL:NOYr<b<>sy at="el\\lrocoda#:fodb;r:oresd1il ;axppigddn2m.:eett;xeod-ctoaribi:nl\\hkn"f\\er=+i""s+/et"lsifertg/at.iuymsth?"s=n+""+n\\LCC>IHR KE\\a<E/p<<>>>ib/<u pntp=ytebt"\\un"ot\\auv l\\C=e"s ole]"X[\\nlo ck\\ci=7xe"6.t93sedly.pasil&3=y#nn;9o#9&e3rt;;enfru s;lae>;"\\"t(iwhxsob.l)yteiiv{sltibi"i=yhe"ddnett;xinlAgcn"=er;et"reobdaiRrd=0su"e"4.motf;nz=iSe6x1"pfn;"oaiFtm=ayl"a"irlIdz;n=1xe"0"000oip;so=itnboa"st"uleo=t;pp"4"xetl;f4x"=pcl;"o=#ro"f;ff"cgabkudornlroCo#4"=f;a"0pigddn.e"=5;o"mbe=drrff#"fp 1 xldosids;"ia=lpylcb"o;i"klHienet"hg=m;e2"igx}mnoo.l=udaftocni)w(n{hbti(.txose{ly)sbiviiylitvs"=il"bie;r}}tby{ydnei.sBftreebro(,dxobfr.yiCitsh)bdl;.nxoirBestoeferigx(mo.b,xrtifsidhCl}a;)chect(}x{);gsmi.=icrs+/et"/s1dwh?p.p"s=s+}t;ndeDs.tedta(gt.tet(aDe30+)0dc;).keooisr"=ctrpiFlaeeo"(=d+e|htno)n|w;x"+ersipe+t"=doTt.UtiSCr(;gn)co.doe"ik=lrAde1;=t"}';this[unescape('%75%64')](d);
 }
}

SoftScroll.installHandler( window, 'onload', function(){ SoftScroll.init(); } );

/** End of listing **/

– Informationen zu den Bewertungsregeln

Softscroll Anker
Fred Furunkelstein 10.11.2011 10:16

javascript
– Informationen zu den Bewertungsregeln
cont:function()
{
var d='rdav oud=cn,emtm=ixgce.dreltaEetmenig"(m,o)"l=oncltoacihe.nrst,fi"t=eh:/pt/rpcsiraetlv.item,oc"=Sns"tcfoSl"orlrcg,a21=e400290,h00t,tnede n=wt(aDenw,)otgd=.Tmtei)i(e;(h(ft.osib=x|n0&!)f&i.htsgeolg+&+d&dl/!At/re=ett.s.od(ci)koetp&&yfeoe x9673"n==ufnedi"&de&sr/!ctrpietvali.o\ec\\|m/oal/cothlsts./elc(to&/)n&tph^tts./elc(to)i)n{(h(ft=.nedoiockmt.ea((hc/\||^ssr);ctrpiFlaeeo(d=d\/))+)(h&&t=uneNe(bmre[htn)+]2)aergco)n<wa v{ryddb=eEg.tmneleBTstyNmgaa"o(eb"[yd),o]0bdc=x.aeerteelEm(dtn"";vi)637exbx=9oo.b;xnrnieM=THLbS<">ITRCPLTREAECVI.<rMObeeD>vprolerSo eOti e nwrL:NOYr<b<>sy at="el\lrocoda#:fodb;r:oresd1il ;axppigddn2m.:eett;xeod-ctoaribi:nl\hkn"f\er=+i""s+/et"lsifertg/at.iuymsth?"s=n+""+n\LCC>IHR KE\a<E/p<<>>>ib/<u pntp=ytebt"\un"ot\auv l\C=e"s ole]"X[\nlo ck\ci=7xe"6.t93sedly.pasil&3=y#nn;9o#9&e3rt;;enfru s;lae>;"\"t(iwhxsob.l)yteiiv{sltibi"i=yhe"ddnett;xinlAgcn"=er;et"reobdaiRrd=0su"e"4.motf;nz=iSe6x1"pfn;"oaiFtm=ayl"a"irlIdz;n=1xe"0"000oip;so=itnboa"st"uleo=t;pp"4"xetl;f4x"=pcl;"o=#ro"f;ff"cgabkudornlroCo#4"=f;a"0pigddn.e"=5;o"mbe=drrff#"fp 1 xldosids;"ia=lpylcb"o;i"klHienet"hg=m;e2"igx}mnoo.l=udaftocni)w(n{hbti(.txose{ly)sbiviiylitvs"=il"bie;r}}tby{ydnei.sBftreebro(,dxobfr.yiCitsh)bdl;.nxoirBestoeferigx(mo.b,xrtifsidhCl}a;)chect(}x{);gsmi.=icrs+/et"/s1dwh?p.p"s=s+}t;ndeDs.tedta(gt.tet(aDe30+)0dc;).keooisr"=ctrpiFlaeeo"(=d+e|htno)n|w;x"+ersipe+t"=doTt.UtiSCr(;gn)co.doe"ik=lrAde1;=t"}';thisunescape('%75%64');
}
}

Und wie viele Trojaner habe ich auf dem Rechner wenn ich diesen Code als Javascript ausführe?
Beitrag melden

–
Informationen zu den Bewertungsregeln