ФорумПрограммированиеПыхнуть хотите?Готовые решения → BatmanHand.js: Хелпер для html5 js history api

BatmanHand.js: Хелпер для html5 js history api

  • Ivan

    Сообщения: ? Репутация: N Группа: Адекваты

    Spritz 6 февраля 2012 г. 17:35

    Написал небольшой хелпер для работы с html5 js history api

    Пример кода:
    <div id=&quot;navigation&quot;>
    <a href=&quot;/hello&quot; data-history=&quot;Hello&quot;>Это history-api ссылка, по клике среагирует калбек</a>
    <a href=&quot;/blabla&quot;>Это простая ссылка (статическая)</a>
    </div>
    <div id=&quot;batman-container&quot;></div>
    <script type=&quot;text/javascript&quot;>
    batmanHand.init(function (path, title) { // тот самый калбек
    document.title = title; // получили заголовок из data-history
    document.getElementById(&#39;batman-container&#39;).innerHTML = path; // получили путь, делаем с ним что хотим
    });
    </script>


    Если броузер не поддерживает history api, то ссылка просто останется статической ссылкой, для history api-way это считается нормальным, т.к. нужно поддерживать запросы по ссылкам

    Проект на github
  • phpdude

    Сообщения: 26617 Репутация: N Группа: в ухо

    Spritz 6 февраля 2012 г. 17:41, спустя 5 минут 32 секунды

    нет чтобы в жс плагин под жк обернуть.

    во вторых - а нах велосипед, разве жк плагина нет?)
    Сапожник без сапог
  • Ivan

    Сообщения: ? Репутация: N Группа: Адекваты

    Spritz 6 февраля 2012 г. 17:43, спустя 1 минуту 42 секунды

    а нафиг тут жк? лишняя зависимость
  • phpdude

    Сообщения: 26617 Репутация: N Группа: в ухо

    Spritz 6 февраля 2012 г. 17:46, спустя 3 минуты 42 секунды


    а нафиг тут жк? лишняя зависимость
    а нафик тут ватман?)))))))))))))
    Сапожник без сапог
  • Ivan

    Сообщения: ? Репутация: N Группа: Адекваты

    Spritz 6 февраля 2012 г. 17:49, спустя 2 минуты 21 секунду

  • phpdude

    Сообщения: 26617 Репутация: N Группа: в ухо

    Spritz 6 февраля 2012 г. 17:54, спустя 5 минут 47 секунд

    какой ужас. пайнт так и видно по оконтовке плаща :D
    Сапожник без сапог
  • Ivan

    Сообщения: ? Репутация: N Группа: Адекваты

    Spritz 6 февраля 2012 г. 17:57, спустя 2 минуты 9 секунд

    пайнт так и видно

  • phpdude

    Сообщения: 26617 Репутация: N Группа: в ухо

    Spritz 6 февраля 2012 г. 17:59, спустя 2 минуты 18 секунд

    Ivan, это блин угроза ваще была только что :D:D:D:D
    Сапожник без сапог
  • kostyl

    Сообщения: 5201 Репутация: N Группа: Джедаи

    Spritz 6 февраля 2012 г. 18:19, спустя 19 минут 59 секунд

    $(function () {

    if (history &amp;&amp; history.pushState) {
    $(&#39;a:not(.img)&#39;).live(&#39;click&#39;, ajaxHref);
    window.addEventListener(&quot;popstate&quot;,
    function () {
    ajaxRequest(location.href,null);

    }, false);
    }
    $(&#39;form&#39;).live(&#39;submit&#39;, ajaxRequest);
    });
    ….
  • Ivan

    Сообщения: ? Репутация: N Группа: Адекваты

    Spritz 6 февраля 2012 г. 18:21, спустя 2 минуты 17 секунд

    Понтуетесь жуквери? =)
  • Sinkler

    Сообщения: 9658 Репутация: N Группа: в ухо

    Spritz 7 февраля 2012 г. 6:54, спустя 12 часов 33 минуты 2 секунды

    да, а чо?
  • Ivan

    Сообщения: ? Репутация: N Группа: Адекваты

    Spritz 7 февраля 2012 г. 9:49, спустя 2 часа 54 минуты 24 секунды

    Жукверинаркоманы
  • phpdude

    Сообщения: 26617 Репутация: N Группа: в ухо

    Spritz 7 февраля 2012 г. 9:50, спустя 1 минуту 36 секунд


    Жукверинаркоманы
    реалисты
    Сапожник без сапог
  • Абырвалг

    Сообщения: 6477 Репутация: N Группа: Джедаи

    Spritz 7 февраля 2012 г. 10:23, спустя 33 минуты 17 секунд

    Тут жуйквери боком. Ну да, можно триггерить/биндиться на события. Но в целом она тут скорее лишняя будет

    меня вообще раздражает вот эта плагинность, когда ее везде лепят ($.fn).

    // вот это
    var autosuggest = new Foo.Bar.Autosuggest($(&#39;#my-input&#39;), {/* options */});
    autosuggest.refresh(200) // и делай что хочешь

    // куда лучше чем
    $(&#39;#my-input&#39;).autosuggest({/* options */});
    $(&#39;#my-input&#39;).autosuggest(&#39;refresh&#39;, 200)
    {+++124+++} чуть больше года назад я пытался в пых притянуть вот эту тему с переменным числом аргументов в пых. Что мод $foo->bar() - геттер, $foo->bar(3) - сеттер. Какое же говно в итоге получилось)
  • phpdude

    Сообщения: 26617 Репутация: N Группа: в ухо

    Spritz 7 февраля 2012 г. 10:31, спустя 7 минут 14 секунд

    чуть больше года назад я пытался в пых притянуть вот эту тему с переменным числом аргументов в пых. Что мод $foo->bar() - геттер, $foo->bar(3) - сеттер. Какое же говно в итоге получилось)

    так это же без попыток очевидно, не? :D
    Сапожник без сапог

Пожалуйста, авторизуйтесь, чтобы написать комментарий!