mit onClick ein javascript laden ?

Status
Nicht offen für weitere Antworten.

kinsh

Mitglied
Huhu, =)

auf meiner Page möchte ich einen abschaltbaren Mausverfolger haben den man dann aber auch wieder anschalten kann das script habe ich schon abgespeichert doch wie mach ich nun auf mein kleines bildchen die funktion für´s laden der *.js

falls es überhaupt möglich ist...

und kann man beide funktionen onClick und onDbClick benutzen ? :confused:
 
Du brauchst zwei Algorithmen/Funktionen, die die Funktionalität des Mausverfolgers ein- bezeihungsweise ausschalten.
 
Dieses script hier schau

Code:
<script type="text/javascript"><!-- //coded by con-f-use@gmx.net - be fair and do not remove this
	document.onmousemove = mouse;
	var x=y=oldx=oldy=0;
	function mouse(e)	{
		x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
		y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
						}
	
	function placePic(strId,intX,intY) {
		if ( pic=document.getElementById(strId) )
		 {
		 	pic.style.left = Math.round(oldx+=.6*(x-oldx)) + Number(intX) +"px"; 
			pic.style.top = Math.round(oldy+=.6*(y-oldy)) + Number(intY) +"px";
			setTimeout('placePic("'+ strId +'","'+ intX +'","'+ intY +'")',100);
		}
	}
//--></script>

habe ich als mausver.js abgespeichert


das hier habe ich vor dem </body> Bereich eingefügt

Code:
<div id="mousepic" style="position:absolute;top:0px;left:0px;"><img src="gfx/DANCER1.GIF"/></div>

<script type="text/javascript"><!--
		placePic("mousepic",20,0);
	//--></script>

so verfolgt er die maus immer bis zum rand des iframe :)
 
Ha !

man kann ja ebenen ein und ausblenden somit habe ich einfach die ebene auf hidden gesetellt und durch einen Button(in meinem fall ein Bild) eine anderen (auch versteckte) ebene öffnen lassen wo man nun ein/aus-schalter plazieren kann


Edit: Ich habe noch hinzugefügt das wenn man an oder aus geklickt hat das auch die ebene verschwindet man kann ja mal ein Tutorial daraus machen ^^

An/Aus
Code:
<div id="Layer1" style="position:absolute; left:9px; top:9px; width:36px; height:55px; z-index:1; color: #FFFFFF; visibility: hidden;" onClick="MM_showHideLayers('Layer1','','hide')">
  <p><a onClick="MM_showHideLayers('mousepic','','show')">An</a></p>
  <p><a onClick="MM_showHideLayers('mousepic','','hide')">Aus</a></p>
</div>


einblenden An/Aus
Code:
<td height="20"><img src="gfx/DANCER1.GIF" width="22" height="22" onClick="MM_showHideLayers('Layer1','','show')"></td>

ist nun aber ohne extra angelegte java.js
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.
Zurück