- sorucevapformu

sorucevapformu

Bu dersimizde ise java kullanarak soru cevap formu oluşturduk. Formun örnek görünümü aşağıda:

Formun kodu:

/*
www.bilgi-world.tr.gg
*/

if (document.getElementById){
document.write('<style type="text/css">n')
document.write('.dropcontent{display:none;}n')
document.write('</style>n')
}

function contractall(){
if (document.getElementById){
var inc=0
while (document.getElementById("dropmsg"+inc)){
document.getElementById("dropmsg"+inc).style.display="none"
inc++
}
}
}

function expandone(){
if (document.getElementById){
var selectedItem=document.dropmsgform.dropmsgoption.selectedIndex
contractall()
document.getElementById("dropmsg"+selectedItem).style.display="block"
}
}

if (window.addEventListener)
window.addEventListener("load", expandone, false)
else if (window.attachEvent)
window.attachEvent("onload", expandone)

</script>
<form name="dropmsgform">
<select name="dropmsgoption" size="1" style="width:300" onChange="expandone()">
    <option selected>SORU 1?</option>
    <option>SORU 2?</option>
    <option>SORU 3?</option>
</select>
<br>

<div id="dropmsg0" class="dropcontent">
CEVAP 1
</div>

<div id="dropmsg1" class="dropcontent">
CEVAP 2
</div>

<div id="dropmsg2" class="dropcontent">
CEVAP 3
</div>

</form>

Soru ve cevap sayısını arttırmak için kodda yer alan
bölümü çoğaltıp yine kodda yer alan şu kodu dropmsg2 yazan yeri soru sayısına göre dropmsg 3 dropmsg 4 şeklinde değiştirerek çoğaltmalısınız

BILGI-WORLD

WEB TASARIM

DİĞER

sorucevapformu

bilgi-world