[addon] back to top

[Bob]

Hallo

(Erstmal sorry weis nicht wo ich das Posten soll)

 
Ein kleines java-script welches ein mini Fenster einblendet wenn mann nach unten gescrollt hat mit dem Link "Back to top"

Getestet mit:
IE6 + IE7 + FF


Neue Dateien:
back2top.js

Geänderte Dateien:
footer.html
style.css


1.
-erstelle eine neue Datei mit dem namen back2top.js :
-kopiere in die datei:

Code: [Select]


// by Bob

var b2tx=80,b2ty=50,b2th='<nobr> ^ nach oben ^ </nobr>';

function b2x(){return ((moz)?window.innerWidth-20:document.body.clientWidth)-b2tx;}
function b2y(){return ((moz)?window.innerHeight:document.body.clientHeight)+b2o()-b2ty;}
function b2o(){return (moz)?window.pageYOffset:document.body.scrollTop;}
function b2t(){with(document.getElementById('bttl').style){left=((b2o()<1)?-500:b2x())+'px';top=((b2o()<1)?-500:b2y())+'px';}setTimeout('b2t()',99);}
var moz=(document.getElementById&&!document.all)?1:0;document.write('<div id="bttl" class="back2top" style="position:absolute"><a style="cursor:'+((moz)?'pointer':'hand')+'" onclick="JavaScript:scrollTo(0,0)">'+b2th+'</a></div>');b2t();


2.
-kopiere back2top.js auf deinen webspace in dein scriptverzeichnis:
Beispiel:
http://www.domain.de/scripts/back2top.js

3.
-öffne: ../templates/dein template/style.css
-am ende füge ein:

Code: [Select]

.back2top {
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #0000FF;
background-color: #CCCCFF;
border: 1px solid;
border-color: #0000FF;
padding: 2px;
}

4.
-öffne: ../templates/dein template/footer.html
-suche:

Code: [Select]

</body>
</html>

-ersetze mit:

Code: [Select]

<script language="JavaScript" src="http://www.domain.de/scripts/back2top.js"></script>
</body>
</html>


Du kannst in dem .css den style deiner seite entsprechend anpassen und im .js den Text "^ nach oben ^" nach deinen Wünschen anpassen.

...ich hoffe ich hab nichts vergessen. 

Have Fun

Bob

[kai]

Ein kleines java-script welches ein mini Fenster einblendet wenn mann nach unten gescrollt hat mit dem Link "Back to top"

Erstmal Danke fürs posten.

Ich kann es mir nicht so ganz vorstellen. Hast Du einen Demolink?

[Bob]

Nein, aber Du hast doch bestimmt ne 4images test version inst. und das script einbuen ist ja 5min sache