select'e tıklanınca açılan yazı

09-07-2009, 00:07:41

#1

Cycl0ne

merhaba arkadaşlar selecte tıklanınca bir yazı çıkması istiyorum nasıl yapabiliriz?

09-07-2009, 00:17:40

#2

cortes

detaya girebilir misiniz?
<select onclick="" name="">
</select>

tarzı birşeyden mi bahsediyorsun?
Yazı nereye çıkcak??

09-07-2009, 13:54:46

#3

sagrep

<select>
<option value = "-1">Seçiniz</option>
</select>

Sanirim bole bisey demek istedin.

10-07-2009, 22:48:24

#4

Cycl0ne

konuyu açarken yanlış terimi kullandığım için özür dilerim, unutmuşum

radio butonuna tıklanınca açılan yazıları kast etmiştim
birşey buldum ama editleyemedim yardımcı olursanız çok sevinirim

sadece yapmak istediğim şey if else kullanarak ekrana çıktı vermek
document.write(); olayını kullanarak vereceğiniz cevaplar için şimdiden çok ama çok teşekkür ediyorum

html>
<head>
<title>JS - Alan Göster Gizle</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-9">
<meta http-equiv="content-language" content="tr">
<script language="javascript" type="text/javascript">
<!--
// Bu javascript Demir Çelenk [[Linkleri görebilmeniz için kayitli üye olmaniz gerekmektedir. Üye olmak için lütfen tiklayiniz.]] tarafından yazılmıştır
function GG(alan) {
var alanx;
alanx = document.getElementById(alan).style;
if(alanx.display == "none") {
alanx.display = "";
}
else {
alanx.display = "none";
};
};
//-->
</script>
</head>
<body>
<table align="center" border="1" width="80%">
<tr><td><input type="radio" id="alan_secim" name="alan_secim" onclick="GG('alan01')" />kategori</td></tr>
<tr><td><input type="radio" id="alan_secim" name="alan_secim" onclick="GG('alan01')" />arama</td></tr>
<tr id="alan01" style="display: none;"><td>Alan 1</td></tr>
</table>
</body></html>

12-07-2009, 01:49:34

#5

ErsaT

Verdiğin örnek çalışıyor.
Şöylede olabilir.

Alıntı

<input type="checkbox" name="secenek" onClick="if(this.checked == true){ document.getElementById('yazi').style.display='blo ck'; }else{ document.getElementById('yazi').style.display='non e'; }"><span id="yazi" style="display:none">Seçenek butonu seçilince çıkacak yazı.</span>

12-07-2009, 11:57:57

#6

Cycl0ne

çalışmasına çalışıyor da tam olarak istediğim gibi değil, şu şekilde bir şey yapmaya çalıştım ama çalıştıramadım.

<html>
<head>
<title>JS - Alan Göster Gizle</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-9">
<meta http-equiv="content-language" content="tr">
<script language="javascript" type="text/javascript">
function GG(alan) {
var alanx;
if(alan == 'alan01') {
document.write('<input type="text" name="ara">'); } elseif(alan == 'alan02'){
document.write('<select name="x"><option name="xy">XXyyYY</option></select>');
}
alanx = document.getElementById(alan).style;
if(alanx.display == "none") {
alanx.display = "";
}
else {
alanx.display = "none";
};
};
</script>
</head>
<body>

<table align="center" border="1" width="80%">
<tr><td><input type="radio" id="alan_secim" name="alan_secim" onclick="GG('alan01')" />ARAMA</td></tr>
<tr><td><input type="radio" id="alan_secim" name="alan_secim" onclick="GG('alan01')" />KATEGORİ</td></tr>
<tr id="alan01" style="display: none;"><td>Alan 1</td></tr>
<tr id="alan02" style="display: none;"><td>Alan 2</td></tr>
</table>
</body></html>

12-07-2009, 13:16:12

#7

ErsaT

Ne yapmak istediğini anlayamadığım için yardımcı olamıyorum.

12-07-2009, 15:59:50

#8

Cycl0ne

ersat bey ajax tabs menüler gibi yapmak istediğim şey ama tek bir faklılıkla radyo butonuna tıklanılacak. umarım sonuncu kezde anlatabilmişimdir:S

16-07-2009, 16:45:32

#9

~~saho~~

Üyeliği durduruldu

yapmak için aslında bunu bir çok yol var
1-) dom ile element üretip alan01 veya alan02 ye appendchild ile bağlayabilirsini
2-) alan01 kısmının display: none; halde kalır document.write ile yazdıracağın kodları direkt alan01 td sinin içinde yazdırırsın eğer radio butondan gelen beri 01 ise 01 id li elementi display: block; veya direk display:; alanına getirirsin
3-) alan01 ise document.write ile yazdırmak yerine onu
document.getElementById(alan).innerHTML = kodlar;
ile alan isimli elementin in içeriğine dom ile gönderirsin sonrada display: block yaparsın olur biter
ki yüksek ihtimal table ile çalıştığın için sorun çıkacaktır ie ve ff arasında o zamanda display: block değil table-row kullancaksın