adam291086 Posted December 19, 2007 Share Posted December 19, 2007 How does this site work. I am looking to create something like this. http://www.redbridge.gov.uk/ Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/ Share on other sites More sharing options...
beansandsausages Posted December 19, 2007 Share Posted December 19, 2007 its made in javascript drag and drop haha but you knew that. i tried sum it like that be for. i did have a sample for you but deleted it as i posted it clicked delete and im not typing it out again ha. Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/#findComment-418361 Share on other sites More sharing options...
adam291086 Posted December 19, 2007 Author Share Posted December 19, 2007 oh burnside that would og been so helpful. If you feel the erge to type let me know. I dont know alot of java. So a simple example would be very helpful Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/#findComment-418367 Share on other sites More sharing options...
beansandsausages Posted December 19, 2007 Share Posted December 19, 2007 <head> <style> <!-- .dragme{position:relative;} --> </style> <script language="JavaScript1.2"> <!-- var ie=document.all; var nn6=document.getElementById&&!document.all; var isdrag=false; var x,y; var dobj; function movemouse(e) { if (isdrag) { dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; 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); ty = parseInt(dobj.style.top+0); x = nn6 ? e.clientX : event.clientX; y = nn6 ? e.clientY : event.clientY; document.onmousemove=movemouse; return false; } } document.onmousedown=selectmouse; document.onmouseup=new Function("isdrag=false"); //--> </script> </head> <input type="button" value="Move Me" class="dragme"> <br /> <input type="button" value="Move Me" class="dragme"> <br /> thats what i am working on. i just want it now so when the user moves a box it stays in the possition they moved if you work that out let me know. Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/#findComment-418376 Share on other sites More sharing options...
adam291086 Posted December 19, 2007 Author Share Posted December 19, 2007 ok i will keep you posted. Although i am not a java man Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/#findComment-418381 Share on other sites More sharing options...
beansandsausages Posted December 19, 2007 Share Posted December 19, 2007 did that work and is that what you wanted? i mean easy enuff to edit the code Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/#findComment-418382 Share on other sites More sharing options...
adam291086 Posted December 19, 2007 Author Share Posted December 19, 2007 yeah it work well. Just trying to understand it. Surly to keep it in postion you will need to edit the dragme{position:releative} to = the mouse co ordinates. Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/#findComment-418384 Share on other sites More sharing options...
beansandsausages Posted December 19, 2007 Share Posted December 19, 2007 tried and it doesnt move the boxes at all. Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/#findComment-418387 Share on other sites More sharing options...
beansandsausages Posted December 19, 2007 Share Posted December 19, 2007 any one got any ideas?? im compleatly stuck. Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/#findComment-418413 Share on other sites More sharing options...
adam291086 Posted December 19, 2007 Author Share Posted December 19, 2007 do you mean when the user navigates away and returns the boxes are still in the same place? Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/#findComment-418415 Share on other sites More sharing options...
beansandsausages Posted December 19, 2007 Share Posted December 19, 2007 Yeah what i want is say like user moves the boxes like so. Box 1 Box 3 Box 2 When he returns to the page the boxer are still set like : Box 1 Box 3 Box 2 And not back to normal Box1 2 3 i have tried all sorts even re wrote the script i just cant seem to get them to stay in the same place. Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/#findComment-418418 Share on other sites More sharing options...
adam291086 Posted December 19, 2007 Author Share Posted December 19, 2007 i dont think it is possible. This is because you are calling on the style sheet every time. Unless there is away to turn the postion into px. Then you could chage the style sheet accordingly. Thus keeping the postion. No idea how though Link to comment https://forums.phpfreaks.com/topic/82301-how-would-i-go-about-creating-this/#findComment-418419 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.