IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası
  kral sohbet




Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
Alt 03 Kasım 2014, 07:58   #1
Çevrimdışı
sürükle bırak div yapmak draggable


sohbet


PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<HTML>
<
HEAD>
<
TITLE></TITLE>
<
style>
.
Text{
font-familyVerdana,Arial,Sans-serif,'Times New Roman';
font-size9pt;
font-weightnormal;
font-stylenormal;
color#666;
text-decorationnone;
}

.
alertsBoxTitle{
font-familyVerdana,Arial,Sans-serif,'Times New Roman';
font-size9pt;
font-weightbold;
font-stylenormal;
color#ffffff;
text-decorationnone;
}
.
alertsBox{
background#ECF1F9;
border1px #a1bcdf solid;
}
body{
overflow:hidden;
}
</
style><script language="javascript">
//browser detection
var agt=navigator.userAgent.toLowerCase();
var 
is_major parseInt(navigator.appVersion);
var 
is_minor parseFloat(navigator.appVersion);

var 
is_nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
&& (
agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
&& (
agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
var 
is_nav4 = (is_nav && (is_major == 4));
var 
is_nav6 = (is_nav && (is_major == 5));
var 
is_nav6up = (is_nav && (is_major >= 5));
var 
is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));

var 
dragapproved=false
var z,x,y
var maxleft,maxtop,maxright,maxbottom;

function 
setdragBounds(){
//you can set the bounds of the draggable area here
maxleft 10;
maxtop 10;
maxright document.body.clientWidth 10;
maxbottom document.body.clientHeight 100;
}

function 
move(e){
var 
tmpXpos = (!is_ie)? temp1+e.clientX-xtemp1+event.clientX-x;
var 
tmpYpos = (!is_ie)? temp2+e.clientY-temp2+event.clientY-y;
if (
dragapproved){
z.style.left tmpXpos;
z.style.top tmpYpos;

if(
tmpXpos maxleft)z.style.left maxleft;
if(
tmpXpos maxright)z.style.left maxright;

if(
tmpYpos maxtop)z.style.top maxtop;
if(
tmpYpos maxbottom)z.style.top maxbottom;
return 
false
}
}

function 
drags(e){
if (!(
is_ie)&&!(!is_ie))
return
var 
firedobj=(!is_ie)? e.target event.srcElement
var topelement=(!is_ie)? "HTML" "BODY"

while (firedobj.tagName!=topelement && firedobj.className!="drag" && firedobj.tagName!='SELECT' && firedobj.tagName!='TEXTAREA' && firedobj.tagName!='INPUT' && firedobj.tagName!='IMG'){
//you can add the elements that cannot be used for drag here. using their class name or id or tag names
firedobj=(!is_ie)? firedobj.parentNode firedobj.parentElement
}

if (
firedobj.className=="drag"){
dragapproved=true
z
=firedobj
var tmpheight z.style.height.split("px")
maxbottom = (tmpheight[0])?document.body.clientHeight tmpheight[0]:document.body.clientHeight 20;

temp1=parseInt(z.style.left+0)
temp2=parseInt(z.style.top+0)
x=(!is_ie)? e.clientXevent.clientX
y
=(!is_ie)? e.clientYevent.clientY
document
.onmousemove=move
return false
}
}
document.onmousedown=drags
document
.onmouseup=new Function("dragapproved=false")

</script>
</HEAD>

<BODY>
<div id="Dialog" style="width:316px;height:119px;max-width:316px;position:absolute;top:50px;left:140px; z-index:1000;" class="drag">
<table width="100%" style="width:315px;height:119px" cellspacing="0" cellpadding="0" class="alertsBox" id="dialog_table">
<tr style="cursor:move">
<td class="alertsBoxTitle notselectable" colspan="2" align="left" height="21" style="cursor:move;background-color:#32426F">Drag Me</td>
</tr>
<tr>
<td align="center" colspan="2" height="5"> </td>
</tr>
<tr>
<td align="center" colspan="2">
<table width="97%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign='top' align="center">
</td>
</tr>
<tr>
<td valign='top' colspan="2" class="Text">You can place text here</td>
</tr>
<tr>
<td valign='top' colspan="2" align="center"><br/><input type="button" value="Ok"/></td>
</tr>
</table></td>
</tr>
</table>
</div>
</BODY>
</HTML> 

PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<HTML>
<
HEAD>
<
TITLE></TITLE>
<
style>
.
Text{
font-familyVerdana,Arial,Sans-serif,'Times New Roman';
font-size9pt;
font-weightnormal;
font-stylenormal;
color#666;
text-decorationnone;
}

