Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.07.2019, 21:58
Интересующийся
Отправить личное сообщение для Sergius182 Посмотреть профиль Найти все сообщения от Sergius182
 
Регистрация: 11.08.2018
Сообщений: 27

Требуется подсказка по созданию списка
Есть к примеру простой нумерованный список

<ol style="margin-left:100px;">
<li>первое</li>
<li>второе</li>
<li>третее</li>
</ol>

я хочу вставить перед цифрой картинку, при нажатии на которую будет происходить определенное действие с соответствующим элементом.
Как это сделать.

Надо примерно так как на картинке нарисованной в паинте
Изображения:
Тип файла: jpg удали.jpg (22.8 Кб, 4 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 21.07.2019, 21:59
Интересующийся
Отправить личное сообщение для Sergius182 Посмотреть профиль Найти все сообщения от Sergius182
 
Регистрация: 11.08.2018
Сообщений: 27

Получается олько внутри тега li, а надо снаружи , на этом же уровне
Ответить с цитированием
  #3 (permalink)  
Старый 21.07.2019, 22:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Sergius182,
вариант
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  ul{
     counter-reset: headings 0;
      list-style: none;
  }

  li:before{
    counter-increment: headings 1;
    content:  "\2B55 "counter(headings)". ";
  }
  li{
      text-decoration: none;
  }

  </style>

</head>

<body>
<ul>
 <li>первое</li>
 <li>второе</li>
 <li>третее</li>
 </ul>
</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 22.07.2019, 21:20
Интересующийся
Отправить личное сообщение для Sergius182 Посмотреть профиль Найти все сообщения от Sergius182
 
Регистрация: 11.08.2018
Сообщений: 27

Да, ваш вариант рабочий только не получается туда вставить изображение по ирл, погуглив я нашел что нужно пользоваться backgraund: url(путь);
но все равно не выходит... . Допустим , кстатий, все получилось, (авось добьюсь),.... Как через js ссчитать какая картинка установлена, не подскажите?
Ответить с цитированием
  #5 (permalink)  
Старый 22.07.2019, 23:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от Sergius182
Как через js ссчитать какая картинка установлена, не подскажите?
вам нужен индекс li
Ответить с цитированием
  #6 (permalink)  
Старый 02.09.2019, 11:05
Новичок на форуме
Отправить личное сообщение для tanyastreltzowa49 Посмотреть профиль Найти все сообщения от tanyastreltzowa49
 
Регистрация: 14.08.2019
Сообщений: 2

Через li лей и всё будет работать.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает скрипт отображения списка Konstantine Javascript под браузер 3 18.03.2013 06:00
Требуется подсказка по работе с ссылками Television Элементы интерфейса 2 19.06.2012 22:15
Динамическое добавление выпадающего списка В IE stepennwolf Internet Explorer 3 04.11.2011 17:36
Заполнить список значениями из динамически созданного выпадающего списка zhuzha Элементы интерфейса 0 17.08.2010 14:40
Требуется подсказка в коде, для блога fidan Общие вопросы Javascript 0 19.04.2009 16:21