Tekil Mesaj gösterimi - Böyle birşey mümkün mü ?

Konu Böyle birşey mümkün mü ?

01-08-2010, 21:17:55

#15

sefakdas

En son olarak bu hale getirdim. Fakat internet explorerda butonu en alta yerleştiremedim. Ve Div in saydamlıgını ayarlıyamadım. Yardımcı olabilirmisiniz?

"Butonları öylesine koydum test amaclı, yapmak istedigim bu degil tam olarak"

Alıntı

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style>
#gDiv { right:0px; margin-top:0px; position:fixed;bottom:40px;}
#gMsj { width: 450px; background-color: #000000; opacity: 0.6; filter: alpha(opacity=60); margin-left:270; float:center; display:none; position:absolute;}
#sag { float:right; }
</style>
<style type="text/css">

.drag{
position:relative;
cursor:hand;
z-index: 100;
}

</style>

<div id="gDiv"><a href="#" id="gBtn"><img id="sag" src="http://www.seniseviforum.com/images/seviforum/misc/usercp_icons/picture_add.gif" border="0"/></a></div>
<div id="gMsj" class="drag">
<a href="#" id="kapat">
<img id="sag" src="http://www.clker.com/cliparts/0/7/e/a/12074327311562940906milker_X_icon.svg.thumb.png" width="15" height="15" border="0"/>
</a>
<img src="http://img1.loadtr.com/b-429977-Ramazan_Ay%C4%B1_Cami_Resimleri.jpg"/>
</div>
<script type="text/javascript">
$("#gBtn").click(function(){
$('#gDiv').fadeOut('slow', function() {
$("#gMsj").fadeIn("slow");

});
});
</script>
<script type="text/javascript">
$('#kapat').click(function() {

$('#gDiv').fadeIn('slow', function() {
$("#gMsj").fadeOut("slow");
});
});
</script>

<script type="text/javascript">

/***********************************************
*Taşınabilir cisimler milon4
***********************************************/

var dragobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
initialize:function(){
document.onmousedown=this.drag
document.onmouseup=function(){this.dragapproved=0}
},
drag:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="drag"){
this.dragapproved=1
if (isNaN(parseInt(this.targetobj.style.left))){this. targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.t argetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=dragobject.moveit
}
},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.dragapproved==1){
this.targetobj.style.left=this.offsetx+evtobj.clie ntX-this.x+"px"
this.targetobj.style.top=this.offsety+evtobj.clien tY-this.y+"px"
return false
}
}
}

dragobject.initialize()

</script>