[Zarakul]
24.08.2006, 06:14
Есть скрипт.
<script language="JavaScript">
document.getElementById("pun-navlinks").style.position = "relative"
function showDiv()
{
if( document.getElementById("searchDiv").style.display == 'none' )
document.getElementById("searchDiv").style.display = ''
else document.getElementById("searchDiv").style.display = 'none'
return false;
}
str = "<a href=\"search.php\" onclick=\"return showDiv()\"><span>Поиск</span></a>"
str += "<div id=searchDiv style=\"display: none; \">"
str += " <form method=\"get\" action=\"search.php\">"
str += " <input type=\"hidden\" name=\"action\" value=\"search\">"
str += " <p class=\"inputfield\">"
str += " <label for=\"fld1\">Ключевые слова</label><br />"
str += " <span class=\"input\"><input type=\"text\" name=\"keywords\" size=\"25\" maxlength=\"100\" /></span>"
str += " </p>"
str += " <p class=\"inputfield\">"
str += " <label for=\"fld2\">Поиск автора</label><br />"
str += " <span class=\"input\"><input type=\"text\" name=\"author\" size=\"25\" maxlength=\"25\" /></span>"
str += " </p> <br>"
str += " <input type=\"hidden\" name=\"forum\" value=\"-1\">"
str += " <input type=\"hidden\" name=\"search_in\" value=\"all\">"
str += " <input type=\"hidden\" name=\"sort_by\" value=\"0\">"
str += " <input type=\"hidden\" name=\"sort_dir\" value=\"DESC\">"
str += " <input type=\"hidden\" name=\"show_as\" value=\"topics\">"
str += " <p><input type=\"submit\" class=\"button\" name=\"search\" value=\"Отправить\" accesskey=\"s\" title=\"Accesskey:s\" /></p>"
str += " </form>"
str += " <a href=\"search.php\">Расширенный поиск</a> "
str += "</div>"
document.getElementById('navsearch').innerHTML = str
</script>
<style>
#searchDiv{
position:absolute;
background-color : Gray;
border : solid;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
}
</style>
Его функциональность:
Применяется в основном на форумах PunBB и MyBB. При нажатии на ссылку в меню Поиск, страница с поиском не загружается, а появляется только окошко с двумя полями: слова для поиска или автор.
При повторном нажатии, оно исчезает.
Также в окошке есть ссылка Расширенный поиск, которая ведёт к полной странице поиска.
Это нужно, чтобы не грузить каждый раз полную страницу с поиском.
Пример этого скрипта вы можете посмотреть на форуме http://gagarinns.mybb.ru (взят для примера).
Вопрос. Данное появляющееся окно поиска прозразное, то есть чрез него видно некоторые надписи. Нужно сделать окно не прозразным.
Помогите. Сам в JavaScript`ах разбираюсь не очень.
ЗЫ: [sL1p], можешь поставить данный скрипт себе на форум (в окно HTML-низ).
<script language="JavaScript">
document.getElementById("pun-navlinks").style.position = "relative"
function showDiv()
{
if( document.getElementById("searchDiv").style.display == 'none' )
document.getElementById("searchDiv").style.display = ''
else document.getElementById("searchDiv").style.display = 'none'
return false;
}
str = "<a href=\"search.php\" onclick=\"return showDiv()\"><span>Поиск</span></a>"
str += "<div id=searchDiv style=\"display: none; \">"
str += " <form method=\"get\" action=\"search.php\">"
str += " <input type=\"hidden\" name=\"action\" value=\"search\">"
str += " <p class=\"inputfield\">"
str += " <label for=\"fld1\">Ключевые слова</label><br />"
str += " <span class=\"input\"><input type=\"text\" name=\"keywords\" size=\"25\" maxlength=\"100\" /></span>"
str += " </p>"
str += " <p class=\"inputfield\">"
str += " <label for=\"fld2\">Поиск автора</label><br />"
str += " <span class=\"input\"><input type=\"text\" name=\"author\" size=\"25\" maxlength=\"25\" /></span>"
str += " </p> <br>"
str += " <input type=\"hidden\" name=\"forum\" value=\"-1\">"
str += " <input type=\"hidden\" name=\"search_in\" value=\"all\">"
str += " <input type=\"hidden\" name=\"sort_by\" value=\"0\">"
str += " <input type=\"hidden\" name=\"sort_dir\" value=\"DESC\">"
str += " <input type=\"hidden\" name=\"show_as\" value=\"topics\">"
str += " <p><input type=\"submit\" class=\"button\" name=\"search\" value=\"Отправить\" accesskey=\"s\" title=\"Accesskey:s\" /></p>"
str += " </form>"
str += " <a href=\"search.php\">Расширенный поиск</a> "
str += "</div>"
document.getElementById('navsearch').innerHTML = str
</script>
<style>
#searchDiv{
position:absolute;
background-color : Gray;
border : solid;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
}
</style>
Его функциональность:
Применяется в основном на форумах PunBB и MyBB. При нажатии на ссылку в меню Поиск, страница с поиском не загружается, а появляется только окошко с двумя полями: слова для поиска или автор.
При повторном нажатии, оно исчезает.
Также в окошке есть ссылка Расширенный поиск, которая ведёт к полной странице поиска.
Это нужно, чтобы не грузить каждый раз полную страницу с поиском.
Пример этого скрипта вы можете посмотреть на форуме http://gagarinns.mybb.ru (взят для примера).
Вопрос. Данное появляющееся окно поиска прозразное, то есть чрез него видно некоторые надписи. Нужно сделать окно не прозразным.
Помогите. Сам в JavaScript`ах разбираюсь не очень.
ЗЫ: [sL1p], можешь поставить данный скрипт себе на форум (в окно HTML-низ).