| | |
| Stránka: 1 z 1
| [ Príspevkov: 2 ] | |
Autor | Správa |
---|
Registrovaný: 20.03.08 Prihlásený: 08.03.17 Príspevky: 596 Témy: 149 Bydlisko: Houston, Texas | Napísal Unlink: 24.10.2009 11:33 | |
|
ahojte, chcel by som dosiahnuť div na stránke ktorý sa bude môcť pomocou myše presúvať, našiel som nejaký takýto kód
Kód: var dragObject = null; var mouseOffset = null; function makeDraggable(item) { if(!item) return; item.onmousedown = function(ev) { dragObject = this; mouseOffset = getMouseOffset(this, ev); return false; } } function getMouseOffset(target, ev) { ev = ev || window.event; var docPos = getPosition(target); var mousePos = mouseCoords(ev); return { x:mousePos.x - docPos.x, y:mousePos.y - docPos.y }; } function mouseCoords(ev) { if (ev.pageX || ev.pageY) { return { x:ev.pageX, y:ev.pageY }; } return { x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, y:ev.clientY + document.body.scrollTop - document.body.clientTop }; } function getPosition(e){ var left = 0; var top = 0; while (e.offsetParent) { left += e.offsetLeft; top += e.offsetTop; e = e.offsetParent; } left += e.offsetLeft; top += e.offsetTop; return {x:left, y:top}; } function mouseMove(ev) { ev = ev || window.event; var mousePos = mouseCoords(ev); if (dragObject) { dragObject.style.position = 'absolute'; dragObject.style.top = mousePos.y - mouseOffset.y+"px"; dragObject.style.left = mousePos.x - mouseOffset.x+"px"; return false; } } function mouseUp() { dragObject = null; } document.onmousemove = mouseMove; document.onmouseup = mouseUp; tmp = makeDraggable(document.getElementById('divkoid'));
len problém je, že ak do toho dinu dám formulár, tak sa don nebude dat písať,
nechcem použiť framework, ale dosiahnuť to klasickým JS
Ďakujem
|
|
Registrovaný: 20.10.09 Prihlásený: 23.11.09 Príspevky: 11 Témy: 4 |
Najprv som skusal DIV aj SPAN .
Islo to, ale ja som tam chcel pridat aj x na zatvorenie okna
Vyriesil som to takto:
Kód: var fwindows = new Array(undefined); var draging = false; function DrawFW(id, title, content){ document.write("<TABLE name='",id,"' id='",id,"' class='fwinactive' onmousedown='asign(this); activate(this); draging = true;' "); document.write("onmouseup='asign(this); draging = false;' onmouseout='asign(this); draging = false;' onmousemove='drag(this, event);' >"); document.write("<TR><TD><input readonly='readonly' class='fwtop' value='",title,"' size='18' /> "); document.write("<input readonly='readonly' class='fwtop' value='x' size='1' onclick='",id,".style.display=\"none\"'/>"); document.write("</TD></TR><TR><TD>",content,</TD></TR></TABLE>"); } function asign(obj){ fwindows[fwindows.length] = obj; } function activate(obj){ fwindows[0] = obj; for(var i in fwindows){ fwindows[i].className = "fwinactive"; } fwindows[0].className = "fwactive"; } function drag(obj, e){ if(draging){ obj.style.left = e.x - 80; obj.style.top = e.y - 10; } } DrawFW("wnd1", "nazov okna", "<FORM> najaky popis: <BR /> <input type='text'><BR /><BR /><input type='submit'></FORM><br />lepsie to neviem, ale mne to funguje :)");
|
|
| Stránka: 1 z 1
| [ Príspevkov: 2 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Ako prinútiť jeden div, aby sa ovládal cez druhý div v JavaScript, VBScript, Ajax | 14 | 624 | 22.04.2014 9:45 Mego | | Ako roztiahnuť div na celú obrazovku v HTML, XHTML, XML, CSS | 5 | 939 | 30.05.2017 13:29 killer | | Ako prekryť priehľadným divom iný div v HTML, XHTML, XML, CSS | 1 | 785 | 16.01.2012 21:12 Zoly | | Ako spojiť vačší počet DIV-ou v HTML, XHTML, XML, CSS | 4 | 560 | 09.07.2011 11:57 devil669 | | Ako spustiť animáciu až vtedy, keď scrollnem na daný <div>? v JavaScript, VBScript, Ajax | 2 | 587 | 02.12.2016 17:50 Lessik | | Ako dostat okno z druheho monitora nazad ked ho nemam? v Operačné systémy Microsoft | 1 | 349 | 17.11.2010 21:58 OmeGa | | Keď hrám hru tak sa mi okno visvieti ako nepoužívane. v Notebooky a netbooky | 12 | 435 | 19.06.2015 16:42 walther | | načo slúžia tagy <div id="all"> a <div v HTML, XHTML, XML, CSS | 3 | 1003 | 06.10.2008 17:50 neutronmind | | Ako "vyzdvihnúť" jeden div nad druhý v HTML, XHTML, XML, CSS | 2 | 505 | 13.05.2017 15:53 GamerSK | | div v HTML, XHTML, XML, CSS | 4 | 845 | 01.08.2008 15:12 m4r14n | | Čudný div v HTML, XHTML, XML, CSS | 4 | 513 | 13.03.2010 18:45 neXor | | Ukonceny div v HTML, XHTML, XML, CSS | 7 | 573 | 02.09.2010 13:35 emer | | Fixed Div v HTML, XHTML, XML, CSS | 2 | 412 | 09.04.2010 16:17 riki137 | | Refresh DIV v JavaScript, VBScript, Ajax | 2 | 438 | 19.03.2011 13:15 Bokos | | Zatvaratelný div v HTML, XHTML, XML, CSS | 4 | 445 | 02.11.2008 14:33 Unlink | | flexibilny div v HTML, XHTML, XML, CSS | 7 | 488 | 24.04.2009 0:01 DeiDaro |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|