Christian: Scrollbuttons mit Schwebe-Ebene

SELF-Forum

Scrollbuttons mit Schwebe-Ebene

Christian
– Informationen zu den Bewertungsregeln

Hallo,
ich habe ein kleines Problem:

Ich möchte mit Golive eine Seite erstellen, bei der man über zwei Buttons hoch- und runterscrollen kann...

Die zwei Buttons habe ich auf eine Ebene gelegt und möchte, das diese immer auf der selben Fenster-Postion bleiben! (sonst würden die Buttons ja nach unten oder oben mitscrollen...)

Leider bekomm ich das nicht hin!
In Golive gibt es zwar die Aktion "Schwebeebene" aber diese funktioniert anscheinend nur im InternetExplorer und leider nicht z.B. im Safari usw.

Wer kann mir weiterhelfen?

Gruß
Christian :-)

Hier ist mal mein Quelltext:

<html>

<head>
  <title>Test</title>
  <style type="text/css" media="screen"><!--
#Ebene1 { position: absolute; top: 15px; left: 601px; width: 50px; height: 40px; visibility: visible; display: block }
--></style>
  <csactions>
   <csaction name="A0D8C0" class="Scroll Up" type="onevent" val0="5" val1="100"></csaction>
   <csaction name="A3ECD1" class="Scroll Down" type="onevent" val0="5" val1="100"></csaction>
  </csactions>
  <csscriptdict>
   <script type="text/javascript"><!--
function CSClickReturn () {
 var bAgent = window.navigator.userAgent;
 var bAppName = window.navigator.appName;
 if ((bAppName.indexOf("Explorer") >= 0) && (bAgent.indexOf("Mozilla/3") >= 0) && (bAgent.indexOf("Mac") >= 0))
  return true; // dont follow link
 else return false; // dont follow link
}
CSStopExecution=false;
function CSAction(array) {return CSAction2(CSAct, array);}
function CSAction2(fct, array) {
 var result;
 for (var i=0;i<array.length;i++) {
  if(CSStopExecution) return false;
  var aa = fct[array[i]];
  if (aa == null) return false;
  var ta = new Array;
  for(var j=1;j<aa.length;j++) {
   if((aa[j]!=null)&&(typeof(aa[j])=="object")&&(aa[j].length==2)){
    if(aa[j][0]=="VAR"){ta[j]=CSStateArray[aa[j][1]];}
    else{if(aa[j][0]=="ACT"){ta[j]=CSAction(new Array(new String(aa[j][1])));}
    else ta[j]=aa[j];}
   } else ta[j]=aa[j];
  }
  result=aa0;
 }
 return result;
}
CSAct = new Object;
function CSScrollUp(action){
 if(navigator.appVersion.charAt(0) >=4) {
  var container = 0
  if (action[2] > 0)  {
   while (container < action[1]) {
       window.scrollBy(0,-action[2]);
       container = container + action[2];
   }
       }
 }
}
function CSScrollDown(action){
 if(navigator.appVersion.charAt(0) >=4) {
  var container = 0
  if (action[2] > 0)  {
   while (container < action[1]) {
       window.scrollBy(0,action[2]);
       container = container + action[2];
   }
       }
 }
}

// --></script>
  </csscriptdict>
  <csactiondict>
   <script type="text/javascript"><!--
CSAct[/*CMP*/ 'A0D8C0'] = new Array(CSScrollUp,5,100);
CSAct[/*CMP*/ 'A3ECD1'] = new Array(CSScrollDown,5,100);

// --></script>
  </csactiondict>
 </head>

<body bgcolor="#ffffff">
  <div id="Ebene1">
   <a onclick="CSAction(new Array(/*CMP*/'A0D8C0'));return CSClickReturn();" href="#" csclick="A0D8C0"><img src="2.gif" alt="" height="20" width="20" border="0"></a><a onclick="CSAction(new Array(/*CMP*/'A3ECD1'));return CSClickReturn();" href="#" csclick="A3ECD1"><img src="1.gif" alt="" height="20" width="20" border="0"></a></div>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
  <p>BlindtextBlindtextBlindtextBlindtextBlindtextBlindtext</p>
 </body>

</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Scrollbuttons mit Schwebe-Ebene

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hello out there!

    ich habe ein kleines Problem:
    Ich möchte mit Golive eine Seite erstellen, bei der man über zwei Buttons hoch- und runterscrollen kann...

    Lass es. Sonst haben die Nutzer deiner Seite ein großes Problem.

    http://forum.de.selfhtml.org/archiv/2007/4/t149884/#m973765

    [...] möchte, das diese immer auf der selben Fenster-Postion bleiben!

    Fixe Positionierung mit CSS also.

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln