Mausverfolger

Allgemeine Fragen zu hPage

Moderator: HTML-Laie

Antworten
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1703
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Mausverfolger

Beitrag von Nathaly »

Hallo

habe diesen Schönen Mausverfolger gefunden und würde den gerne für meine Homepage white-sweet-snowflakes benutzen aber irgendwie bekomme ich das nicht hin :II

so müsste es aus sehen http://kerstins-frisurenoase.npage.de/

hier gib den code

Code: Alles auswählen

<script type='text/javascript'>
<!--
kissAnzahl = 3 //Anzahl der maximalen Bilder, die auf einmal angezeigt werden
lastKiss = 1 //welches Bild soll zuletzt angezeigt werden? (zwischen 0 und 1 wählen)
kissDauer = 1000 //Dauer der Anzeige der Bilder auf dem Bildschirm (in Millisekunden)
kissAbstand = 50 //Abstand des Mauszeigers bevor das nächste Bild erscheint
erstesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das erste Bild
zweitesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das zweite Bild


//Ab hier nichts mehr ändern
var docLayers = (document.layers) ? true:false;
var docId = (document.getElementById) ? true:false;
var docAll = (document.all) ? true:false;
var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document."
var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":""
var stylebitK = (docLayers) ? "":".style"
var showbitK = (docLayers) ? "show":"visible"
var hidebitK = (docLayers) ? "hide":"hidden"
var ns6=document.getElementById&&!document.all

var posX, posY, lastX, lastY, kissAnzahl, lastKiss, kissDauer, kissAbstand, erstesBild
lastX = 0
lastY = 0

function kissMeNow(e) {

posX = getMouseXPos(e)
posY = getMouseYPos(e)
if (posX>(lastX+kissAbstand)||posX<(lastX-kissAbstand)||posY>(lastY+kissAbstand)||posY<(lastY-kissAbstand)) {
showKiss(posX,posY)
lastX = posX
lastY = posY
}
}

function getMouseXPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageX+10)
} else {
return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft))
}
}

function getMouseYPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageY)
} else {
return (parseInt(event.clientY) + parseInt(document.body.scrollTop))
}
}

function showKiss(x,y) {
var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x
if (lastKiss >= kissAnzahl) {lastKiss = 0}
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".left = " + processedx)
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".top = " + y)
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".visibility = '" + showbitK + "'")
if (eval("typeof(kissDauer" + lastKiss + ")")=="number") {
eval("clearTimeout(kissDauer" + lastKiss + ")")
}
eval("kissDauer" + lastKiss + " = setTimeout('hideKiss(" + lastKiss + ")',kissDauer)")
lastKiss += 1
}

function hideKiss(knum) {
eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'")
}

function kissbegin(){
if (docLayers) {
document.captureEvents(Event.MOUSEMOVE)
document.onMouseMove = kissMeNow;
} else {
document.onmousemove = kissMeNow;
}
}

if (document.all||document.getElementById||document.layers){
for (k=0;k<kissAnzahl;k=k+2) {
document.write('<div id="kisser' + k + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + erstesBild + '" alt="" border="0"></div>\n')
document.write('<div id="kisser' + (k+1) + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + zweitesBild + '" alt="" border="0"></div>\n')
}
}
window.onload=kissbegin;

//-->
</script>
quelle : http://hapes-forum.forumprofi.de/showthread.php?tid=179
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3277
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Mausverfolger

Beitrag von Jasko »

Wo hast den diesen Code eingefühgt?
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1703
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Mausverfolger

Beitrag von Nathaly »

ich dachte der kommt in den Sitewide rein :E
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3277
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Mausverfolger

Beitrag von Jasko »

Nein das ist keine gute Lösung, der müsste schon in den Header Bereich zwischen die <head>-Tags, dann sollte es auch klappen.

Allerdings habe ich es noch nicht selbst probiert, aber versuche es mal, wenn es nicht geht schauen wir weiter.

MFG
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1703
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Mausverfolger

Beitrag von Nathaly »

und was ist mit

Meta-Tags

Titel

Favicon

URL (zur .ico-Datei):

Eigenes, zusätzliches CSS-Stylesheet

muss ich da auch was ein geben?

hab in ES in Eigener, zusätzlicher HTML-Code (zwischen <head> und </head>) ein geben aber irgentwie klappt es nur auf der intro seite
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3277
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Mausverfolger

Beitrag von Jasko »

Du hast doch ein eigenes Design, am besten platziers du es dort vor den </head>-Tag dann sollte es gehen.

Und unter Sidewide und bei zusätzlicher HTML-Code (zwischen <head> und </head>) den Code bitte raus machen.
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1703
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Mausverfolger

Beitrag von Nathaly »

Jasko hat geschrieben:Und unter Sidewide und bei zusätzlicher HTML-Code (zwischen <head> und </head>) den Code bitte raus machen.
habe ich nicht drin
Jasko hat geschrieben:Du hast doch ein eigenes Design, am besten platziers du es dort vor den </head>-Tag dann sollte es gehen.
verstehe ich nicht so ganz

