Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Интересная, на мой взгляд, задачка
 
 автор: АЯ   (21.01.2010 в 16:41)   письмо автору
 
 

Как известно, тегам <OL> и <LI> можно установить стиль, изменяющий вид маркера.
Можно сделать его окружностью, кружком, квадратиком, цифрой (арабской или римской в разных регистрах, латинской буквой в разных регистрах). Можно использовать какую-то собственную картинку. А можно и вообще отказаться от маркера.
Кроме того, с помощью атрибута START в случае использования арабских цифр можно поменять стартовый номер с дефолтной единицы на любой десятичный.

Задачка следующая:
<ol style="может быть, а может и не быть" start="может быть, а может и не быть">
...
<li style="может быть, а может и не быть" onclick="myFunc (this)">Пункт</li>
...
</ol>

<script>
function myFunc (obj)
{
//напишите код функции

alert ('КОНКРЕТНОЕ* значение маркера у пункта списка, по которому кликнули');

//* если цифра или буква, то какая именно;
//  если картинка - то адрес её;
//  если окружность, кружок, квадратик или ничего - указание об этом.
}
<script>

  Ответить  
 
 автор: Eugene77   (21.01.2010 в 17:03)   письмо автору
 
   для: АЯ   (21.01.2010 в 16:41)
 

Задачка очень интересная - это верно!
Буду следить за теми отважными ребятами, которые возьмутся её решать.

  Ответить  
 
 автор: ddhvvn   (21.01.2010 в 17:06)   письмо автору
 
   для: АЯ   (21.01.2010 в 16:41)
 

это задача другим, или это Ваша задача, которую Вы не можете решить? ;)))

Тем не менее - посчитали, какой это по счету пункт списка (DOM), скорректировали с учетом старта. все. =)

а стоп. тут значение, тогда чуть геморней )) проверить еще тип списка и вывести значение по подготовленному массиву )

  Ответить  
 
 автор: АЯ   (21.01.2010 в 17:35)   письмо автору
 
   для: ddhvvn   (21.01.2010 в 17:06)
 

>"проверить еще тип списка и вывести значение по подготовленному массиву"

И как вы будете "готовить массив" для такого, например, списка, если пунктов в нём будет пару тысяч?
<ol style="list-style-type: lower-roman" start="4">
<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1
<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1
<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1
</ol>

Я, например, очень смутно помню - как там обозначаются полсотни, сотня и тысячи...

PS. Задачку эту я пока ещё не решал. Только придумал :-)

  Ответить  
 
 автор: ddhvvn   (21.01.2010 в 17:49)   письмо автору
 
   для: АЯ   (21.01.2010 в 17:35)
 

не могу себе представить страницу со списком, где будет пару тысяч пунктов/
а вообще я зря про массивы то сказал. что туда помещать то? когда существуют только
decimal    1, 2, 3, ...
lower-roman    i, ii, iii, ...
upper-roman    I, II, III, ...
lower-alpha    a, b, c, ...
upper-alpha    A, B, C, ...

единственная трудность - алгоритм перевода в римское число )

нет, Вы все-таки скажите, зачем Вам такая задача? )

  Ответить  
 
 автор: АЯ   (21.01.2010 в 17:59)   письмо автору
 
   для: ddhvvn   (21.01.2010 в 17:49)
 

>"единственная трудность - алгоритм перевода в римское число "

Ага, особливо "легко" будет, например, разобрать этот случай:
<ol style="list-style-type: lower-roman" start="666">
<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1
<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1
<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1
</ol>

или этот:
<ol style="list-style-type: lower-alpha" start="777">
<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1
<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1
<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1<li>1
</ol>



>"нет, Вы все-таки скажите, зачем Вам такая задача? "

Дык... я на форум этот хожу за-ради интересных задачек.
Вот, покуда никто ничего интересного не спрашивает - сам придумываю.
Если серьёзно, то решение этой задачи можно очень красиво использовать, например, здесь - уйдя от <TABLE>, от id в строках, и от первой ячейки с номером.

  Ответить  
 
 автор: АЯ   (23.01.2010 в 14:10)   письмо автору
 
   для: АЯ   (21.01.2010 в 17:59)
 

В процессе обнаружил интересный эффект:
<ol>
<li>1
<li style="display: none">2
<li>3
<li style="visibility: hidden">4
<li>5
</ol>
"Невидимый" пункт выпадает из нумерации; у "неотображаемого" пункта нумерация сохраняется.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования