Simple FAQ's code

« Older   Newer »
 
  Share  
.
  1.     +1   -1
     
    .
    Avatar


    Group
    Administrator
    Posts
    5,491
    Reputation
    +20
    Location
    A place where is full of colors

    Status
    Morto
    Change the Q to your questions and the A to the answers. You can also change the colors of the background.
    CODE
    <head>
    <!--  -->
    <!-- If needed, cut and paste the HEAD and BODY sections of the generated text into the framework of your target HTML document. Put this into the HEAD of your HTML document or use the entire generated HTML document as is. -->
    <script type="text/javascript">
    <!--
    function showFAQ(form) {
    form.answer.value = form.question.options[form.question.selectedIndex].value;
    }
    // -->

    </script>
    </head>
    <!-- If you are cutting and pasting, instead of using the entire document, this code goes in the BODY of your HTML document. -->
    <body>
    <div align=center>
    <form name="faqform">
    <table border="1" cellspacing="0" cellpadding="5">
    <tr bgcolor="#C0C0C0">        
    <td align=center><span style="color:#ffffff;font-family:Arial">
    <b>FAQ's</b></span></td>
    </tr>
    <tr bgcolor="#000000"><td><span style="font-family:verdana,arial"><br>
    <div align=center><div align=center>Browse the "Frequently Asked Questions"
    </div>
    <p>
    <ul><select size="10" name="question" onChange="javascript:showFAQ(this.form);"></div>
    <option value="A1">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Q1
    <option value="A2">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Q2
    <option value="A3">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Q3
    <option value="A4">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Q4
    <option value="A5">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Q5
    <option value="A6">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Q6
    <option value="A7">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Q7
    <option value="A8">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Q8
    <option value="A9">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Q9
    <option value="A10">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Q10
    </select>
    </ul>
    <p>
    <div align=center>The answers appear below.<div align=center>
    <p>
    <ul>
    <textarea name="answer" rows="15" cols="48" wrap="virtual"></textarea>
    </ul>
    </span>
    </td>
    </tr>
    </table>
    </form>
    </div>
    </div>

    To add more questions and answers add the code below as much as you want after the Q10 and </select
    CODE
    <option value="Answer">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Question
     
    Top
    .
0 replies since 17/11/2016, 01:19   20 views
  Share  
.