Иногда, особенно на коммерческих сайтах, требуется сделать 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>
16 коммент.:
Николай, Ваш сайт для меня - просто находка! С удовольствием вручаю Вам кубок признания, приходите за ним по адресу http://testi-food.ru
Спасибо,приду!
Полезная статья. Спасибо.
Всегда пожалуйста! Заходите почаще!
Полезная информация надо сохранить. Спасибо.
Пожалуйста, Света!
Молодец, Николай! Сразу видно почерк профессионала...
Володя, спасибо! Я стараюсь!
Спасибо! Ваши статьи очень нужны тем, кто недавно создал свой сайт, кому ещё многому нужно учится.
Всегда рад помочь!
Спасибо. Полезная статья. Не давно искал плагин, который выполняет такую функцию, но потом забросил, поскольку плагин не много глючит под новой версией. Данная статья мне очень пригодилась.
Хочу передать вам Кубок признания. Забрать его нужно здесь: http://brenvik.com/kubok-priznaniya/.
Успехов, вам и дальнейшего процветания!
Хочу передать вам Кубок признания. Приходите за ним сюда: www.bivag.com.ua. Успехов, вам и процветания вашему сайту!
Володя, спасибо! Кубок заберу!
Николай, когда увидела Вашу статью - была в шоке, столько буковок непонятных))) думала, что ошиблась адресом))) А оказалось и правда не сложно!
Спасибо Николай, за полное и пошаговое объяснение! Что даже блондинка смогла разобраться с FAQ !
Я старался:)
Вставил на народ (я новичок) получилось спасибо.
Отправить комментарий