---
title: "Dra bild funktion för hela dokumentet"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/71938-dra-bild-funktion-för-hela-dokumentet"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Addeladde"
published: "2003-03-23T14:51:27.000Z"
updated: "2003-03-24T15:19:34.000Z"
replies: 12
views: 278
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/71938-dra-bild-funktion-för-hela-dokumentet"
---

# Dra bild funktion för hela dokumentet

## #1 — Addeladde, 2003-03-23T14:51Z

Hej  jag vill skapa en funktion på en sida att när man drar en bild (ondrag) så ska fönstret stängas.

Jag vill inte specificera det på varje bild utan för hela dokumentet. Men det ska bara gälla bilder.

Någon som har några tips?

Permalänk: https://www.webforum.nu/p/71938

## #2 — Addeladde, 2003-03-23T15:10Z

Har försökt med detta men det funkar inte.

```
<script type="text/javascript">
<!--
document.img.ondrag = function(){
  window.close();
}
//-->
</script>
```

Permalänk: https://www.webforum.nu/p/986255

## #3 — Peter S, 2003-03-23T16:15Z

```
<script type="text/javascript">
<!--

function foo(){
	for( i in document.images ){
		document.images[ i ].ondrag = function(){
			window.close();
		}
	}
};

window.onload = foo;

//-->
</script>
```

 :)

Permalänk: https://www.webforum.nu/p/986306

## #4 — Addeladde, 2003-03-23T16:21Z

Jag har fått det att fungera tack.

Finns det något man kan skriva på et objekt som man inte vill att man ska kunna dra saker till? Typ nodrop="true"

Permalänk: https://www.webforum.nu/p/986314

## #5 — Peter S, 2003-03-23T16:47Z

Ja, "ondrop". Du kan läsa mer på MSDN:

<http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/events.asp>

 :)

Permalänk: https://www.webforum.nu/p/986335

## #6 — Addeladde, 2003-03-23T17:55Z

Fattar fortfarande inte hur man får så att det inte går:
ondrop=return false;

Permalänk: https://www.webforum.nu/p/986391

## #7 — Peter S, 2003-03-23T19:00Z

Jag lägger upp ett exempel:

<http://member.webforum.nu/Peter%20S/drag_and_drop.html>

 :)

Permalänk: https://www.webforum.nu/p/986447

## #8 — Addeladde, 2003-03-23T19:05Z

Tack men kan man inte få så att varningsringen visas bara?

Permalänk: https://www.webforum.nu/p/986451

## #9 — Peter S, 2003-03-23T19:11Z

Jodå, ta bort funktionen *bar()* och ändra värdet i attributet *ondrop* till:

```
ondrop="alert('Fy!')"
```

 :)

Permalänk: https://www.webforum.nu/p/986462

## #10 — Addeladde, 2003-03-23T21:53Z

Hej

Jag har fått det att funka men inte när jag försöker få in det i min befintliga kod.

Jag har ett
ett lager dit man ska kunna dra bilder så länge det visas i Wisywyg läge. Här är koden för det lagret.

```
<div CONTENTEDITABLE="true" class="editArea" id="idContent" ondrop="" ondragenter="" ondragover="" name="idContent"></div>
```

Sedan finns det en knapp som gör så att det växlar mellan kodvyn och wysiwyg läget och den knappen anroppar en funktion som visas nedan.

```
<script>
function setDisplayModeNormal() 
	{
	PopupHide()
	
	if(displayMode=='HTML')
		{
		idContent.clearAttributes;
		idContent.ondrop='';
		idContent.ondragenter='window.event.returnValue=true'; 
		idContent.ondragover='window.event.returnValue=true';
		idContent.innerHTML = idContent.innerText;
		displayMode = 'RICH';
		} 
	}
	function setDisplayModeHTML() 
	{
	PopupHide()
	
	if(displayMode=='RICH')
		{
		idContent.ondrop='';
		idContent.ondragenter = 'window.event.returnValue=false'; 
		idContent.ondragover = 'window.event.returnValue=false';
		idContent.innerText = idContent.innerHTML
		displayMode = 'HTML';
		idToolbar.style.display = "none";		
		} 
	}		
</script>
```

Nu försöker jag få så att när man växlar till kodvyn så ska det inte gå att dra något till idContentlagret.

Varför funkar inte min kod?

Permalänk: https://www.webforum.nu/p/986573

## #11 — sabbacus, 2003-03-24T14:27Z

Hmm... Funkar inte i Phoenix (Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4a) Gecko/20030320 Phoenix/0.5)

Är det ngn IE-specifik funktion eller är det bara kodat för IE?

Permalänk: https://www.webforum.nu/p/989800

## #12 — Addeladde, 2003-03-24T14:33Z

Det är bara kodat för IE. Koden ovanför innehåller ju inte all kod bara själva koden för att inte kunna dra bilden när rutan har displaymode html.

Permalänk: https://www.webforum.nu/p/989802

## #13 — Peter S, 2003-03-24T15:19Z

Jag lägger upp ett till exempel   ;) 

<http://member.webforum.nu/Peter%20S/drag_and_drop.html>

 :)

Permalänk: https://www.webforum.nu/p/989840

---

Tråden på webben: https://www.webforum.nu/amne/javascript/71938-dra-bild-funktion-för-hela-dokumentet