Js Kaynak

[hserkans]

Slm

JS'le özellikle form elemanları üzerinde yaptığı işlevleri bulabileceğim bir site ya da kitap var mı? Çoğu kitabı araştırdım ama bu konuda bilgiye rastlamadım.

Mesela form sayfamda "cinsiyet" isimli bir select menu var. Buradan "bayan" seçilirse altta "annenizin kızlık soyadı" isimli bir text box çıkacak. "Erkek" seçimini yaparda bir değişiklik olmayacak.

Ya da

İki select menu var. Birinde ülkeler, birinde Türkiye'deki şehirler var. Ülkeden Türkiye'yi seçerse şehir de seçebilecek, başka bir ülke seçerse şehir seçini inaktif olacak.

Bu tarz şeyler..

Simdiden teşekkürler..

[teddmcload]

dediklerine ait örnekler var elimde. tam olarak değil ama mantıken benzerlerini zamanında yapmıştım

[hserkans]

teddmcload, mesajından alıntı:

dediklerine ait örnekler var elimde. tam olarak değil ama mantıken benzerlerini zamanında yapmıştım

Çok güzel... Peki bunun bana nasıl bir faydası var? Örnekleri bana ulaştıracak mısın?

[anov]

merhaba hserkans;
buradan soldan kodu düzenleyip sağdan çalışan halini görmen mümkün
http://www.w3schools.com/dhtml/dhtml_dom_examples.asp
bu da referans olarak işine yarar umarım (uzun vadede)
http://www.w3.org/TR/2000/WD-DOM-Lev...-one-html.html
veya pdf olarak
http://www.w3.org/TR/2000/WD-DOM-Lev...000929/DOM.pdf
iyi niyet ve yardım seninle olsun.

[teddmcload]

ilk sorunun cevabını vereyim

<script language="JavaScript1.2">
function yukleme(){
document.all.vcdsay.style.visibility = "hidden"
document.all.dvdsay.style.visibility = "hidden"
}
function vcdsayvis() {
if (document.all.vcd.checked == true) {
document.all.vcdsay.style.visibility = "visible"
} else {
document.all.vcdsay.style.visibility = "hidden"
}
}

function dvdsayvis() {
if (document.all.dvd.checked == true) {
document.all.dvdsay.style.visibility = "visible"
} else {
document.all.dvdsay.style.visibility = "hidden"
}
}
</script>


<tr>
<td height="37" valign="top"><div align="right">Meyda&nbsp;&nbsp;&nbsp;</div></td>
<td valign="top"><input name="vcd" type="checkbox" id="vcd" value="checkbox" class="checkbox" onClick="vcdsayvis()">
VCD
<input name="vcdsay" type="text" id="vcdsay" size="10" maxlength="2" class="input">
<br> <input name="dvd" type="checkbox" id="dvd" value="checkbox" class="checkbox" onClick="dvdsayvis()">
DVD
<input name="dvdsay" type="text" id="dvdsay" size="10" maxlength="2" class="input">
</td>
</tr>

şimdi ikincide

PHP Kodu:

    $content .= "<form name=\"fromevaluate\" method="post" action=\"http://localhost/t-diagno/default.php?mode=result_add&step=1\">
<table width=\"100%\"  border=\"0\" cellspacing=\"1\" cellpadding=\"1\">
<tr><td class=\"redbold\"><div align=\"center\">Kişisel bilgiler</div></td></tr>
<tr><td><div align=\"center\">
<select name=\"branch_id\" size=\"1\" onChange=\"redddd(this.options.selectedIndex)\" class=\"select\">
<option>--- Şube ---</option>";
$sqlbranches = "select branch_id, branch_name from branches";
$sbranches = $dbworks->db_query($sqlbranches);
while ($branches = $dbworks->db_fetch($sbranches)) { 
$content .= "<option value=\"" . $branches["branch_id"]. "]."]."\">". $branches["branch_name"]."</option>";
}          
$content .= "</select></div></td></tr>
<tr><td><div align=\"center\"> 
<select name=\"stu_id\" size=\"1\" class=\"select\" onChange=\"redirect2(this.options.selectedIndex)\">
<option value=\"\">--- Kursyer ---</option>
<option value=\"\">--- Kursyer ---</option>
</select></div></td></tr></table>";
$content .= '<script>
<!--
var fromevaluategroups=document.fromevaluate.branch_id.options.length
var fromevaluategroup=new Array(fromevaluategroups)
for (i=0; i<fromevaluategroups; i++)
fromevaluategroup[i]=new Array()
fromevaluategroup[0][0]=new Option("","--- Kursyer ---")
fromevaluategroup[0][1]=new Option("","--- Kursyer ---")';
$content .= "\n";
$sbranches = $dbworks->db_query($sqlbranches);
$k=1;
while ($branches = $dbworks->db_fetch($sbranches)) { 
$content .= "fromevaluategroup[".$k."][0]=new Option(\"Simdi kursyer seçin\",\"\");\n";
$sqlstu = "select student_id, namesurname from student_list where branch_id='".$branches["branch_id"]."'";
$sstu = $dbworks->db_query($sqlstu);
$kk = 1;
while ($stu = $dbworks->db_fetch($sstu)) {
$content .= "fromevaluategroup[".$branches["branch_id"]."][".$kk."]=new Option(\"".$stu["namesurname"]."\",\"http://localhost/t-diagno/default.php?mode=evaluate&sID=".$stu["student_id"]."\");\n";
$kk++;
}    
$k++;    
}
$content .= '                    
var fromevaluatetemp=document.fromevaluate.stu_id
function redddd(x){
for (m=fromevaluatetemp.options.length-1;m>0;m--)
fromevaluatetemp.options[m]=null
for (i=0;i<fromevaluategroup[x].length;i++){
fromevaluatetemp.options[i]=new Option(fromevaluategroup[x][i].text,fromevaluategroup[x][i].value)
}
fromevaluatetemp.options[0].selected=true
}                    
function go(){
location=fromevaluatetemp.options[fromevaluatetemp.selectedIndex].value
}
function redirect2(z){
window.location=fromevaluatetemp[z].value
}
//-->
</script></form>'; 


ikincisini php ile elde etmiştim. php ile database'den veriler alınıyor ve yazdırılıyor.