اين پنجره ها كه توي صفحه مياد وقابل جابجايي هست رو چه جوري ميشه ساخت.
مثل سايت زير
کد:http://iransafehost.com/
اين پنجره ها كه توي صفحه مياد وقابل جابجايي هست رو چه جوري ميشه ساخت.
مثل سايت زير
کد:http://iransafehost.com/
نمونه ی پیشرفته تر:
کد:http://www.captain.at/howto-ajax-browser-operating-system.php
منظور من اين نيست!!!نقل قول:
نمونه ی پیشرفته تر:
کد:
.کد:http://www.captain.at/howto-ajax-browser-operating-system
با Js
همون صفحه رو با نرم افزارایی مثل دریم ویوور یا فرانت پیج یا اکسپرژن وب باز کن ، کدهای اضافی رو حذف کن ، آخرش هر چی موند رو استفاده کن.
ajax windows رو در گوگل سرچ کننقل قول:
دوست عزیز این کدو خودم نوشتم
سرم خیلی شلوغه
شاید کد خیلی بیش از حد ساده است اما اگر یه کم وقت بزاری می تونی کامل ترش بکنی
[html]
<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>
[/html]
اینم کد حرفه ای!
خودم نوشتم! امیدوارم به دردت بخوره!
[html]
<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=((eve nt.clientX-x).toString())+"px";
document.getElementById("layer1").style.top=((even t.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! &nb sp;
<a href="javascript:close();">[*]</a></div>
</body>
<!-- Written By Navid Hosseini -->
</html>
[/html]
خيلي متشكر:46:
________________
صدمين پست
خواهش می کنم قابلی نداشت اگر باز هم در زمینه جاوا اسکریپت و DHTML مشکلی داشتی در خدمتم!:40:نقل قول: