Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > доделать скрипт


Автор: ReSo 16.6.2007, 18:30
Код

var choice=new Array('column','theme','last');
function sort_by(n) {
var _i=null;
var _selected=0;

for (i=1;i<=choice.length;i++) 
{
if (_i=document.getElementById(choice[i-1])) 

{
if (i!=n) _i.style.display='none';

else {
_i.style.display='block';
_selected=i;  


}}}}



как заставить его

1) активному в данный момент элементу присваивать id="active"

2) оставлять куки с последним выбором человека.

очень рассчитываю на вашу помощь.

Автор: Mymik 16.6.2007, 21:09
У тебя очень интересный подход к циклам... я еще такого не видел...
Код

var choice=new Array('column','theme','last');
function sort_by(n) 
{
    var _i = null;
    var _selected = 0;
    for (i = 0; i < choice.length; i++) 
    {
        if (_i = document.getElementById(choice[i])) 
        {
            if (i != n) 
                _i.style.display = 'none';
            else {
                _i.style.display = 'block';
                /* Установка нового id у элемента. Только он тогда не будет видел в следующий раз в твоем цикле */
                _i.id = "active";
                /* Установка кука lastSelected */
                document.cookie = 'lastSelected=' + i.id + ';';
            }
        }
    }
}

да, кстати, как я понял, в данный момент активный элемент это и есть n ??? да ??? ну в смысле если он равен "_i" то это типа и есть активный элемент...

Да, еще. При втором проходе в этой функции у тебя будет два одинаковых id... и это приведет к падению системы...

Лучше напиши что конкретно тебе нать... 

Автор: ReSo 16.6.2007, 21:15
Mymik не работает (( 

скрипт не мой, более того я в js не силён вообще но очень понадобился данный скриптец. Это кусок того я выдернул из tut.by всеми правдами и неправдами мне нужен был похожий эффект с переключением блоков, а вот запомнить какой из блоков выбрал пользователь и какая ссылка активна пока не получается это реализовать smile 

Автор: Mymik 16.6.2007, 21:26
Цитата(ReSo @  16.6.2007,  21:15 Найти цитируемый пост)
эффект с переключением блоков

А что это за блоки ??? те которые "Погода, Курсы, Афиша, Программа TV" ???

Автор: AKS 16.6.2007, 22:01
ReSo, a http://forum.vingrad.ru/forum/topic-110775/anchor-entry1155107/15.html# было уже нечто похожее. Простите великодушно за нескромное поведение, но я даю ссылку на свое решение лишь потому, что в нем как раз есть такая возможность, как "запоминание" активного таба (переменная так и называется activeTab), и еще потому, что мне легче было найти свою "писанину" среди множества подобных решений.

Автор: ReSo 17.6.2007, 11:36
AKS Спасибо большое сейчас буду пробывать.

Mymik Да они самые.

Автор: ReSo 17.6.2007, 12:48
AKS ещё раз спасибо, но у меня последнее положение скрипт не запоминает, как отдать юзеру куки с этим выбором? мне это очень важно. Ещё внесу небольшие изменения в Ваш код, вместо h5 лучше использовать <a href="" если у человека отключёт js он попадёт на страницу где уже этот блок выбран как основной.

Автор: AKS 17.6.2007, 12:54
ReSo, Вы внесите необходимые изменения, а потом опубликуйте здесь уже рабочий код - тогда и посмотрим "кто и что не запоминает".

Автор: ReSo 17.6.2007, 13:17
Я никаких изменений не вносил. может немного проблему кратко описал. Мне нужно чтобы человек который выбрал блок Б (по умолчанию в первый раз открывается блок А), так вот это выбравший Б приходя на сайт в следующий раз видел по умолчанию блок Б

Автор: AKS 17.6.2007, 13:40
Можно решить следующим образом. Если задать ссылкам id (Вы ведь писали, что "вместо h5 лучше использовать <a href=""), то при каждом вызове функции в куках сохранять id кликнутой ссылки. А при событии onload надо попытаться получить из кук этот id, и если id есть, то вызвать событие click на элементе с этим id. Подойдет?

Автор: ReSo 17.6.2007, 14:56
Наверное подойдёт. Но если можно всё то же самое кодом т.к. сам это не напишу. smile 

Автор: AKS 17.6.2007, 15:30
Цитата(ReSo @  17.6.2007,  14:56 Найти цитируемый пост)
...если можно всё то же самое кодом...

Ну один раз я уже нашел подходящий для Вас (как оказалось) код на этом форуме. Теперь ваша очередь - найдите на форуме все, что касается cookies, "попытайте" это дело, а уж потом продолжим. ;)

Автор: ReSo 17.6.2007, 21:32
 smile  smile  smile  smile 

Автор: ReSo 22.6.2007, 22:58
Значит при попытке изменить "h5" на "a" и добавить href= вылезла сразу проблема, таб пару секунд показывается а потом уходит на ссылку smile 

Код

  <div id="tabs">
        <li>
            <a onclick='Izabela(this)' href="http://www.lalala.ru" >First tab</a>
            <p>I have done so much with so little for so long that 
               I am now qualified to do anithing with nothing
            </p>
        </li>
        <li>
            <a onclick='Izabela(this)' href="http://www.lalala.ru" >second tab</a>
            <p>Nadiaaaaaa</p>
         </li>
         <li>
            <a onclick='Izabela(this)' href="http://www.lalala.ru" >third tab</a>
            <p>adf</p>
          </li>
    <div id="content"></div>
</div> 
</body></html>


Код

window.onload = function () {
    document.getElementById('tabs')
            .getElementsByTagName('a')[0].onclick();
}
var Izabela = function () {
    var activeTab,
        getSibling = function (aElement) {
            while (aElement.nodeType === 3) {
                aElement = aElement.nextSibling;
            }
            return aElement;
        };
    return function (aElement) {
        if (aElement === activeTab) {
            return;
        }
        var content = document.getElementById('content'),
            child = content.firstChild;
        if (activeTab) {
            activeTab.parentNode.appendChild(child);
            activeTab.className = '';
        }
        content.appendChild(getSibling(aElement.nextSibling));
        (activeTab = aElement).className = 'selected';
    }
}();

Автор: AKS 23.6.2007, 05:48
Код

<a onclick='Izabela(this);return false;' href="http://www.lalala.ru" >First tab</a>

Кстати, имя функции Izabela уже можно сменить на ReSo. smile

Автор: ReSo 23.6.2007, 09:18
AKS спасибо. 

Изабелла - романтично очень, мне нравится ))

Автор: ReSo 23.6.2007, 12:52
и всё-таки для решения задачи полность. Как заставить запомнить выбор юзера smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)