JavaScript'te Div'i Move Etmek

muhendisce · 07.02.2004

bir yere (text, image, href, cell vs..) tıklanacak ve istenilen bir position'a yerleştirilmiş olan hidden div, visible olup istenilen yöne doğru, istenilen hızla kaymaya başlayacak, istenilen yere gelince de duracak.

olay bu. çok basit olduğunu biliyorum ama biraz daha deneyime ihtiyacım var. herhalde temel esaslarını verseniz yeterli olur, teşekkür ederim, ama "iki dakkalık iş" diyorsanız ayrıca bi teşekkür daha ederim.

saygılarımla,

biolight · 08.02.2004

Benim için o kadarda basit bişi değildi, beni bayağı uğraştırdı ama zevkliydi

Kod:

<HTML> 
<head> 
<title>Biolight - DivTasima.HTML </title>
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254" />
<script language="JavaScript" type="text/JavaScript">
var hareket;
function tasi(kim,hiz,x,y){
document.getElementById(kim).style.visibility="visible";
hareket = window.setInterval("git('"+kim+"','"+x+"','"+y+"')",hiz);
}

function git(kim,x,y) {
if(document.getElementById(kim).style.pixelLeft<x ){
document.getElementById(kim).style.pixelLeft +=5;
if(document.getElementById(kim).style.pixelLeft>=x){
document.getElementById(kim).style.pixelLeft=x}
}

if(document.getElementById(kim).style.pixelLeft>x ){
document.getElementById(kim).style.pixelLeft -=5;
if(document.getElementById(kim).style.pixelLeft<=x){
document.getElementById(kim).style.pixelLeft=x}
}

if(document.getElementById(kim).style.pixelTop<y ){
document.getElementById(kim).style.pixelTop +=5;
if(document.getElementById(kim).style.pixelTop>=y){
document.getElementById(kim).style.pixelTop=y}
}

if(document.getElementById(kim).style.pixelTop>y ){
document.getElementById(kim).style.pixelTop -=5;
if(document.getElementById(kim).style.pixelTop<=y){
document.getElementById(kim).style.pixelTop=y}
}

if((document.getElementById(kim).style.pixelLeft==x )
&& (document.getElementById(kim).style.pixelTop==y )) {
window.clearInterval(hareket);
}

}
</script>
</head>
<body>

<span id="oSpan" style="visibility:hidden;position:absolute;left:0;top:0;">
<img src="res.gif" alt="res" />
</span>
<button onclick="tasi('oSpan',50,252,313);">
onclick="tasi('isim',hız,left,top);"
</button>

</body>
</HTML>

muhendisce · 09.02.2004

ellerine sağlık hocam, ben bunu şimdi çapraz da koştururum.

teşekkürler.

muhendisce · 09.02.2004

son bir sorum daha olacak:

screen.width, screen.availwidth.. şu ekranın genişliğini ve yüksekliğini veren deyim hangisidir?

teşekkürler.

muhendisce · 09.02.2004

pardon, asıl istediğim pencerenin ortasını bulmakmış. ama aynı zamanda ekranın bilgilerini de alsam fena olmaz. scree.availwidth kullandım. bu örnekte işe yarıyor ama başka zamanlarda, başka yerlerde kullanıyorum olmuyor. nedenini ise henüz, bilemiyorum; zamanla, inşaallah.

teşekkürler.

07.02.2004	#1 (permalink)
muhendisce Üyelik Tarihi: 16.08.2002 Yer: İstanbul Yaş: 30 Mesaj: 112	JavaScript'te Div'i Move Etmek bir yere (text, image, href, cell vs..) tıklanacak ve istenilen bir position'a yerleştirilmiş olan hidden div, visible olup istenilen yöne doğru, istenilen hızla kaymaya başlayacak, istenilen yere gelince de duracak. olay bu. çok basit olduğunu biliyorum ama biraz daha deneyime ihtiyacım var. herhalde temel esaslarını verseniz yeterli olur, teşekkür ederim, ama "iki dakkalık iş" diyorsanız ayrıca bi teşekkür daha ederim. saygılarımla, __________________ www.dernex.com www.mcf.org.tr www.acarpatent.com

09.02.2004	#3 (permalink)
muhendisce Üyelik Tarihi: 16.08.2002 Yer: İstanbul Yaş: 30 Mesaj: 112	Re: JavaScript'te Div'i Move Etmek ellerine sağlık hocam, ben bunu şimdi çapraz da koştururum. teşekkürler. __________________ www.dernex.com www.mcf.org.tr www.acarpatent.com

09.02.2004	#4 (permalink)
muhendisce Üyelik Tarihi: 16.08.2002 Yer: İstanbul Yaş: 30 Mesaj: 112	Re: JavaScript'te Div'i Move Etmek son bir sorum daha olacak: screen.width, screen.availwidth.. şu ekranın genişliğini ve yüksekliğini veren deyim hangisidir? teşekkürler. __________________ www.dernex.com www.mcf.org.tr www.acarpatent.com

09.02.2004	#5 (permalink)
muhendisce Üyelik Tarihi: 16.08.2002 Yer: İstanbul Yaş: 30 Mesaj: 112	Re: JavaScript'te Div'i Move Etmek pardon, asıl istediğim pencerenin ortasını bulmakmış. ama aynı zamanda ekranın bilgilerini de alsam fena olmaz. scree.availwidth kullandım. bu örnekte işe yarıyor ama başka zamanlarda, başka yerlerde kullanıyorum olmuyor. nedenini ise henüz, bilemiyorum; zamanla, inşaallah. teşekkürler. __________________ www.dernex.com www.mcf.org.tr www.acarpatent.com

Sponsorlu Bağlantılar
Zoque.Forum Reklam