Düşünmek ve söylemek kolay,fakat yaşamak,hele başarı ile sonuçlandırmak çok zordur.
...BÜTÜN BÜYÜK İŞLER , KÜÇÜK BAŞLANGIÇLARLA OLUR.

9 Temmuz 2012 Pazartesi

Html & Css ile FORM

16:58  Muhammed ÖZDEMİR  1 comment

Bir başvuru formu oluşturmak isterseniz bu kodlar size azda olsa yardımcı olabilir.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Muhammed Özdemir">

<style>
body
{
text-align:center;
background-color:#db7093;
}
 #düzenle
{
text-align:left;
width:400px;
margin:auto;
background-color:#7fffd4;
}
.giris
{
width:200px;
}
#kaydet
{
width:100px;
height:20px;
font:14px Arial;
border:0px;
background-color:#C60;
text-align:center;
color:#FFF;
}
</style>

<title>FORM</title>
</head>
<body>
<div id="düzenle">
<table width="400" border="1">
    <tr>
    <th colspan="2">Başvuru Formu<br>&nbsp;</th>
    </tr><tr>
        <td width="120">Ad-Soyad</td>
            <td><input class="giris" name="ad"></td>
        </tr><tr>
        <td> Bölüm</td>
            <td>
            <select class="giris" name="bolum">
            <optgroup>bölüm</optgroup>
                <option value="1">YAZILIM Mühendisliği</option>
                    <option value="2">Bilgisayar Mühendisliği</option>
                    <option value="3">Elektrik-elektronik Mühendisliği</option>                  
                </select>
            </td>
        </tr><tr>
        <td>Öğrenci No</td>
            <td><input class="giris" name="no"></td>
        </tr><tr>
        <td>Cinsiyet</td>
            <td><input name="cins" value="0" type="radio">Erkek&nbsp;<input name="cins" value="1" type="radio">Bayan</td>
        </tr><tr>
        <td>Email:</td>
            <td><input class="giris" name="eMail"></td>
        </tr><tr>
        <td>Tel:</td>
            <td><input class="giris" name="tel"></td>
        </tr><tr>
        <td colspan="2" align="center"><br> <input id="kaydet" type="submit" value="Kaydet"> </td>
        </tr>
    </table>
</div>
</body>
</html>

Read More

3 Temmuz 2012 Salı

Javascript ile Fahrenheit - Celsius Dönüştürücü

13:17  Muhammed ÖZDEMİR  No comments

Javascript ile basit bir dönüştürücü...

Html tag ı olan 'input' ile oluşturduğumuz textbox daki verileri 'script' etiketleri arasında tanımladığımız fonksiyon da kullanıyoruz.
Tabi ikinci text kutularına sonucu yazdırdığımız için onları readonly (sadece okunur) yapmamız gerekirdi.
Bu şekilde kullanıcının bilgi girişini engellemiş olduk. Bunuda ' disabled="true' kodu ile sağladık.
Aşağıda kodları bulabilirsiniz...


<html>
<head>
<title> Dönüştürücü </title>

<script type="text/javascript">
function hesapla()
{
var fah=document.form.fah.value;
if(fah=="")
alert("Fahrenayt değerini girin");
else
document.form.cel.value=(5/9)*(fah-32);
return false;
}

function hesapla2()  {
    var c=document.form.cel2.value;
if(c=="")
 alert("Celcius değerlerini girin.");
 else
 document.form.fah2.value= (c * 1.8) + 32;
     return false;
}

</script>
</head>

<body>
<center> <h3> Celcius - Fahrenheit Dönüştürücü  </h3> </center>

<form action="#" name="form">
<table align="center" cellpadding="5">
<tr>
    <td>Fahrenheit</td>
        <td><input id="fah" name="fah" /></td>
    </tr><tr>
    <td>Celcius</td>
        <td><input id="cel" name="cel" disabled="true" /></td>
    </tr><tr>
    <td colspan="2" align="right">
        <input type="button" value="Hesapla" onclick="hesapla()">
            <input type="reset" value="Temizle">
        </td>
    </tr>

<tr>
    <td>Celcius</td>
        <td><input id="cel2" name="cel2" /></td>
    </tr><tr>
    <td>Fahrenheit</td>
        <td><input id="fah2" name="fah2" disabled="true" /></td>
    </tr><tr>
    <td colspan="2" align="right">
        <input type="button" value="Hesapla" onclick="hesapla2()">
            <input type="reset" value="Temizle">
        </td>
    </tr>
</table>
</form>

</body>
</html>

Read More

SHARE

Twitter Delicious Facebook Digg Stumbleupon Favorites More