xxmushahxx
Star
[M:0:120:]
Hullo. :)[D3v:Sprogog]
Posts: 55
|
Post by xxmushahxx on Apr 20, 2011 8:39:57 GMT -8
Ok... So im gonna try and make a builder. Ive NEVER done this before, so dont expect anything much more than an utter fail. Im going to be making it a drag and drop format with Javascript. Is this going to be compatable with LHS? I mean, its a Webs based site, and I have no idea if Webs allows Javascript or not? If it doesnt work... Ahh well. It will still be a good learning experience. ^^' Im gonna be using elouai.com/javascript-drag-and-drop.php < That as my starting point. Its gonna be primitive, but it doesnt have to be premium content or anything, its just a 'have a go' test to see if I can manage it, and who knows, it might even be good enough to actually put on the site. Let me know what you think?
|
|
|
Post by Flame on Apr 20, 2011 8:53:02 GMT -8
That sounds cool! I don't know what Drea's using to the current builders, but i think it's something like that.
|
|
xxmushahxx
Star
[M:0:120:]
Hullo. :)[D3v:Sprogog]
Posts: 55
|
Post by xxmushahxx on Apr 20, 2011 11:09:29 GMT -8
Ive got most of it done. To test it out, copy the below code into the website www.draac.com/javatester.html and press Test. <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>
<br><table border="1"> <td>Ears:</td><td rowspan="5"><img src=http://img846.imageshack.us/img846/2639/baseted.png></td><td>Noses:</td><td>Mouths:</td> <tr> <td><img src=http://img706.imageshack.us/img706/4012/pigears.png class="dragme"></td><td><center><img src=http://img189.imageshack.us/img189/4233/blacknose.png class="dragme"</td><td><center><img src=http://img845.imageshack.us/img845/7956/sadmouth.png class="dragme"></td> <tr> <td><img src=http://img845.imageshack.us/img845/1663/catears.png class="dragme"></td><td><center><img src=http://img153.imageshack.us/img153/7263/pignose.png class="dragme"></td><td><center><img src=http://img508.imageshack.us/img508/1827/catmouth.png class="dragme"></td> <tr> <td><img src=http://img196.imageshack.us/img196/1733/bearears.png class="dragme"></td><td><center><img src=http://img706.imageshack.us/img706/9697/bearnose.png class="dragme"></td><td><center><img src=http://img580.imageshack.us/img580/251/straightmouth.png class="dragme"></td> <tr> <td><img src=http://img196.imageshack.us/img196/6600/rabbitears.png class="dragme"></td><td><center><img src=http://img52.imageshack.us/img52/6230/rabbitcatnose.png class="dragme"></td><td><center><img src=http://img715.imageshack.us/img715/502/happymouth.png class="dragme"></td>
|
|
Romany
Nebula
[M:0:64:]
Romdawg
Posts: 29
|
Post by Romany on Apr 22, 2011 19:16:29 GMT -8
|
|
|
Post by gabzo95 on Apr 23, 2011 17:08:53 GMT -8
When done don't forget to contribute it.
|
|
|
Post by Flame on Apr 24, 2011 10:49:15 GMT -8
Soo cute ^^
|
|