Podstrony
- telcocafe
- [CSS/JavaScript] zmiana klas CSS przez JavaScript
- [JS/PHP] Wykrycie czy plik php jest otwierany bezpośrednio czy przez skrypt JS
- [php]php lib gadu czyli gg przez skrypt php
- Linkowanie w google Odnajdywanie stron przez google
- mambo nie wysyła nie wysyła mi maili przez smtp
- [JS, HTML] Ustawienie tytułu przez JS
- [mysql] jak polaczyc sie z baza mysql przez wiersz polecen?
- Skrypt jakiegoś pseudo krakera. Dostałem adres przez gadu gadu.
- [php] Błąd w zapytaniu do bazy przez php, w phpMyadmin działa
- Premiera PHP 5.1 Kiedy?
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- kudrzwi.htw.pl
telcocafe
załóżmy, że zrobię div o szerokości 100x100px. W środku bedzie tekst, obrazy itp.co zrobić, żeby użytkownik mógł na niego kilknąć i jak "okienko" orzenieść w inne miejsce strony? Widziałem gdzieś coś takiego. Klika się na element i przenosi się go na dowolne miejsce na stronie.
To chyba we flashu albo Javie musiało być, ale mogę być w błędzie. Jak jestem, to przepraszam ;)
Użytkownik szyma2 edytował ten post 23 luty 2006, 16:12
no, to chyba w blędzie jesteś B)
ee///edit:
no chyba masz ravcję jednak, ale jak to zrobic we falashu?
Użytkownik dgf45 edytował ten post 23 luty 2006, 13:59
Można to napisać w Javascript. Oto kod, który znalazłem w Strefie WWW:
Ten kod wklejasz do sekcji HEAD:
<script language="Javascript1.2"> // Script Source: CodeLifter.com // Copyright 2003 // Do not remove this header isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; isHot=false; function ddInit(e){ topDog=isIE ? "BODY" : "HTML"; whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer"); hotDog=isIE ? event.srcElement : e.target; while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){ hotDog=isIE ? hotDog.parentElement : hotDog.parentNode; } if (hotDog.id=="titleBar"){ offsetx=isIE ? event.clientX : e.clientX; offsety=isIE ? event.clientY : e.clientY; nowX=parseInt(whichDog.style.left); nowY=parseInt(whichDog.style.top); ddEnabled=true; document.onmousemove=dd; } } function dd(e){ if (!ddEnabled) return; whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety; return false; } function ddN4(whatDog){ if (!isN4) return; N4=eval(whatDog); N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP); N4.onmousedown=function(e){ N4.captureEvents(Event.MOUSEMOVE); N4x=e.x; N4y=e.y; } N4.onmousemove=function(e){ if (isHot){ N4.moveBy(e.x-N4x,e.y-N4y); return false; } } N4.onmouseup=function(){ N4.releaseEvents(Event.MOUSEMOVE); } } function hideMe(){ if (isIE||isNN) whichDog.style.visibility="hidden"; else if (isN4) document.theLayer.visibility="hide"; } function showMe(){ if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } document.onmousedown=ddInit; document.onmouseup=Function("ddEnabled=false"); </script>To zaś wklejasz najlepiej bezpośrednio po znaczniku BODY, a potem modyfikujesz wedle własnych potrzeb:<!-- BEGIN FLOATING LAYER CODE //--> <div id="theLayer" style="position:absolute;width:250px;left:100;top:100;visibility:visible"> <table border="0" width="250" bgcolor="#424242" cellspacing="0" cellpadding="5"> <tr> <td width="100%"> <table border="0" width="100%" cellspacing="0" cellpadding="0" height="36"> <tr> <td id="titleBar" style="cursor:move" width="100%"> <ilayer width="100%" onselectStart="return false"> <layer width="100%" onmouseover="isHot=true;if (isN4) ddN4(theLayer)" onmouseout="isHot=false"> <font face="Arial" color="#FFFFFF">Elton John - Tiny Dancer</font> </layer> </ilayer> </td> <td style="cursor:hand" valign="top"> <a href="#" onclick="hideMe();return false"><font color=#ffffff size=2 face=arial style="text-decoration:none">X</font></a> </td> </tr> <tr> <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2"> <!-- PLACE YOUR CONTENT HERE //--> Blue jean baby, L.A lady<br> seamstress for the band<br> Pretty eyed, pirate smile<br> you married a music man... <!-- END OF CONTENT AREA //--> </td> </tr> </table> </td> </tr> </table> </div> <!-- END FLOATING LAYER CODE //--> Do obsługi "okienka" przydać mogą się jeszcze te dwa polecenia:<a href="javascript:showMe();">pokaż</a> <a href="javascript:hideMe();">ukryj</a>
Użytkownik mmatheww edytował ten post 23 luty 2006, 14:52
http://www.dynamicdr...mdrag/index.htm