veri olarak değilde şöyle gayet guzel bir sekilde
<script type="text/javascript">
function havaDegis(iladi) {
var oImg=document.getElementById("hava");
var oLoader=document.getElementById("LOADERBOX");
var oHava=document.getElementById("HAVABOX");
var oCheck=document.getElementById("havail");
var oAyrintiLink=document.getElementById("havaAyrinti" );
oLoader.style.display="block";
oHava.style.display="none";
oCheck.disabled=true;
oImg.src="http://www.meteor.gov.tr/sunum/imgdurumgor-b1-g.aspx?merkez="+iladi+"&renkC=111&renkT=000&renkZ= fff";
oImg.alt=iladi;
oAyrintiLink.href="<A href="http://www.meteor.gov.tr/2006/tahmin/tahmin-iller.aspx?merkezAdi="+iladi">http://www.meteor.gov.tr/2006/tahmin/tahmin-iller.aspx?merkezAdi="+iladi;
oImg.onload=function() {
oLoader.style.display="none";
oHava.style.display="block";
oCheck.disabled=false;
}
}
</script>
<style type="text/css">
#HAVAMAIN {
position:relative;
width:250px;
padding:5px 3px 3px 3px;
border:1px solid #006699;
}
#LOADERBOX {
position:relative;
display:none;
height:65px;
padding-top:20px;
text-align:center;
}
#HAVABOX {
position:relative;
margin-left:40px;
display:block;
height:75px;
padding-top:10px;
}
span, input, a {
font:10px "Georgia", serif;
}
</style>
</head>
<body>
<div id="HAVAMAIN">
<form id="havaform" name="havaform" method="post" action="#">
<select name="havail" id="havail" onchange="havaDegis(this.value);">
<option value="ADANA">ADANA</option>
<option value="ADIYAMAN">ADIYAMAN</option>
<option value="AFYONKARAHISAR">AFYONKARAHISAR</option>
<option value="AKSARAY">AKSARAY</option>
<option value="AMASYA">AMASYA</option>
<option value="ANKARA">ANKARA</option>
<option value="ANTALYA">ANTALYA</option>
<option value="ARDAHAN">ARDAHAN</option>
<option value="ARTVIN">ARTVIN</option>
<option value="AYDIN">AYDIN</option>
<option value="AGRI">AGRI</option>
<option value="BALIKESIR">BALIKESIR</option>
<option value="BARTIN">BARTIN</option>
<option value="BATMAN">BATMAN</option>
<option value="BAYBURT">BAYBURT</option>
<option value="BOLU">BOLU</option>
<option value="BURDUR">BURDUR</option>
<option value="BURSA">BURSA</option>
<option value="BILECIK">BILECIK</option>
<option value="BINGOL">BINGOL</option>
<option value="BITLIS">BITLIS</option>
<option value="DENIZLI">DENIZLI</option>
<option value="DUZCE">DUZCE</option>
<option value="DIYARBAKIR">DIYARBAKIR</option>
<option value="EDIRNE">EDIRNE</option>
<option value="ELAZIG">ELAZIG</option>
<option value="ERZURUM">ERZURUM</option>
<option value="ERZINCAN">ERZINCAN</option>
<option value="ESKISEHIR">ESKISEHIR</option>
<option value="GAZIANTEP">GAZIANTEP</option>
<option value="GUMUSHANE">GUMUSHANE</option>
<option value="GIRESUN">GIRESUN</option>
<option value="HAKKARI">HAKKARI</option>
<option value="HATAY">HATAY</option>
<option value="ISPARTA">ISPARTA</option>
<option value="IGDIR">IGDIR</option>
<option value="KAHRAMANMARAS">KAHRAMANMARAS</option>
<option value="KARABUK">KARABUK</option>
<option value="KARAMAN">KARAMAN</option>
<option value="KARS">KARS</option>
<option value="KASTAMONU">KASTAMONU</option>
<option value="KAYSERI">KAYSERI</option>
<option value="KIRIKKALE">KIRIKKALE</option>
<option value="KIRKLARELI">KIRKLARELI</option>
<option value="KIRSEHIR">KIRSEHIR</option>
<option value="KOCAELI">KOCAELI</option>
<option value="KONYA">KONYA</option>
<option value="KUTAHYA">KUTAHYA</option>
<option value="KILIS">KILIS</option>
<option value="MALATYA">MALATYA</option>
<option value="MANISA">MANISA</option>
<option value="MARDIN">MARDIN</option>
<option value="MERSIN">MERSIN</option>
<option value="MUGLA">MUGLA</option>
<option value="MUS">MUS</option>
<option value="NEVSEHIR">NEVSEHIR</option>
<option value="NIGDE">NIGDE</option>
<option value="ORDU">ORDU</option>
<option value="OSMANIYE">OSMANIYE</option>
<option value="RIZE">RIZE</option>
<option value="SAKARYA">SAKARYA</option>
<option value="SAMSUN">SAMSUN</option>
<option value="SINOP">SINOP</option>
<option value="SIVAS">SIVAS</option>
<option value="SIIRT">SIIRT</option>
<option value="TEKIRDAG">TEKIRDAG</option>
<option value="TOKAT">TOKAT</option>
<option value="TRABZON">TRABZON</option>
<option value="TUNCELI">TUNCELI</option>
<option value="USAK">USAK</option>
<option value="VAN">VAN</option>
<option value="YALOVA">YALOVA</option>
<option value="YOZGAT">YOZGAT</option>
<option value="ZONGULDAK">ZONGULDAK</option>
<option value="CANAKKALE">CANAKKALE</option>
<option value="CANKIRI">CANKIRI</option>
<option value="CORUM">CORUM</option>
<option value="ISTANBUL" selected="selected">ISTANBUL</option>
<option value="IZMIR">IZMIR</option>
<option value="SANLIURFA">SANLIURFA</option>
<option value="SIRNAK">SIRNAK</option>
</select>
<a id="havaAyrinti" href="http://www.meteor.gov.tr/2006/tahmin/tahmin-iller.aspx?merkezAdi=ISTANBUL" target="_blank">A Y R I N T I L A R</a>
</form>
<div id="LOADERBOX">
<img src="images/loading.gif" alt="" /><br />
<span>Bilgi Alınıyor...</span><br />
</div>
<div id="HAVABOX">
<img src="http://www.meteor.gov.tr/sunum/imgdurumgor-b1-g.aspx?merkez=ISTANBUL&renkC=111&renkT=000 &renkZ=fff" alt="" name="hava" id="hava" />
</div>
<span>spiderbot</span>
</div>