Suche im Forum:
Suchen


Autor Nachricht
Beitrag14.01.2010 um 18:19 (UTC)    
Titel: JS: Seitenanfangs Button

Hallo,
ich möchte auf meine Seite Buttons einbringen, mit denen man
zum Seitenanfang springen kann. Allerdings möchte ich nicht den
Standartbutton, sondern ein eigenes Bild einbringen.
Ich wusste zwar schonmal wie's geht, hab den Code aber wohl
verlegt.. Rolling Eyes

Lg.
______________
Beitrag14.01.2010 um 18:22 (UTC)    
Titel:

es wäre schon wen du uns die bild url gibst
Wink
Beitrag14.01.2010 um 18:35 (UTC)    
Titel:

Hey,
Zum Seiten Anfang, meinst du nach oben?
Mit nem Bild weiß ichs grad nicht, aber hier der JS-Code.

In Text über dem Design!
Code:
<script type="text/javascript">
<!--
var x,y;
function hochbreit() {
  if (self.innerHeight)  // all except Explorer
    {
    x = self.innerWidth;
    y = self.innerHeight;
    }
  else if (document.documentElement && document.documentElement.clientHeight)  // Explorer 6 Strict Mode
    {
    x = document.documentElement.clientWidth;
    y = document.documentElement.clientHeight;
    }
  else if (document.body)  // other Explorers
    {
    x = document.body.clientWidth;
    y = document.body.clientHeight;
    }
  }

function floatButton() {
  hochbreit()
  if (document.all)
    {
    document.all.topHeadline.style.pixelTop = Number(document.body.scrollTop+y-33);
    }
  else if (document.layers)
    {
    document.topHeadline.top = window.pageYOffset;
    }
  else if (document.getElementById)
    {
    document.getElementById('topHeadline').style.top = window.pageYOffset + 'px';
    }
  }
  if (document.all)
    window.onscroll = floatButton;
  else
    setInterval ('floatButton()', 100);

function initButton () {
  if (document.all)
    {
    document.all.topHeadline.style.pixelLeft = 0;
    document.all.topHeadline.style.visibility = 'visible';
    }
  else if (document.layers)
    {
    document.topHeadline.left = 0;
    document.topHeadline.visibility = 'show';
    }
else if (document.getElementById)
    {
    document.getElementById('topHeadline').style.left = (window.innerWidth - 35) + 'px';
    document.getElementById('topHeadline').style.visibility = 'visible';
    }
  }

/*
Original:  Richard Cleaver (richard@cleaver.org.uk)
mod:  w. jansen (web-toolbox.net)
mod:  g. schleu (freesolutions.de) - ready for quirks-mode
*/
//-->
</script>


Und das in Text unter dem design!
Code:
<span id="topHeadline" style="position: absolute; visibility: hidden; top: 0px;"><a href="#top"><img src="../_b/arrow_up2.gif" border="0" width="33" height="31" alt="Seitenanfang" /></a></span>


Ich hoffe, ich konnte dir helfen.
______________

Support auch via PN und im Forum!
Beitrag14.01.2010 um 18:39 (UTC)    
Titel:

Danke erstmal. Very Happy
Wow.. wusste gar nicht, dass der so lang ist.
Sieht der für Vor/Zurück ziehmlich anders aus?
______________


Zuletzt bearbeitet von marcelseidel am 14.01.2010, 19:39, insgesamt einmal bearbeitet
Beitrag14.01.2010 um 18:41 (UTC)    
Titel:

wenns wirklich nur nach oben gehen soll, geht das auch einfacher:
Zitat:
<a href ="#" target="_self"><img src="http://bildurl.png" alt="alternativtext></a>


blau: hier muss die bild url eingetragen werden.
rot: hier kannst du einen alternativtext eingeben. Falls das bild mal nicht verfügbar sein sollte, wird dieser angezeigt.
______________

Beitrag15.01.2010 um 11:49 (UTC)    
Titel:

Ty.. bräuchte das aber für Vor / Zurrück / nach oben und reload. Rolling Eyes
______________
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de