<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по HTML, CSS и адаптивной вёрстке сайтов, с наглядными примерами, с обучением от простого к сложному и без необходимости иметь начальных знаний, а благодаря вспомогательной системе психологически курс проходится очень легко, а на выходе Вы сможете сделать адаптивную вёрстку любого сайта любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Удаление параметров "x" и "y" у кнопки image

Удаление параметров

Те, кто использовал кнопку type="image" и метод GET, обратили внимание, что в адресной строке появляются дополнительные параметры "x" и "y", которые содержат координаты нажатия курсора мыши. Многим они не нравятся, и в этой статье я разберу несколько способов, как от них избавиться.

Пусть у нас будет следующий HTML-код:

<form name="search" action="search.php" method="get">
  <div>
    Поиск: <input type="text" name="query" />
    <br />
    <input type="image" src="images/button.png" alt="" />
  </div>
</form>

Самый первый способ избавиться от лишних параметров у кнопки image - это сделать редирект в отдельном файле. Для этого ставим в action, например, request.php, а уже в нём пишем следующий код:

<?php
  header("Location: search.php?query=".$_REQUEST["query"]);
  exit;
?>

Второй способ - это воспользоваться JavaScript. Для этого в тег form надо добавить атрибут onsubmit="return formSubmit(this)". Дальше в JavaScript надо создать вот такую функцию:

function formSubmit(form) {
  document.location = "search.php?query=" + form.query.value; // Делаем редирект
  return false; // Убираем стандартную отправку формы
}

И, наконец, третий вариант, который я сам в последнее время использую и который рекомендую использовать Вам - это использовать type="submit" и задавать внешний вид кнопки через CSS. Например, это можно сделать так:

input[type="submit"] {
  background: url("images/button.png") no-repeat;
  border: none;
  cursor: pointer;
  height: 40px;
  width: 250px;
}

Таким образом, мы фактически через CSS сделали внешний вид как у type="image", но при этом использовали всего лишь type="submit", у которого лишних параметров уже нет.

Вот такие способы удаления координат в адресной строке у кнопки с изображением Вы можете использовать.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.