habe jetzt im Eigener, zusätzlicher HTML-Code (zwischen <head> und </head>) unter Header-Bereich den code drin

also meinst du es so

Code: Alles auswählen

<head><script type='text/javascript'>
<!--
kissAnzahl = 3 //Anzahl der maximalen Bilder, die auf einmal angezeigt werden
lastKiss = 1 //welches Bild soll zuletzt angezeigt werden? (zwischen 0 und 1 wählen)
kissDauer = 1000 //Dauer der Anzeige der Bilder auf dem Bildschirm (in Millisekunden)
kissAbstand = 50 //Abstand des Mauszeigers bevor das nächste Bild erscheint
erstesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das erste Bild
zweitesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das zweite Bild


//Ab hier nichts mehr ändern
var docLayers = (document.layers) ? true:false;
var docId = (document.getElementById) ? true:false;
var docAll = (document.all) ? true:false;
var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document."
var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":""
var stylebitK = (docLayers) ? "":".style"
var showbitK = (docLayers) ? "show":"visible"
var hidebitK = (docLayers) ? "hide":"hidden"
var ns6=document.getElementById&&!document.all

var posX, posY, lastX, lastY, kissAnzahl, lastKiss, kissDauer, kissAbstand, erstesBild
lastX = 0
lastY = 0

function kissMeNow(e) {

posX = getMouseXPos(e)
posY = getMouseYPos(e)
if (posX>(lastX+kissAbstand)||posX<(lastX-kissAbstand)||posY>(lastY+kissAbstand)||posY<(lastY-kissAbstand)) {
showKiss(posX,posY)
lastX = posX
lastY = posY
}
}

function getMouseXPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageX+10)
} else {
return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft))
}
}

function getMouseYPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageY)
} else {
return (parseInt(event.clientY) + parseInt(document.body.scrollTop))
}
}

function showKiss(x,y) {
var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x
if (lastKiss >= kissAnzahl) {lastKiss = 0}
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".left = " + processedx)
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".top = " + y)
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".visibility = '" + showbitK + "'")
if (eval("typeof(kissDauer" + lastKiss + ")")=="number") {
eval("clearTimeout(kissDauer" + lastKiss + ")")
}
eval("kissDauer" + lastKiss + " = setTimeout('hideKiss(" + lastKiss + ")',kissDauer)")
lastKiss += 1
}

function hideKiss(knum) {
eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'")
}

function kissbegin(){
if (docLayers) {
document.captureEvents(Event.MOUSEMOVE)
document.onMouseMove = kissMeNow;
} else {
document.onmousemove = kissMeNow;
}
}

if (document.all||document.getElementById||document.layers){
for (k=0;k<kissAnzahl;k=k+2) {
document.write('<div id="kisser' + k + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + erstesBild + '" alt="" border="0"></div>\n')
document.write('<div id="kisser' + (k+1) + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + zweitesBild + '" alt="" border="0"></div>\n')
}
}
window.onload=kissbegin;

//-->
</script></head><script type='text/javascript'>
<!--
kissAnzahl = 3 //Anzahl der maximalen Bilder, die auf einmal angezeigt werden
lastKiss = 1 //welches Bild soll zuletzt angezeigt werden? (zwischen 0 und 1 wählen)
kissDauer = 1000 //Dauer der Anzeige der Bilder auf dem Bildschirm (in Millisekunden)
kissAbstand = 50 //Abstand des Mauszeigers bevor das nächste Bild erscheint
erstesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das erste Bild
zweitesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das zweite Bild


//Ab hier nichts mehr ändern
var docLayers = (document.layers) ? true:false;
var docId = (document.getElementById) ? true:false;
var docAll = (document.all) ? true:false;
var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document."
var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":""
var stylebitK = (docLayers) ? "":".style"
var showbitK = (docLayers) ? "show":"visible"
var hidebitK = (docLayers) ? "hide":"hidden"
var ns6=document.getElementById&&!document.all

var posX, posY, lastX, lastY, kissAnzahl, lastKiss, kissDauer, kissAbstand, erstesBild
lastX = 0
lastY = 0

function kissMeNow(e) {

posX = getMouseXPos(e)
posY = getMouseYPos(e)
if (posX>(lastX+kissAbstand)||posX<(lastX-kissAbstand)||posY>(lastY+kissAbstand)||posY<(lastY-kissAbstand)) {
showKiss(posX,posY)
lastX = posX
lastY = posY
}
}

function getMouseXPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageX+10)
} else {
return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft))
}
}

function getMouseYPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageY)
} else {
return (parseInt(event.clientY) + parseInt(document.body.scrollTop))
}
}

function showKiss(x,y) {
var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x
if (lastKiss >= kissAnzahl) {lastKiss = 0}
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".left = " + processedx)
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".top = " + y)
eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".visibility = '" + showbitK + "'")
if (eval("typeof(kissDauer" + lastKiss + ")")=="number") {
eval("clearTimeout(kissDauer" + lastKiss + ")")
}
eval("kissDauer" + lastKiss + " = setTimeout('hideKiss(" + lastKiss + ")',kissDauer)")
lastKiss += 1
}

