 Okienko takie jak w środowiskach graficznych na stronie www... |
| Okienko takie jak w środowiskach graficznych na stronie www... |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 1 333 Pomógł: 137 Dołączył: 25.03.2008 Skąd: jesteś?? Ostrzeżenie: (0%) 
 |
Wiem że któryś z użytkowników forum kiedyś pisał okienka ale ich nie mogę znaleźć. To co znalazłem na sieci miało zakodowany kod js, a jak chciałbym coś podobnego umieścić na swoje stronie i przy okazji nauczyć się pisać kod odpowiadający za nie.
Jeśli ktoś mógł by podać jakiś prosty kod był bym wdzięczny. |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 2 350 Pomógł: 512 Dołączył: 4.01.2009 Skąd: Wrocław / Świdnica Ostrzeżenie: (0%)
|
To zwykły drag&drop z pewnym 'dodatkiem' jakim jest ramka za którą można przeciągać div-a - kilka linijek kodu - kiedyś pisałem(na podstawie innego kodu) własny skrypt, którego jak zwykle nie dokończyłem, ale akurat tamto zrobiłem: zaraz go poprawię i przedstawię tutaj (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
--edit-- No i już - możliwe, że trochę zbędnego kodu by się znalazło, jakieś błędy i te sprawy, ale działa pod FF3 - w innych nie testowałem, gdyż jak pisałem był to skrypt niedokończony - teraz wywaliłem kilkanaście opcji, żeby to było lekkie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) - jak czegoś Ci brakuje to napisz to dopisze może (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) : Kod <html>
<head> <script> function dnd(obj,handle){ function init(){ handle.onmousedown = function(e){ dragDrop(obj,e); } obj.onselectstart = function(){return false;}; obj.unselectable = "on"; obj.style.MozUserSelect = "none"; } function dragDrop(o,e,x,y){ e = e || e.event; if(document.last) document.last.style.zIndex = 1; with(document.last = o){ e = e || e.event; o.style.zIndex = 10; x = ~~(e.layerX || e.offsetX); y = ~~(e.layerY || e.offsetY); } document.onmousemove = function(e){ e = e || e.event; document.last.style.left = e.clientX - x; document.last.style.top = e.clientY - y; return false; } document.onmouseup = function(){ this.onmousemove = null; } } init(); } window.onload = function(){ dnd(document.getElementById('test1'),document.getElementById('handle1')); dnd(document.getElementById('test2'),document.getElementById('handle2')); } </script> <style> div{ position: absolute; width: 100px; height: 100px; border: 1px solid black;} #handle1,#handle2 { text-align: center; width: 80%; height: 30px; top: 5%; left: 10%; background-color: white;} </style> </head> <body> <div id="test1" style="left: 100px; top:100px; background-color: brown;"><div id="handle1">Handle</div</div> <div id="test2" style="left: 300px; top:300px; background-color: red;"><div id="handle2">Handle</div></div> </body> </html> Ten post edytował kamil4u 13.05.2009, 13:51:53 |
|
|
|
ShadowD Okienko takie jak w środowiskach graficznych na stronie www... 12.05.2009, 19:21:15 
ShadowD Tak wiem że są, ale nie potrafię ich znaleźć jedyn... 12.05.2009, 20:42:55 ShadowD Tak oglądałem ten skrypt jednak jest on ogromny i ... 12.05.2009, 20:52:45 nieraczek Ściągnij jQuery, będziesz mógł robić dialogboxy: h... 12.05.2009, 21:01:13 ShadowD Okienko jest super, tylko czas ładowania strony wz... 12.05.2009, 21:57:29 ShadowD A więc:
- pod ie nie działa (i nie wiem jak to nap... 13.05.2009, 13:59:03 kamil4u W IE nie działa bo to badziew - a tak na serio to... 13.05.2009, 14:17:26 ShadowD Skacze gdy:
- Klikam na kwadrat - wszystko jest o... 13.05.2009, 15:14:59 kamil4u Rzeczywiście masz rację - to dobry kod:
Kod docume... 13.05.2009, 15:29:50 pejott Jest też takie cuś, http://mintajax.pl/Przewodnik/... 13.05.2009, 15:50:05 ShadowD Pomogło w przypadku skakania okna ale w ie nadal n... 13.05.2009, 15:56:00 kamil4u Cytattwój kod bardzo mi się podoba. ;]
Ciesz... 13.05.2009, 16:05:52 
SzamanGN Słyszałeś o HTML Application - dokument HTML jako ... 13.05.2009, 19:56:27  |
|
Aktualny czas: 5.10.2025 - 06:23 |
