Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 2 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
div ako pohybujúce okno

Registrovaný: 20.03.08
Prihlásený: 08.03.17
Príspevky: 596
Témy: 149
Bydlisko: Houston, Texas
Príspevok NapísalOffline : 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


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 20.10.09
Prihlásený: 23.11.09
Príspevky: 11
Témy: 4
Príspevok NapísalOffline : 26.10.2009 9:06

Najprv som skusal DIV aj SPAN :hacker:.
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' />&nbsp;");
        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 :)");


Odpovedať na tému [ Príspevkov: 2 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. Ako prinútiť jeden div, aby sa ovládal cez druhý div

v JavaScript, VBScript, Ajax

14

624

22.04.2014 9:45

Mego Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako roztiahnuť div na celú obrazovku

v HTML, XHTML, XML, CSS

5

939

30.05.2017 13:29

killer Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako prekryť priehľadným divom iný div

v HTML, XHTML, XML, CSS

1

785

16.01.2012 21:12

Zoly Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako spojiť vačší počet DIV-ou

v HTML, XHTML, XML, CSS

4

560

09.07.2011 11:57

devil669 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako spustiť animáciu až vtedy, keď scrollnem na daný <div>?

v JavaScript, VBScript, Ajax

2

587

02.12.2016 17:50

Lessik Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako dostat okno z druheho monitora nazad ked ho nemam?

v Operačné systémy Microsoft

1

349

17.11.2010 21:58

OmeGa Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Keď hrám hru tak sa mi okno visvieti ako nepoužívane.

v Notebooky a netbooky

12

435

19.06.2015 16:42

walther Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. načo slúžia tagy <div id="all"> a <div

v HTML, XHTML, XML, CSS

3

1003

06.10.2008 17:50

neutronmind Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako "vyzdvihnúť" jeden div nad druhý

v HTML, XHTML, XML, CSS

2

505

13.05.2017 15:53

GamerSK Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. div

v HTML, XHTML, XML, CSS

4

845

01.08.2008 15:12

m4r14n Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Čudný div

v HTML, XHTML, XML, CSS

4

513

13.03.2010 18:45

neXor Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ukonceny div

v HTML, XHTML, XML, CSS

7

573

02.09.2010 13:35

emer Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Fixed Div

v HTML, XHTML, XML, CSS

2

412

09.04.2010 16:17

riki137 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Refresh DIV

v JavaScript, VBScript, Ajax

2

438

19.03.2011 13:15

Bokos Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Zatvaratelný div

v HTML, XHTML, XML, CSS

4

445

02.11.2008 14:33

Unlink Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. flexibilny div

v HTML, XHTML, XML, CSS

7

488

24.04.2009 0:01

DeiDaro Zobrazenie posledných príspevkov


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

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra