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

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
Alt 03 Kasım 2014, 07:58   #1
Çevrimiçi
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
IF Ticaret Sayısı: (0)
IF Ticaret Yüzdesi:(%)
sürükle bırak div yapmak draggable




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> 


__________________
Bu kez pek bir afili yalnızlık, ağlatan bir kadın kadar düşman. Ağzı bozuk üstelik bırakmıyor acıtmadan.
 
Alıntı ile Cevapla

IRCForumlari.NET Reklamlar
sohbet odaları sohbet odaları Benimmekan Mobil Sohbet
Cevapla

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


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
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