VPF::Списки со своими метками - Форум программистов

MasterSID

Дата 28.2.2006, 11:37 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 15.8.2005

Репутация: нет
Всего: нет

Мне вот захотелось сдлеать список с обратным порядком цифр.
Как такое можно реализовать чтобы работало во все браузерах? Желательно через сами списки, т.к. мне они нравятся своими отступами, либо как эти отсупы можно самому реализовать?

smartov

Дата 28.2.2006, 12:48 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

MasterSID,
Это можно было бы сделать с помощью такой вещи как counter в CSS. Но IE это не поддерживает.

Есть своего рода "хак"
http://paularmstrongdesigns.com/weblog/reverse-ordered-lists
http://paularmstrongdesigns.com/examples/c...verse-list.html
Но это не с помощью самой технологии ol-листов.

Посему JS тебе в помощь. Типа такого

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<BODY>

<style>
/*убрать буллеты*/
li {list-style-type: none;}
</style>

<ul id="reverse">
    <li> This is the first item.
    <li> This is the second item.
    <ul>
        <li>Sub list
        <li> Items
    </ul>
    <li> This is the third item.
</ul>


<script>
function setReverseNumbering($list_to_change)
{
    var list = $list_to_change;
    var items = list.childNodes;
    
    for (var i=0;i<items.length;i++)
        if (items[i].nodeName == 'LI')
            items[i].innerHTML = (items.length-i)+'. '+items[i].innerHTML;
        
    sub_uls = list.getElementsByTagName('UL');
    if (sub_uls.length > 0)
        for (var ui=0;ui<sub_uls.length;ui++)
            setReverseNumbering(sub_uls[ui]);
}

/*написать номера для списка с id="reverse"*/
setReverseNumbering(document.getElementById('reverse'));
/*номера написаны*/
</script>

</BODY>
</HTML>

Лицензия GNU. Можешь юзать smile

Только что написал smile

Самому интересно стало как эту фигню реализовать.

AzuManga

Дата 28.2.2006, 12:53 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 168
Регистрация: 12.5.2005

Репутация: нет
Всего: нет

К сожалению, ИЕ не понимает counter-increment, и вообще со списками без применения javascript полноценно умеет работать только опера 7 и старше 8((

http://imfo.ru/archive/2003/10/11/counters_version_1_1 - тут народные умельцы вроде сумели решить проблему, но только с помощью javascript

хихи пока писал пост - уже ответили 8))

Это сообщение отредактировал(а) AzuManga - 28.2.2006, 12:54

--------------------

Точка с запятой;

MasterSID

Дата 2.3.2006, 09:12 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 15.8.2005

Репутация: нет
Всего: нет

эм, пардон, но с js не годится smile

Я пока решил проблему проставляя вручную в каждый LI в параметр value

smartov

Дата 2.3.2006, 12:08 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

Отличное решение проблемы.
Чем не годится js?

AzuManga

Дата 2.3.2006, 15:23 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 168
Регистрация: 12.5.2005

Репутация: нет
Всего: нет

наверное своей непопулярностью у пользователей 8)) фаерволы как винды так и сторонних производителей блокируют js по умолчанию и большинство пользователей даже не забивает себе голову тем, что с этим надо что-то делать 8(( Да и многие пользователи, знающие как разрешить скрипты, зачастую их блокируют 8)))

Это сообщение отредактировал(а) AzuManga - 2.3.2006, 15:24

--------------------

Точка с запятой;

Illuminaty

Дата 2.3.2006, 15:29 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

AzuManga, извини конечно, но ты немного ошибаешься...
Дела совсем не так плохи smile

Ciber SLasH

Дата 2.3.2006, 16:51 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67

Сейчас уже все давно знают, что без JS ты практически никакую страницу нормально не увидешь.
И во всех браузерах по умолчанию включен JS.

smartov

Дата 3.3.2006, 17:26 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

Ciber SLasH,

Цитата(Ciber SLasH @ 2.3.2006, 15:51

)

Сейчас уже все давно знают, что без JS ты практически никакую страницу нормально не увидешь.И во всех браузерах по умолчанию включен JS.

Подписываюсь под каждым словом

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »