KOD AMBARIM - Nesne Küçült-Büyüt-Taşı

Nesne Küçült-Büyüt-Taşı

NESNE TAŞI-BÜYÜLT-KÜÇÜLT

<HTML>
<HEAD>
<TITLE>Nesneleri, büyültme, küçültme, taşıma</TITLE>
</HEAD>
<BODY bgcolor="#0000f8">
<style>
.drag{position:relative;cursor:hand}
</style>
<SCRIPT>
var dragdurumu=false
var z,x,y
var SONHAR=""
function BUYUK(){
if (SONHAR=="") {alert("Büyültülecek nesneyi seçiniz...!")}
if (SONHAR=="HAR1") {HAR.HAR1.width=HAR.HAR1.width+(HAR.HAR1.width*10/100)}
if (SONHAR=="HAR2") {HAR.HAR2.width=HAR.HAR2.width+(HAR.HAR2.width*10/100)}
}
function KUCUK(){
if (SONHAR=="") {alert("Küçültülecek nesneyi seçiniz...!")}
if (SONHAR=="HAR1") {HAR.HAR1.width=HAR.HAR1.width-(HAR.HAR1.width*10/100)}
if (SONHAR=="HAR2") {HAR.HAR2.width=HAR.HAR2.width-(HAR.HAR2.width*10/100)}
}
function move(){
if (event.button==1&&dragdurumu){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
Return
if (event.srcElement.className=="drag"){
dragdurumu=true
if (event.srcElement.name=="HAR1") {SONHAR=event.srcElement.name}
if (event.srcElement.name=="HAR2") {SONHAR=event.srcElement.name}
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragdurumu=false")
</SCRIPT>
<font color="#ffff00"><b>
<FORM NAME="HAR">
<INPUT NAME="BUYUKB" TYPE="BUTTON" VALUE="Büyük" class="drag" onclick=BUYUK()>
Mouse yardımıyla nesnelerin yerini değiştirebilirsiniz.
<INPUT NAME="KUCUKB" TYPE="BUTTON" VALUE="Küçük" class="drag" onclick=KUCUK()><BR>
<IMG SRC="image1.gif" _fcksavedurl="image1.gif" NAME="HAR1" class="drag">
<IMG SRC="image2.gif" _fcksavedurl="image2.gif" NAME="HAR2" class="drag"><BR>
</FORM>
</BODY>
</HTML>