webForumDet fria alternativet

Dra bild funktion för hela dokumentet

JavaScriptur Javascript

12 svar · 270 visningar · startad av Addeladde

Medlem sedan jan. 20013 406 inlägg
Frågan#1

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?

Medlem sedan jan. 20013 406 inlägg
#2

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

<script type="text/javascript">
<!--
document.img.ondrag = function(){
  window.close();
}
//-->
</script>
Medlem sedan dec. 20025 483 inlägg
#3
<script type="text/javascript">
<!--

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

window.onload = foo;

//-->
</script>

:)

Medlem sedan jan. 20013 406 inlägg
#4

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"

Medlem sedan dec. 20025 483 inlägg
Medlem sedan jan. 20013 406 inlägg
#6

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

Medlem sedan dec. 20025 483 inlägg
#7

Jag lägger upp ett exempel:

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

:)

Medlem sedan jan. 20013 406 inlägg
#8

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

Medlem sedan dec. 20025 483 inlägg
#9

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

ondrop="alert('Fy!')"

:)

Medlem sedan jan. 20013 406 inlägg
#10

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?

Medlem sedan juli 2002630 inlägg
#11

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?

Medlem sedan jan. 20013 406 inlägg
#12

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.

Medlem sedan dec. 20025 483 inlägg
#13

Jag lägger upp ett till exempel ;)

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

:)

141 ms totalt · 3 externa anrop · v20260731065814-full.b746b907
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
139 ms — hämta tråd, inlägg och bilagor (db)