Иногда, особенно на коммерческих сайтах, требуется сделать FAQ, где размещаются, например, способы оплаты продукта, как связаться с продавцом и т.д. FAQ может также понадобиться, если Вы описываете, к примеру, условия Вашей партнерской программы.
В общем, FAQ в жизни используется довольно часто.
В этой статье я расскажу, как можно быстро сделать страничку FAQ(один из вариантов, конечно).
В общем, FAQ в жизни используется довольно часто.
В этой статье я расскажу, как можно быстро сделать страничку FAQ(один из вариантов, конечно).
Между тегами <head> и </head> размещаем скрипт:
<SCRIPT LANGUAGE="JavaScript">
function showFAQ(form) {
function showFAQ(form) {
form.answer.value = form.question.options[form.question.selectedIndex].value;
}
</SCRIPT>
Между тегами <body> и </body> разместим вот такой текст:
<center>
<form name=faqform>
<form name=faqform>
<table border=1 cellspacing=0 cellpadding=5>
<tr bgcolor="#000099">
<td align=center>
<font face="verdana,arial" size="-1" color="#ffffff"><b>FAQ</b>
</font></td>
</tr>
<tr bgcolor="#ffffcc"><td>
<font face="verdana,arial" size="-1">
<br>Для просмотра ответа кликните на вопрос.
<p>
<ul>
<select size=10 name=question onChange="javascript:showFAQ(this.form);">
<option value="ЗДЕСЬ РАЗМЕЩАЕМ ТЕКСТ ВАШЕГО ОТВЕТА"> --> ЗДЕСЬ ПИШЕМ ТЕКСТ ВАШЕГО ОТВЕТА
</option>
</select>
</ul>
<p>Читайте ответ здесь:
<p>
<ul>
<textarea name="answer" rows=15 cols=50 wrap=virtual></textarea>
</ul>
</font></td>
</tr>
</table>
</form>
</center>
Чтобы не быть голословным, приведу пример созданного мной FAQ, попробуйте:
Как Вы поняли, сделать такой FAQ очень легко. Пользуйтесь, если нравится.
P.S. Приведу исходный код этого примера
<head>
<title>FAQ
</title>
<SCRIPT LANGUAGE="JavaScript">
function showFAQ(form) {
form.answer.value = form.question.options[form.question.selectedIndex].value;
}
</SCRIPT>
</head>
<body>
<center>
<form name=faqform>
<table border=1 cellspacing=0 cellpadding=5>
<tr bgcolor="#000099">
<td align=center>
<font face="verdana,arial" size="-1" color="#ffffff"><b>FAQ</b>
</font></td>
</tr>
<tr bgcolor="#ffffcc"><td>
<font face="verdana,arial" size="-1">
<br>Для просмотра ответа кликните на вопрос.
<p>
<ul>
<select size=10 name=question onChange="javascript:showFAQ(this.form);">
<option value="Прочитать до конца эту статью."> --> Как сделать FAQ?
</option>
<option value="<SCRIPT LANGUAGE='JavaScript'> function showFAQ(form) { form.answer.value = form.question.options[form.question.selectedIndex].value; } </SCRIPT>"> --> Какой текст нужно вставить между тегами <HEAD > и </HEAD>?
</option>
<option value="Найти <option value=, скопировать эту строку и уже в новой строке в кавычках заменить текст ответа своим текстом ответа. Заменить текст вопроса перед тегом </option> своим текстом вопроса."> --> Как добавить свой вопрос и ответ на него?
</option>
</select>
</ul>
<p>Читайте ответ здесь:
<p>
<ul>
<textarea name="answer" rows=15 cols=50 wrap=virtual></textarea>
</ul>
</font></td>
</tr>
</table>
</form>
</center> </body>
</html>
