Nagyon sok oldal tulajdonos találkozott már nem egyszer ugyanazzal a kérdéssel az oldalán, ilyenkor, hogy ne kelljen önmagunkat 50x ismételni a legcélravezetőbb egy Gy.I.K. (Gyakran ismételt kérdések) modul, ahol összeírjuk a leggyakoribb kérdéseket, s a válaszokat is rá. Ezt persze kód nélkül is el lehet végezni, viszont ezzel a kóddal máshogyan is megjelenítheted a kérdéseket és a válaszokat, sokkal kisebb helyet foglal.

Demó:

Magyarázat:

Félkövérrel jelöltük az átirandó részeket.
Az első, amit találsz az option value rész, ez a lenyíló menü. Az első sor fog alap megjelenni, a többi pedig a lenyitáskor fog látszódni. Ha több kérdést szeretnél, másold az utolsó sort, s a vraag utáni számot írd át egyel nagyobbra. Tehát most vraag4, a következőnél vraag5 legyen, majd vraag6.
A következő félkövér rész a válaszok. Ne tévesszen meg, hogy a számozás 0-tól kezdődik. Tehát az első kérdés a vraag1, erre a thecontents[0] -nál tudsz válaszolni, a második kérdés a vraag2, erre a thecontents[1]-nél tudsz válaszolni és így tovább. Tehát mindig egyel kevesebb lesz itt a szám, mint a kérdésed sorszáma. Ha pl. már a 10. kérdést írod, a válasznál még csak a 9. számnak kell szerepelnie. Remélem érthető.
Az utolsó félkövér résznél ismét a válaszokat kell megadni, ugyanúgy, ahogy az előbb tetted.

Kód:

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%"><form name="ddmessage"><table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100%">
            <p align="center"><select name="selectbox" size="1" onChange="changecontent(this)">
            <option selected value="vraag 1">Első kérdés</option>
            <option value="vraag 2">Második kérdés</option>
            <option value="vraag 3">Harmadik kérdés</option>
            <option value="vraag 4">Negyedik kérdés</option>
          </select><br>
            </p>
          </td>
        </tr>
        <tr>
          <td width="100%"><textarea rows="6" name="contentbox" cols="35" wrap="virtual"></textarea><br>
</td>
        </tr>
      </table>
    </form>
    </td>
  </tr>
</table>

<p>

<script language="JavaScript">

//verander hieronder de antwoorden overeenkomstig met de vragen hierboven
var thecontents=new Array()

thecontents[0]='Első válasz.'

thecontents[1]='Második válasz.'

thecontents[2]='Harmadik válasz.'

thecontents[3]='Negyedik válasz.'

//verander hieronder niets

function changecontent(which){
document.ddmessage.contentbox.value=thecontents[which.selectedIndex]
}

document.ddmessage.contentbox.value=thecontents[document.ddmessage.selectbox.selectedIndex]
</script>

<p>

<script language="JavaScript">

//verander hieronder de antwoorden overeenkomstig met de vragen hierboven
var thecontents=new Array()

thecontents[0]='Első válasz.'

thecontents[1]='Második válasz.'

thecontents[2]='Harmadik válasz.'

thecontents[3]='Negyedik válasz.'

//verander hieronder niets

function changecontent(which){
document.ddmessage.contentbox.value=thecontents[which.selectedIndex]
}

document.ddmessage.contentbox.value=thecontents[document.ddmessage.selectbox.selectedIndex]
</script>
</textarea>
    </form>
    </form>
</div>