.
alertsBoxTitle{
font-familyVerdana,Arial,Sans-serif,'Times New Roman';
font-size9pt;
font-weightbold;
font-stylenormal;
color#ffffff;
text-decorationnone;
}
.
alertsBox{
background#ECF1F9;
border1px #a1bcdf solid;
}
body{
overflow:hidden;
}
</
style><script language="javascript">
//browser detection
var agt=navigator.userAgent.toLowerCase();
var 
is_major parseInt(navigator.appVersion);
var 
is_minor parseFloat(navigator.appVersion);

var 
is_nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
&& (
agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
&& (
agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
var 
is_nav4 = (is_nav && (is_major == 4));
var 
is_nav6 = (is_nav && (is_major == 5));
var 
is_nav6up = (is_nav && (is_major >= 5));
var 
is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));

var 
dragapproved=false
var z,x,y
var maxleft,maxtop,maxright,maxbottom;

function 
setdragBounds(){
//you can set the bounds of the draggable area here
maxleft 10;
maxtop 10;
maxright document.body.clientWidth 10;
maxbottom document.body.clientHeight 100;
}

function 
move(e){
var 
tmpXpos = (!is_ie)? temp1+e.clientX-xtemp1+event.clientX-x;
var 
tmpYpos = (!is_ie)? temp2+e.clientY-temp2+event.clientY-y;
if (
dragapproved){
z.style.left tmpXpos;
z.style.top tmpYpos;

if(
tmpXpos maxleft)z.style.left maxleft;
if(
tmpXpos maxright)z.style.left maxright;

if(
tmpYpos maxtop)z.style.top maxtop;
if(
tmpYpos maxbottom)z.style.top maxbottom;
return 
false
}
}

function 
drags(e){
if (!(
is_ie)&&!(!is_ie))
return
var 
firedobj=(!is_ie)? e.target event.srcElement
var topelement=(!is_ie)? "HTML" "BODY"

while (firedobj.tagName!=topelement && firedobj.className!="drag" && firedobj.tagName!='SELECT' && firedobj.tagName!='TEXTAREA' && firedobj.tagName!='INPUT' && firedobj.tagName!='IMG'){
//you can add the elements that cannot be used for drag here. using their class name or id or tag names
firedobj=(!is_ie)? firedobj.parentNode firedobj.parentElement
}

if (
firedobj.className=="drag"){
dragapproved=true
z
=firedobj
var tmpheight z.style.height.split("px")
maxbottom = (tmpheight[0])?document.body.clientHeight tmpheight[0]:document.body.clientHeight 20;

temp1=parseInt(z.style.left+0)
temp2=parseInt(z.style.top+0)
x=(!is_ie)? e.clientXevent.clientX
y
=(!is_ie)? e.clientYevent.clientY
document
.onmousemove=move
return false
}
}
document.onmousedown=drags
document
.onmouseup=new Function("dragapproved=false")

</script>
</HEAD>

<BODY>
<div id="Dialog" style="width:316px;height:119px;max-width:316px;position:absolute;top:50px;left:140px; z-index:1000;" class="drag">
<table width="100%" style="width:315px;height:119px" cellspacing="0" cellpadding="0" class="alertsBox" id="dialog_table">
<tr style="cursor:move">
<td class="alertsBoxTitle notselectable" colspan="2" align="left" height="21" style="cursor:move;background-color:#32426F">Drag Me</td>
</tr>
<tr>
<td align="center" colspan="2" height="5"> </td>
</tr>
<tr>
<td align="center" colspan="2">
<table width="97%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign='top' align="center">
</td>
</tr>
<tr>
<td valign='top' colspan="2" class="Text">You can place text here</td>
</tr>
<tr>
<td valign='top' colspan="2" align="center"><br/><input type="button" value="Ok"/></td>
</tr>
</table></td>
</tr>
</table>
</div>
</BODY>
</HTML> 

__________________
Ben seni severim aslında da düzenim bozulur diye korkuyorum.
Durduk yere başımıza saçma sapan bir aşk çıkar.
Sinemaya gitmeye ele ele tutuşmaya falan kalkarız.
İşin yoksa çiçek al,saç tara, parfüm sık.
  Alıntı ile Cevapla

IRCForumlari.NET Reklamlar
radyo44.com.tr
Cevapla

Etiketler
bırak, div, draggable, sürükle, yapmak

Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
Facebook'ta Sürükle-Bırak Zen Facebook Haberleri 0 24 Aralık 2012 17:03
Sürükle Bırak Cemalizim Visual Basic 0 21 Temmuz 2008 19:23