Форум программистов, компьютерный форум, киберфорум
Наши страницы
Grey
Войти
Регистрация
Восстановить пароль
Рейтинг: 5.00. Голосов: 1.

сделать кнопку видимой при нажатии на ссылку

Запись от Grey размещена 06.12.2017 в 01:48
Обновил(-а) Grey 06.12.2017 в 01:54

такой код сочинил
с использование jquery
я использовал блок а не кнопку. но это легко переделать.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
 
  <a href="http://google.com" target="_blank" class="link">1</a>
  <a href="http://yandex.ru" target="_blank" class="link">2</a>
  <a href="http://mail.ru" target="_blank" class="link">3</a>
  
  <div id="but" style="display: none; height: 30px; width: 60px; background-color: red;" ></div>
 
<script type="text/javascript" >
$(function(){
    $(".link").click(function(){
      $(this).each(function(indx){
        $("#but").css("display", "block");
      });
    });
});
</script>
 
</body>
</html>
вроде простой код, но пришлось с ним помучиться, потому и разместил.

проблема была в том, что сперва у ссылок я использовал id а не классы. и код срабатывал только при нажатии на первую ссылку.
потом я вспомнил, что id возвращает только первый элемент списка а классы весь список.
заменил их на классы.
и всё заработало.
Размещено в Без категории
Просмотров 405 Комментарии 1
Всего комментариев 1
Комментарии
  1. Старый комментарий
    Аватар для Grey
    Цитата:
    потом я вспомнил, что id возвращает только первый элемент списка а классы весь список.
    а этого я не знал
    Цитата:
    Идентификатор в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз.
    в принципе логично. для этого он и идентификатор. поэтому функция getElementById() и возвращает 1 элемент.
    ну и до кучи
    Цитата:
    Идентификатор должен обязательно начинаться с латинского символа и может содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчеркивания (_). Использование русских букв в именах идентификатора недопустимо.
    Запись от Grey размещена 06.12.2017 в 11:08 Grey вне форума
 
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru