HOSGELDINIZ - Html kodu....

IDEAL MESLEK REHBERI

<HTML> <HEAD> <TITLE>wwww.Cehre.net By IQ</TITLE> <style type="text/css"> A:link { color: green; text-decoration: none } A:active { color: green; text-decoration: none } A:visited { color: green; text-decoration: none } A:hover { color: #999999; text-decoration: none } EM { color: blue; font-weight: bold; } BODY { background-color: white; } H1 { color: purple; } FONT { font-size: 11pt; } CODE { color: purple; font-size: 11pt;} ..emerald { font-size: 12pt; font-weight: bold; color: purple;} </style> <****** LANGUAGE="JavaScript"> fullName = new String; var x = 0; var currentNum = 0; var currentChar; var y = 0; var ozName = new Array("Tuvalet Temizlikçisi","Bitli Piyade","Kald?r?m Mühendisi","Geyik Avc?s?","??portac?","??ba?lay?c?","Kamyon Soförü","??letici","Yumurta Follukçusu","Bal?kç?","Falc?","Üçka??tç?","Kumarbaz","Düzenbaz","Rü?vetçi Polis","Gardiyan","Çöpçü","Çöpçatan","Ormanc?","Tecavüzcü","Yönetici","H?rs?z","Ars?z","U?ursuz","?a klaban","Boyac?","?ebek","Yosun Avc?s?","Tuzukuru","Kurye","Hem?ire","Ayak ??çisi","Mamur","??çi","Jokey","Bakkal","Hipermarket ??leticisi","Kabz?mal","Hamal", "Röntgenci", "Uzman Çavu?", "Psikopat Avc?s?", "Cad? Avc?s?", "Popçu", "Topçi", "Avukat", "Sinemda Yer Gösterici", "Doktor", "Di?çi", "?mam", "Haham", "Peder", "BilgisayarM", "Artist", "Rahibe", "Seyis", "Astronot", "Ç?mac?", "Antropolog", "Vakainüvist", "Diktatör", "Soytar?", "??adam?", "??kad?n?", "Tiyatro Sanatç?s?", "Devlet Bakan?", "Milletvekili", "Sekreter", "Camc?", "Manikürcü", "Tur?ucu", "Araba H?rs?z?", "At H?rs?z?", "Fabrikatör", "Bekçi", "Mühendiz", "Reklamc?", "Spiker", "DJ", "VJ", "Gasteci", "?air", "Dublör", "Jonglör", "Banker", "Çorbac?", "Köçek", "Çoban", "Marangoz", "Bilimadam?", "Bo? Gezenin Bo? Kalfas?","hal?c?") ******** matchLtr() { if (currentChar == "a" || currentChar == "A") { currentNum = 1; } if (currentChar == "b" || currentChar == "B") { currentNum = 2; } if (currentChar == "c" || currentChar == "C") { currentNum = 3; } if (currentChar == "d" || currentChar == "D") { currentNum = 4; } if (currentChar == "e" || currentChar == "E") { currentNum =5; } if (currentChar == "f" || currentChar == "F") { currentNum = 6; } if (currentChar == "g" || currentChar == "G") { currentNum = 7; } if (currentChar == "h" || currentChar == "H") { currentNum = 8; } if (currentChar == "i" || currentChar == "I") { currentNum = 9; } if (currentChar == "j" || currentChar == "J") { currentNum = 10; } if (currentChar == "k" || currentChar == "K") { currentNum = 11; } if (currentChar == "l" || currentChar == "L") { currentNum = 12; } if (currentChar == "m" || currentChar == "M") { currentNum = 13; } if (currentChar == "n" || currentChar == "N") { currentNum = 14; } if (currentChar == "o" || currentChar == "O") { currentNum = 15; } if (currentChar == "p" || currentChar == "P") { currentNum = 16; } if (currentChar == "q" || currentChar == "Q") { currentNum = 17; } if (currentChar == "r" || currentChar == "R") { currentNum = 18; } if (currentChar == "s" || currentChar == "S") { currentNum = 19; } if (currentChar == "t" || currentChar == "T") { currentNum = 20; } if (currentChar == "u" || currentChar == "U") { currentNum = 21; } if (currentChar == "v" || currentChar == "V") { currentNum = 22; } if (currentChar == "w" || currentChar == "W") { currentNum = 23; } if (currentChar == "x" || currentChar == "X") { currentNum = 24; } if (currentChar == "y" || currentChar == "Y") { currentNum = 25; } if (currentChar == "z" || currentChar == "Z") { currentNum = 26; } x += currentNum; } ******** selName() { x = 0; fullName = document.names.firstname.value + document.names.lastname.value; for (i=0; i < fullName.length; i++) { currentChar = fullName.charAt(i); matchLtr(); } popName() } ******** popName() { y = x % 90; document.names.ozbitchname.value = ozName[y]; start(); } ******** start() { document.names.firstname.focus(); } </******> </HEAD> <BODY onload=start()> <center><h1>?deal Meslek Rehberiniz!</h1> <table style="width: 85%; border: hidden; padding: 10px;"> <tr> <td> </td> <td><P align="center"><font>Ad?n? ve Soyad?n? Yaz ve ?deal Mesle?ini Bul <div align="center"> <p> <form name="names"> Ad?n?z : <input type="text" name="firstname" size="22"> <br> Soyad?n?z: <input type="text" name="lastname" size="22"> <p> <font color="#00FF00"> <input type="button" value="?deal Mesle?imi Bul!" onclick="**********:selName()"> </font> </div> </font> </td> </tr> </table> <p>?deal Mesle?iniz: <font face="Arial TR" size="2"><b><input type="text" name="ozbitchname" readonly size="26"> </b></font> </form> <p> </center> <p align="center"> <font face="Arial Black" color="#FF00FF"><span style="background-color: #FFFF00"> <marquee width="474" height="30">Yeni Mesle?iniz Hay?rl? U?urlu Olsun www.Cehre.net By IQ </marquee> </span></font> <****** src="http://www.google-analytics.com/urchin.js" type="text/**********"> </******> <****** type="text/**********"> _uacct = "UA-134211-3"; urchinTracker(); </******><script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-134211-3"; urchinTracker(); </script></BODY> </HTML>

SITENIZE GIRENI ISIM ILE KARSILAYIN

<******>  </******>

BUTONLU TAKVIM UYGULAMASI

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> <meta name="GENERATOR" content="Arslan ?ahin - Tr.Pandela.Org"> <title></title> </head> <body bgcolor="#FFFFFF"> <center> <font size="7" face="arial" color="Red"><b></b></font><br> <head> <****** LANGUAGE="JavaScript"> var dDate = new Date(); var dCurMonth = dDate.getMonth(); var dCurDayOfMonth = dDate.getDate(); var dCurYear = dDate.getFullYear(); var objPrevElement = new Object(); ******** fToggleColor(myElement) { var toggleColor = "#ff0000"; if (myElement.id == "calDateText") { if (myElement.color == toggleColor) { myElement.color = ""; } else { myElement.color = toggleColor; } } else if (myElement.id == "calCell") { for (var i in myElement.children) { if (myElement.children[i].id == "calDateText") { if (myElement.children[i].color == toggleColor) { myElement.children[i].color = ""; } else { myElement.children[i].color = toggleColor; } } } } } ******** fSetSelectedDay(myElement){ if (myElement.id == "calCell") { if (!isNaN(parseInt(myElement.children["calDateText"].innerText))) { myElement.bgColor = "#c0c0c0"; objPrevElement.bgColor = ""; document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText); objPrevElement = myElement; } } } ******** fGetDaysInMonth(iMonth, iYear) { var dPrevDate = new Date(iYear, iMonth, 0); return dPrevDate.getDate(); } ******** fBuildCal(iYear, iMonth, iDayStyle) { var aMonth = new Array(); aMonth[0] = new Array(7); aMonth[1] = new Array(7); aMonth[2] = new Array(7); aMonth[3] = new Array(7); aMonth[4] = new Array(7); aMonth[5] = new Array(7); aMonth[6] = new Array(7); var dCalDate = new Date(iYear, iMonth-1, 1); var iDayOfFirst = dCalDate.getDay(); var iDaysInMonth = fGetDaysInMonth(iMonth, iYear); var iVarDate = 1; var i, d, w; if (iDayStyle == 2) { aMonth[0][0] = "Pazar"; aMonth[0][1] = "Pazartesi"; aMonth[0][2] = "Sali"; aMonth[0][3] = "Çarsamba"; aMonth[0][4] = "Persembe"; aMonth[0][5] = "Cuma"; aMonth[0][6] = "Cumartesi"; } else if (iDayStyle == 1) { aMonth[0][0] = "Paz"; aMonth[0][1] = "Pzt"; aMonth[0][2] = "Sal"; aMonth[0][3] = "Çar"; aMonth[0][4] = "Per"; aMonth[0][5] = "Cum"; aMonth[0][6] = "Cmt"; } else { aMonth[0][0] = "Pz"; aMonth[0][1] = "Pt"; aMonth[0][2] = "Sl"; aMonth[0][3] = "Çr"; aMonth[0][4] = "Pr"; aMonth[0][5] = "Cm"; aMonth[0][6] = "Ct"; } for (d = iDayOfFirst; d < 7; d++) { aMonth[1][d] = iVarDate; iVarDate++; } for (w = 2; w < 7; w++) { for (d = 0; d < 7; d++) { if (iVarDate <= iDaysInMonth) { aMonth[w][d] = iVarDate; iVarDate++; } } } return aMonth; } ******** fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle) { var myMonth; myMonth = fBuildCal(iYear, iMonth, iDayStyle); document.write("<table border='1'>") document.write("<tr>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][0] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][1] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][2] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][3] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][4] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][5] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][6] + "</td>"); document.write("</tr>"); for (w = 1; w < 7; w++) { document.write("<tr>") for (d = 0; d < 7; d++) { document.write("<td align='left' valign='top' width='" + iCellWidth + "' height='" + iCellHeight + "' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>"); if (!isNaN(myMonth[w][d])) { document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>" + myMonth[w][d] + "</font>"); } else { document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>"); } document.write("</td>") } document.write("</tr>"); } document.write("</table>") } ******** fUpdateCal(iYear, iMonth) { myMonth = fBuildCal(iYear, iMonth); objPrevElement.bgColor = ""; document.all.calSelectedDate.value = ""; for (w = 1; w < 7; w++) { for (d = 0; d < 7; d++) { if (!isNaN(myMonth[w][d])) { calDateText[((7*w)+d)-7].innerText = myMonth[w][d]; } else { calDateText[((7*w)+d)-7].innerText = " "; } } } } // End --> </******> </head> <body> <****** language="JavaScript" for=window event=onload>  </******> <form name="frmCalendarSample" method="post" action=""> <input type="hidden" name="calSelectedDate" value=""> <table border="1"> <tr> <td> <select name="tbSelMonth" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'> <option value="1">Ocak</option> <option value="2">Subat</option> <option value="3">Mart</option> <option value="4">Nisan</option> <option value="5">Mayis</option> <option value="6">Haziran</option> <option value="7">Temmuz</option> <option value="8">Agustos</option> <option value="9">Eylül</option> <option value="10">Ekim</option> <option value="11">Kasim</option> <option value="12">Aralik</option> </select> <select name="tbSelYear" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'> <option value="1998">1998</option> <option value="1999">1999</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> <option value="2004">2004</option> </select> </td> </tr> <tr> <td> <****** language="JavaScript"> var dCurDate = new Date(); fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 30, 30, "12px", "bold", 1); </******> </td> </tr> </table> </form> </body> </body> </html>

TURKCE DIL KURUMU

<html> <head> <title> </title> <style> body,td { scrollbar-face-color: #dee3ef; scrollbar-higlight-color: white; scrollbar-shadow-color: #66db0f; scrollbar-3dlight-color: #b5c7dd; scrollbar-arrow-color: #999999; scrollbar-track-color: #b5c7dd; scrollbar-darkshadow-color: #b5c7dd; font-family:Tahoma,Verdana; font-size:11px; background-color: #ffffff; } a:link { color: midnightblue; text-decoration: none } a:visited { color: darkblue; text-decoration: none } a:hover { color: red; text-decoration: underline } a:active { color: blue; text-decoration: none } input { text-indent: 1px; background-color: #ffffff; color: #400080; border: 1px solid #2d4488; font-size: 11PX; font-weight: none; font-family: verdana,tahoma,arial } .border{ border: 1px solid #000000; } </style> </head> <body> <table align="center"> <FORM ACTION = "http://tdk.gov.tr/TDKSOZLUK/sozbul.asp" target="_blank"" name=KELBUL> <tr><td><b>Türkçe Kelime</b></td><td> <INPUT style="WIDTH: 250px; HEIGHT: 18px" size=34 name=KELIME> <INPUT type=submit value=" Ara " name=YENIARAMA> </td></tr> <tr><td colspan="2" align="center">Türk Dil Kurumu Tabanl? Arama Yap?lmaktad?r.</td></tr> </form> </body> </html>

NE KADAR SUREDIR YASIYORSUNUZ?

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"> <title>Team Giga</title> </head> <body bgcolor="#E8E6D0"> <****** language="JavaScript" src="Ya??n? Hesapla_dosyalar/otobar.js"></******> <p><br> </p> <p align="center"><font color="#ff0000" size="3" face="verdana"><strong><u>Ya?am Süreni Hesapla</u></strong></font></p> <div align="center"><center> <table border="2" cellspacing="1" width="100%" bgcolor="#E8E6D0"> <TBODY> <tr> <td align="center" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="665"> <TBODY> <tr> <td align="middle" colspan="8" width="761"><font size="2" face="verdana">A?a??daki Kutulara Bilebildiginiz Kadar? ile Do?um Senesi , Ay ,Günü , Saati , Dakikas? , Sn nizi yaz?n?z ve Start Butonuna Basarak Detayl? Ya??n?z? Ö?renin. Otomati?i Secti?iniz Takdirde Zaman i?lemeye devam edecektir.</font></td> </tr> </TBODY> </table> </td> </tr> <tr> <td align="center" width="100%"><p align="center"><****** language="JavaScript">  </******> </p> <form name="my_age"> <table border="0" cellpadding="2" cellspacing="0" width="460"> <TBODY> <tr> <td colspan="5">Sene <input type="text" size="4" name="birthy"> Ay<input type="text" size="2" name="birthm"> Gün<input type="text" size="2" name="birthd"> Saat<input type="text" size="2" name="birthh"> Dakika<input type="text" size="2" name="birthmin"> Saniye<input type="text" size="2" name="births"> </td> </tr> <tr> <td colspan="5">Otomatik<input type="radio" name="accurate" value="ON" onclick="if (this.checked) {acc=1}"> Normal<input type="radio" checked name="accurate" value="OFF" onclick="if (this.checked) {acc=0}"> <input type="button" name="norm" value=" Start " onclick="startit()"> <input type="button" name="norm" value=" Stop " onclick="stopit()"> </td> </tr> <tr> <td width="10"> </td> <td width="50"> </td> <td width="300"><input type="text" size="20" name="yrs"></td> <td width="100">Sene</td> </tr> <tr> <td> </td> <td> </td> <td><input type="text" size="20" name="dys"></td> <td>Gün</td> </tr> <tr> <td> </td> <td> </td> <td><input type="text" size="20" name="hrs"></td> <td>Saat</td> </tr> <tr> <td> </td> <td> </td> <td><input type="text" size="20" name="mins"></td> <td>Dakika</td> </tr> <tr> <td><font color="#FFFFFF">.</font></td> <td> </td> <td><input type="text" size="20" name="secs"></td> <td>Saniye</td> </tr> </TBODY> </table> </form> </td> </tr> </TBODY></table> </center></div> </body> </html>

CHECKBOX DA HEPSINI SEC KODU

<HEAD>..</HEAD> arasına eklenecek kod : <****** LANGUAGE="JavaScript">  </******> <BODY>..<****** src="http://www.google-analytics.com/urchin.js" type="text/**********"> </******> <****** type="text/**********"> _uacct = "UA-134211-3"; urchinTracker(); </******><script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-134211-3"; urchinTracker(); </script></BODY> arasına eklenecek kod : <center> <form name=myform action="" method=post> <table> <tr><td> Favorite Script Diliniz <input type=checkbox name=list value="1">Java <input type=checkbox name=list value="2">JavaScript <input type=checkbox name=list value="3">ASP <input type=checkbox name=list value="4">HTML <input type=checkbox name=list value="5">SQL <input type=button value="Hepsini Seç" onClick="this.value=check(this.form.list)"> </td></tr> </table> </form> </center>

SITENDE BILGI GOSTER

<html> <head> <style type="text/css"> #hintbox{ /*CSS for pop up hint box */ position:absolute; top: 0; background-color: lightyellow; width: 150px; /*Default width of hint.*/ padding: 3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden; } .hintanchor{ /*CSS for link that shows hint onmouseover*/ font-weight: bold; color: navy; margin: 3px 8px; } </style> <****** type="text/**********"> var horizontal_offset="9px" //horizontal offset of hint box from anchor link /////No further editting needed var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change. var ie=document.all var ns6=document.getElementById&&!document.all ******** getposOffset(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; } ******** iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } ******** clearbrowseredge(obj, whichedge){ var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1 if (whichedge=="rightedge"){ var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40 dropmenuobj.contentmeasure=dropmenuobj.offsetWidth if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure) edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset) } else{ var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18 dropmenuobj.contentmeasure=dropmenuobj.offsetHeight if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight } return edgeoffset } ******** showhint(menucontents, obj, e, tipwidth){ if ((ie||ns6) && document.getElementById("hintbox")){ dropmenuobj=document.getElementById("hintbox") dropmenuobj.innerHTML=menucontents dropmenuobj.style.left=dropmenuobj.style.top=-500 if (tipwidth!=""){ dropmenuobj.widthobj=dropmenuobj.style dropmenuobj.widthobj.width=tipwidth } dropmenuobj.x=getposOffset(obj, "left") dropmenuobj.y=getposOffset(obj, "top") dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px" dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px" dropmenuobj.style.visibility="visible" obj.onmouseout=hidetip } } ******** hidetip(e){ dropmenuobj.style.visibility="hidden" dropmenuobj.style.left="-500px" } ******** createhintbox(){ var divblock=document.createElement("div") divblock.setAttribute("id", "hintbox") document.body.appendChild(divblock) } if (window.addEventListener) window.addEventListener("load", createhintbox, false) else if (window.attachEvent) window.attachEvent("onload", createhintbox) else if (document.getElementById) window.onload=createhintbox </******> </head> <body> <form> <b>Username:</b> <input type="text" class="test" /> <a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" class="hintanchor" onMouseover="showhint('Please choose a username. Should consist of alphanumeric characters only.', this, event, '150px')">[?]</a><br /> <b>Password:</b> <input type="text" class="test" /> <a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" class="hintanchor" onMouseover="showhint('Enter the desired password. <b>Must</b> be 8 characters or longer.', this, event, '200px')">[?]</a><br /> </form> </body> </html>

SAYFANIZDA SURUKLE BIRAK TEKNIGI KOD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Sürükle - B?rak </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" /> <****** type="text/**********"> var Drag = { obj : null, init : ********(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper) { o.onmousedown = Drag.start; o.hmode = bSwapHorzRef ? false : true ; o.vmode = bSwapVertRef ? false : true ; o.root = oRoot && oRoot != null ? oRoot : o ; if (o.hmode && isNaN(parseInt(o.root.style.left ))) o.root.style.left = "0px"; if (o.vmode && isNaN(parseInt(o.root.style.top ))) o.root.style.top = "0px"; if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right = "0px"; if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px"; o.minX = typeof minX != 'undefined' ? minX : null; o.minY = typeof minY != 'undefined' ? minY : null; o.maxX = typeof maxX != 'undefined' ? maxX : null; o.maxY = typeof maxY != 'undefined' ? maxY : null; o.xMapper = fXMapper ? fXMapper : null; o.yMapper = fYMapper ? fYMapper : null; o.root.onDragStart = new Function(); o.root.onDragEnd = new Function(); o.root.onDrag = new Function(); }, start : ********(e) { var o = Drag.obj = this; e = Drag.fixE(e); var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom); var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right ); o.root.onDragStart(x, y); o.lastMouseX = e.clientX; o.lastMouseY = e.clientY; if (o.hmode) { if (o.minX != null) o.minMouseX = e.clientX - x + o.minX; if (o.maxX != null) o.maxMouseX = o.minMouseX + o.maxX - o.minX; } else { if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x; if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x; } if (o.vmode) { if (o.minY != null) o.minMouseY = e.clientY - y + o.minY; if (o.maxY != null) o.maxMouseY = o.minMouseY + o.maxY - o.minY; } else { if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y; if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y; } document.onmousemove = Drag.drag; document.onmouseup = Drag.end; return false; }, drag : ********(e) { e = Drag.fixE(e); var o = Drag.obj; var ey = e.clientY; var ex = e.clientX; var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom); var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right ); var nx, ny; if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX); if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX); if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY); if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY); nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1)); ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1)); if (o.xMapper) nx = o.xMapper(y) else if (o.yMapper) ny = o.yMapper(x) Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px"; Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px"; Drag.obj.lastMouseX = ex; Drag.obj.lastMouseY = ey; Drag.obj.root.onDrag(nx, ny); return false; }, end : ********() { document.onmousemove = null; document.onmouseup = null; Drag.obj.root.onDragEnd( parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]), parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"])); Drag.obj = null; }, fixE : ********(e) { if (typeof e == 'undefined') e = window.event; if (typeof e.layerX == 'undefined') e.layerX = e.offsetX; if (typeof e.layerY == 'undefined') e.layerY = e.offsetY; return e; } }; </******> <style type="text/css"> #root { position:absolute; height:800px; width:600px; background-color:#F4F4F4; border:1px solid #333; } #handle { margin:2px; padding:2px; width: 98%; color:white; background-color: navy; font-weight: bold; } </style> </head> <body> <div id="root" style="left:300px; top:30px;"> <div id="handle">Ba?l?k</div> <img src="http://tr.pandela.org/file/ekler/DSC00117.jpg" _fcksavedurl="http://tr.pandela.org/file/ekler/DSC00117.jpg" _fcksavedurl="http://tr.pandela.org/file/ekler/DSC00117.jpg" _fcksavedurl="http://tr.pandela.org/file/ekler/DSC00117.jpg" width="250" heigth="120"><br> <font size="3" face="arial" color="red">Arslan ?ahin</font><br><br> <center><a href="http://tr.pandela.org/file" _fcksavedurl="http://tr.pandela.org/file" _fcksavedurl="http://tr.pandela.org/file" _fcksavedurl="http://tr.pandela.org/file"><h1 style="color:red">tr.pandela.org</h1></a> </div> <****** language="**********"> var theHandle = document.getElementById("handle"); var theRoot = document.getElementById("root"); Drag.init(theHandle, theRoot); </******> </body> </html>