Dra bild funktion för hela dokumentet

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?

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

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

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

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

window.onload = foo;

//-->
</script>

:)

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"

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

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

:)

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

Jag lägger upp ett exempel:

http://member.webforum.nu/Peter S/drag_and_drop.html

:)

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

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

ondrop="alert('Fy!')"

:)

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?

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?

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.

Jag lägger upp ett till exempel ;)

http://member.webforum.nu/Peter S/drag_and_drop.html

:)