function hideKiss(knum) {
eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'")
}

function kissbegin(){
if (docLayers) {
document.captureEvents(Event.MOUSEMOVE)
document.onMouseMove = kissMeNow;
} else {
document.onmousemove = kissMeNow;
}
}

if (document.all||document.getElementById||document.layers){
for (k=0;k<kissAnzahl;k=k+2) {
document.write('<div id="kisser' + k + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + erstesBild + '" alt="" border="0"></div>\n')
document.write('<div id="kisser' + (k+1) + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + zweitesBild + '" alt="" border="0"></div>\n')
}
}
window.onload=kissbegin;

//-->
</script></head>)
wenn ja ... dann er scheint oben Links ) Diese Zeichen im Design
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3277
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Mausverfolger

Beitrag von Jasko »

Also bei
Eigener, zusätzlicher HTML-Code (zwischen <head> und </head>) unter Header-Bereich

musst du den ganzen Code Entfernen. Dan geshst du auf Design ->Mein Design ->Styels verwalten -> und klickst auf ändern im Standard-Style deiner HP

dort hast Du zwei Bereiche Header und Footer. Im Header findest du diesen Tag </head>
und vor diesen Tag platzierst du diesen Code:

Code: Alles auswählen

    <script type='text/javascript'>
    <!--
    kissAnzahl = 3 //Anzahl der maximalen Bilder, die auf einmal angezeigt werden
    lastKiss = 1 //welches Bild soll zuletzt angezeigt werden? (zwischen 0 und 1 wählen)
    kissDauer = 1000 //Dauer der Anzeige der Bilder auf dem Bildschirm (in Millisekunden)
    kissAbstand = 50 //Abstand des Mauszeigers bevor das nächste Bild erscheint
    erstesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das erste Bild
    zweitesBild = "http://file1.npage.de/011059/57/bilder/sterne.gif" //das zweite Bild


    //Ab hier nichts mehr ändern
    var docLayers = (document.layers) ? true:false;
    var docId = (document.getElementById) ? true:false;
    var docAll = (document.all) ? true:false;
    var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document."
    var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":""
    var stylebitK = (docLayers) ? "":".style"
    var showbitK = (docLayers) ? "show":"visible"
    var hidebitK = (docLayers) ? "hide":"hidden"
    var ns6=document.getElementById&&!document.all

    var posX, posY, lastX, lastY, kissAnzahl, lastKiss, kissDauer, kissAbstand, erstesBild
    lastX = 0
    lastY = 0

    function kissMeNow(e) {

    posX = getMouseXPos(e)
    posY = getMouseYPos(e)
    if (posX>(lastX+kissAbstand)||posX<(lastX-kissAbstand)||posY>(lastY+kissAbstand)||posY<(lastY-kissAbstand)) {
    showKiss(posX,posY)
    lastX = posX
    lastY = posY
    }
    }

    function getMouseXPos(e) {
    if (document.layers||ns6) {
    return parseInt(e.pageX+10)
    } else {
    return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft))
    }
    }

    function getMouseYPos(e) {
    if (document.layers||ns6) {
    return parseInt(e.pageY)
    } else {
    return (parseInt(event.clientY) + parseInt(document.body.scrollTop))
    }
    }

    function showKiss(x,y) {
    var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x
    if (lastKiss >= kissAnzahl) {lastKiss = 0}
    eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".left = " + processedx)
    eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".top = " + y)
    eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".visibility = '" + showbitK + "'")
    if (eval("typeof(kissDauer" + lastKiss + ")")=="number") {
    eval("clearTimeout(kissDauer" + lastKiss + ")")
    }
    eval("kissDauer" + lastKiss + " = setTimeout('hideKiss(" + lastKiss + ")',kissDauer)")
    lastKiss += 1
    }

    function hideKiss(knum) {
    eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'")
    }

    function kissbegin(){
    if (docLayers) {
    document.captureEvents(Event.MOUSEMOVE)
    document.onMouseMove = kissMeNow;
    } else {
    document.onmousemove = kissMeNow;
    }
    }

    if (document.all||document.getElementById||document.layers){
    for (k=0;k<kissAnzahl;k=k+2) {
    document.write('<div id="kisser' + k + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + erstesBild + '" alt="" border="0"></div>\n')
    document.write('<div id="kisser' + (k+1) + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + zweitesBild + '" alt="" border="0"></div>\n')
    }
    }
    window.onload=kissbegin;

    //-->
    </script>


Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1703
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Mausverfolger

Beitrag von Nathaly »

ich antworte später muss jetzt zu Massage :X
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1703
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Mausverfolger

Beitrag von Nathaly »

also wo kommt es jetzt rein im Header-Bereich oder Sitewide ?
Antworten

Zurück zu „hPage - Allgemein“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 20 Gäste