Gå til innhold

Hvordan få denne til å virke i FireFox?


Anbefalte innlegg

Hvordan få denne til å virke i FireFox?

 

Feilmeldingen er: "event is not defined"

 

<script language="javascript">
 <!--
 /*
 	Draggable objects Ver 1.1 (windows, frames, ...)
 	-----------------------------------------------------------------------
 	This code shows how to create draggable objects,
 	(like windows).

 	Without remarks, the actual code is very small, yet effective.
 	-----------------------------------------------------------------------
 	It uses only 3 function:
 	drag_start(obj)	- Just pass this function the object you want to drag,
        and dragging will start.
 	drag_stop()  - This function stops the dragging.
 	drag_do()  - This function actually performs the dragging.
        (It is attached to the document.onmousemove event.

 	-----------------------------------------------------------------------
 	Code History:
 	-------------
 	Ver 1.1: Notes & Remarks added.
 	Ver 1.0: Initial publication

 	-----------------------------------------------------------------------
 	(c) All rights reserved to Code Monk  ... but you can have them...   :)
 	-----------------------------------------------------------------------
 */

 /*------ windows/frames drag functions & variables ------*/

 var objDragMe = null;	// object to drag
 var dx = 0, dy = 0;  // delta-x, delta-y
 var z = 1;    // z-index, used to make object topmost

 function drag_start(obj) {
 	// stores the window/frame (div) object, dx & dy
 	objDragMe = obj;
 	dx = document.body.scrollLeft + event.clientX - objDragMe.style.pixelLeft;
 	dy = document.body.scrollTop + event.clientY - objDragMe.style.pixelTop;

 	// puts window on top of all other windows
 	objDragMe.style.zIndex = z++;

 	// starts dragging...
 	document.onmousemove = drag_do;
 }

 function drag_stop() {
 	// stops dragging
 	document.onmousemove = "";
 }

 function drag_do() {
 	// checks if mouse is still pressed.
 	// (this was added to fix a bug when leaving the broswer window
 	//  with the mouse pressed then returning without pressing it.)
 	if (event.button != 1) {
   drag_stop();
   return;
 	}

 	// moves object
 	objDragMe.style.pixelLeft = document.body.scrollLeft + event.clientX - dx;
 	objDragMe.style.pixelTop = document.body.scrollTop + event.clientY - dy;

 	// disables text selection
 	document.selection.empty();
 }

 //-->
 </script>

 

mvh. Hans

Lenke til kommentar
  • 3 uker senere...
Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...