Juergens-Workshops.de Forum
kleine grafik als lesezeichen auf HP - Druckversion

+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: kleine grafik als lesezeichen auf HP (/showthread.php?tid=31899)



kleine grafik als lesezeichen auf HP - unterwilli - 21.03.2011

vllt. bin ich hier falsch, dann bitte verschieben .....

bei manchen tuts ist mir aufgefallen, dass auf der hp-seite eine kleine graphik ist, die man als leszeichen benutzen kann. man schiebt sie immer dahin, wo man gerade ist.

weiß jemand wie sowas gemacht wird?


kleine grafik als lesezeichen auf HP - Ganna - 21.03.2011

Hallo,

das geht mit Javascript.

Irgendwo habe ich eins, muss es nur suchen....


kleine grafik als lesezeichen auf HP - Ganna - 21.03.2011

So, ich habe das Script gefunden.

Code:
<style>
<!--
.dragme{position:relative;    border-style: none;}
-->
</style>
<script language="JavaScript1.2">
<!--

var ie=document.all;
var nn6=document.getElementById&&!document.all;

var isdrag=false;
var x,y;
var dobj;

function movemouse(e)
{
  if (isdrag)
  {
    dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
    dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
    return false;
  }
}

function selectmouse(e)
{
  var fobj       = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";

  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.style.left+0);
    ty = parseInt(dobj.style.top+0);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
    document.onmousemove=movemouse;
    return false;
  }
}

document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");

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

<body>
<img src="http://www.deine-webadresse//pfeil.gif" border="0" class="dragme" width="100" height="50">

Den Pfad und den Dateinamen deines Lesezeichens, sowie die Größe musst du noch ändern.

Ich hoffe es klappt.


kleine grafik als lesezeichen auf HP - unterwilli - 22.03.2011

lieben dank, ich bin nicht sehr fit in solchen sachen, aber ich probiers und berichte .... bitte nicht ungehalten sein, wenns ein bissi dauert *g*


kleine grafik als lesezeichen auf HP - Ganna - 22.03.2011

Freue mich wenn es funktioniert.

Denke dran, das letzte muss im body stehen.

Warum sollte ich ungehalten sein? ;-)

Frag nur, wenn es nicht klappt.