Sayfa içinde link verme

30-06-2010, 17:16:31

Merhaba, belki başlıkta anlatamadım ama şöyle bir sorunum var. Açılan kutu il listesinden herhangi bir il seçildiğinde o il için tanımladığım bilgilerin gelmesini istiyorum. Yalnız diğer illerin bilgilerinin görünmemesi lazım. Bu konuda bana yardımcı olabilecek bir arkadaş var mı acaba ?

Şimdiden teşekkürler.

30-06-2010, 17:21:03

#2

justices

javascript ile yapabilirsin bu tür şeyleri xml ve html lik bir durum değil. javascriptte "onclick" eventi içine yazabileceğin kodları javascript bölümünden bakabilir ya da; jquery addonlarına google dan bakabilirsin

".click()"

30-06-2010, 17:44:57

#3

justices

onchange de olabilir tabi ben click e alıştığım için click dedim

(click() yüzünden alışkanlık, onclick ve onchange gibi eventler pek kullanmadıgım için

)

http://stackoverflow.com/questions/1...-event-in-html

burada şöyle bir örnek var mesela:

<html>
<body>

    <script>    function changeOptions(){       alert("asdfasdf");    }</script>

    <select type="selectbox" name="crPaymentOption" id="crPaymentOption" onchange="changeOptions()" />
    <option selected="" value="--">--</option>
    <option value="Check">Check</option>
    <option value="Credit Card">Credit Card</option>
    <option value="Cash">Cash</option>
    </select>
</body>
</html>

birşey değiştirilince alert basıyor. sen bunun yerine farklı javascript fonksiyonu tanımlattıracaksın misal bir divi sildirip diğerini aktif etmek gibi. bunların örnekleri de forumun javascript kısmındaki başlıkların içerisinde var biraz araştırırsan..

30-06-2010, 17:51:15

#4

cold

Teşekkürler hocam, sağolasın yardımların için...

30-06-2010, 21:52:13

#5

mystec

En basit hali ile;

<script>
var aktifil = null;
function ilDegis(sel){
	if(!sel || aktifil==sel){
		return false;
	}
	document.getElementById('ilgostergeci').innerHTML = document.getElementById(sel).innerHTML;
	aktifil = sel;
}

</script>
<select name="iller" id="iller" onChange="ilDegis(this.value)">
	<option value="">İl Seciniz</option>
	<option value="istanbul">İstanbul</option>
	<option value="ankara">Ankara</option>
	<option value="izmir">izmir</option>
</select>
<div id="ilgostergeci">Bilgilerini görüntülemek istediğiniz ili seçiniz</div>
<div id="istanbul" style="display:none">İstanbul güzeldir</div>
<div id="ankara" style="display:none">Ankara da güzeldir</div>
<div id="izmir" style="display:none">İzmir de güzeldir</div>