اين پنجره ها كه توي صفحه مياد وقابل جابجايي هست رو چه جوري ميشه ساخت

واضح آرشیو وب فارسی:سایت ریسک: View Full Version : اين پنجره ها كه توي صفحه مياد وقابل جابجايي هست رو چه جوري ميشه ساخت mashaheeer25-07-2007, 07:31 PMاين پنجره ها كه توي صفحه مياد وقابل جابجايي هست رو چه جوري ميشه ساخت. مثل سايت زير !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! Elfin-D26-07-2007, 10:26 AMنمونه ی پیشرفته تر: !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! mashaheeer26-07-2007, 03:07 PMنمونه ی پیشرفته تر: کد: !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!!. منظور من اين نيست!!! my friend26-07-2007, 05:45 PMبا Js همون صفحه رو با نرم افزارایی مثل دریم ویوور یا فرانت پیج یا اکسپرژن وب باز کن ، کدهای اضافی رو حذف کن ، آخرش هر چی موند رو استفاده کن. Elfin-D26-07-2007, 05:49 PMمنظور من اين نيست!!! ajax windows رو در گوگل سرچ کن navid_hosseini_6929-07-2007, 02:38 PMدوست عزیز این کدو خودم نوشتم سرم خیلی شلوغه شاید کد خیلی بیش از حد ساده است اما اگر یه کم وقت بزاری می تونی کامل ترش بکنی <html> <head> <title>virtual Window</title> <script> function f1(){ document.getElementById("layer1").style.left=event.clientX; document.getElementById("layer1").style.top=event.clientY; } function f2(){ document.getElementById("layer1").style.visibility="hidden"; } </script> </head> <body> <div ondrag="f1()" style="cursor:move;position: absolute; width: 150px; height: 140px; z-index: 1; background-color: #808000" id="layer1"> <p align="center"><font size="6" color="#FFFFFF"><a href="javascript:f2();"> </a></font><p align="center"> <font size="6" color="#FFFFFF">drag me!</font><p align="center"> </div> </body> </html> navid_hosseini_6929-07-2007, 08:13 PMاینم کد حرفه ای! خودم نوشتم! امیدوارم به دردت بخوره! <html> <head> <title>Moveble Window</title> <script> var i=0; var x,y; function close(){ document.getElementById("layer1").style.visibility="hidden"; } function init(){ if(i==0){ i=1; var xMouse=event.clientX; var yMouse=event.clientY; var xDiv=parseFloat(document.getElementById("layer1").style.left); var yDiv=parseFloat(document.getElementById("layer1").style.top); x=xMouse-xDiv; y=yMouse-yDiv; } else{ i=0;} } function move(){ if(i==1){ document.getElementById("layer1").style.left=((event.clientX-x).toString())+"px"; document.getElementById("layer1").style.top=((event.clientY-y).toString())+"px"; } } </script> </head> <body onmousemove="move()"> <div onclick="init()" style="cursor:move; position:relative; width: 190px; height: 178px; z-index: 1; background-color: #C0C0C0;left:200;top:100;" id="layer1"> click & move!                  <a href="javascript:close();"> </a></div> </body>  </html> mashaheeer29-07-2007, 10:30 PMخيلي متشكر:46: ________________ صدمين پست navid_hosseini_6930-07-2007, 10:23 AMخيلي متشكر:46: ________________ صدمين پست خواهش می کنم قابلی نداشت اگر باز هم در زمینه جاوا اسکریپت و DHTML مشکلی داشتی در خدمتم!:40: سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

این صفحه را در گوگل محبوب کنید

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 235]