How to access urls of images and xy coordinates from the DOM. dragging related also pure js please -

-

how access urls of images , xy coordinates dom.

i have div multiple image gifs in it.

the gifs represent electronic components on stripboard or protoboard. img gifs generated using code.

function creatediv(img)//img here original code creating new divs  { alert(divnumber);//an incrementing or decrementing image array position counter {  var divtag = document.createelement("img");      divtag.id ='part'+divnumber;     imagearray[divnumber+1]=200;//arbitrary inital x placement     imagearray[divnumber+2]=200;//arbitrary initial y placment       divtag.classname ="dragme";      divtag.src = imagearray[divnumber];//gif;//imagearray[i];      document.body.appendchild(divtag);         }     divnumber=divnumber+3;//offset between gif url in image array  }

the gifs draggable using code. don't understand drag code simplest find , make work.

//<script language="javascript1.2"> <!--  var ie=document.all;//if using explorer var nn6=document.getelementbyid&&!document.all;//if using netscape  var isdrag=false;//are dragging?? var x,y; var dobj;//drag object  function movemouse(e) {    if (isdrag) //if drag istrue   {     dobj.style.left = nn6 ? tx + e.clientx - x : tx + event.clientx - x;     //alert(dobj.style.left);     dobj.style.top  = nn6 ? ty + e.clienty - y : ty + event.clienty - y;     return false;   } }  function selectmouse(e)  {   var fobj       = nn6 ? e.target : event.srcelement;   var topelement = nn6 ? "html" : "body";    while (fobj.tagname != topelement && fobj.classname != "dragme")   {     fobj = nn6 ? fobj.parentnode : fobj.parentelement;   }    if (fobj.classname=="dragme")   {     isdrag = true;     dobj = fobj;     tx = parseint(dobj.style.left+0);     //alert(tx);     ty = parseint(dobj.style.top+0);     x = nn6 ? e.clientx : event.clientx;     //alert(x +'   "=y);     y = nn6 ? e.clienty : event.clienty;     document.onmousemove=movemouse;     return false;   } }  document.onmousedown=selectmouse;//go selectmouse when mouse down in document document.onmouseup=new function("isdrag=false");  //-->

i need put gifs , x y coordinates array can save html5 local storage. can save array , recall ok. need fill array urls , xy coords of draggable items. can't figure how info either dragging code or dom. think can info dom image list still cant speeds on dom details.

can tell me how identify gif url , xy coordinates either drag code or dom.
last hurdle before can comnplete prrogram. many thanks. cut , paste , hacking found scripts in programming level. oh!! 70 , not homework problem!! marke last help. timathis

after further thought can dig xy's out of drag code how can determine gif being dragged?

ok can objects id ...alert(dobj.id) should able use other info immage array info need.

    if (fobj.classname=="dragme")       {         isdrag = true;         dobj = fobj;      alert(dobj.id);         tx = parseint(dobj.style.left+0);         //alert(tx);         ty = parseint(dobj.style.top+0);         x = nn6 ? e.clientx : event.clientx;         //alert(x +'   "=y);         y = nn6 ? e.clienty : event.clienty;         document.onmousemove=movemouse;         return false;       }     }

Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more