Jump to content
  • 0

Посковик путем Javascript


X@nDeR
 Share

Question

Всем доброго времени суток :)

Можно ли как-то реализовать поиск по сайту (слов,статей, ну в общем чего нибудь) путем Javascript?

и еще вопросик...

Почему не работает функция Show()?Вроде все правильно написал...:)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="textcss" href="styles.css" />
<title>Untitled Document</title>
</head>
<body>
<script language="javascript">
<!--
function Hide(input){
if (input.value == 'Чо вам нада?') input.value = '';
}
-->
</script>

<script language="javascript">
<!--
function Show(input){
if (input.value = '') input.value = 'Чо вам нада?';
}
-->
</script>

<form method="" action="">
<input type="text" value="Чо вам нада?" onclick="Hide(this)" onblur="Show(this)" /><input name="Submit" type="submit" value="Найти" onclick=""/> <input type="reset" value="Сброс" />
</form>

</body>
</html>

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

Плоха =( Я пхп не знаю( Но все равно спасибо за помощь.

"Почему не работает функция Show()?Вроде все правильно написал..."

Уже сам разобрался.Забыл еще одно "=" поставить.

Link to comment
Share on other sites

  • 0

Кстати начав изучать JavaScript наткнулся на интересные статьи (в деревянном формате), о серверной версии JavaScript и ее поддержке Apache и IIS2003. Суть в том, что JS используется на сервере как аналог PHP, это позволяет JS программерам выучив несколько функций (обращение к БД, работа с библиотеками и прочее) писать вполне приличные сценарии. В сети есть гайд по версии 1.4 это чуда, хотя я придерживаюсь PHP (хотябы потому, что не любой хостинг даст поддержку этого на своем сервере.)

Поисковик только с помощью JS реализовать возможно, но это действительно будет не актуально из за низкой скорости работы и сложности конструкции. Я это придставляю как листнинг страниц по шаблону регулярных выражений.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy