Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!
800 ₴

Организовать "бегущую" строку на сайте

project complete


Организовать "бегущую" строку как на сайте http://newsonline24.com.ua/dlya-nix-net-ukrainy-zapomnite-eto-raz-i-navsegda но без использования библиотек jQuery mooTools и других.

Client's feedback about the contractor Илье Ч.

Quality
Professionalism
Price
Availability
Terms

работой вполне довольны

Лена П. Лена Педай | Safe Safe

Freelancer's feedback about the client Лене Педай

Payment
Task formulation
Requirements
Availability

Приятно было сотрудничать.

Илья Ч. Илья Чернявский | Safe Safe



  1. 1 day1000 ₴
    Микола Петренко
     226 

    Есть готовое решения на HTML 5. Готов приступить к виполнению.

    Ukraine Ternopol | 25 January 2016 |
  2.  freelancer isn't working in the service any longer
  3. 1 day600 ₽
    Stas Ovan
     716   32   4

    На указанном сайте как раз используются сторонние модули. Могу сделать на чистом HTML5 через тэг marque. По времени пара часов.

    Russia Russia | 25 January 2016 |
  4. 1 day1000 ₴
    Діма Буткевич
     1720   79   4

    Можем обсудить.
    Скайп для связи xdimax5

    Ukraine Khmelnitskyi | 25 January 2016 |
  5. 1 day800 ₴
    Вадим Малыхин
     270   1   0

    Здравствуйте. Готов выполнить Ваше задание. Skype strannik2720.

    Ukraine Dnepr | 25 January 2016 |
  6. 1 day20 $
    Николай S
     219   4   0

    готов сделать это на чистом джаваскрипте
    либо html5

    Ukraine Ukraine | 25 January 2016 |
  7. 1 day200 ₴
    Андрей Олейник
     330   8   3

    Готов. Под рукой готовое решение

    Ukraine Dnepr | 25 January 2016 |
  8. 1 day1000 ₽
    Дмитрий Габдрахманов
     423   12   0

    обращайтесь

    Russia Russia | 25 January 2016 |
  9. 5 days800 ₴Winning proposal
    Илья Чернявский
     484   7   2

    Готов сделать, буду использовать только CSS (библиотеки). Жду в ЛС

    Ukraine Kyiv | 25 January 2016 |
  10. 1 day1000 ₴
    Никита И.
     698  verified   19   2

    Какая у вас платформа , хотелось бы обсудить

    Ukraine Kyiv | 25 January 2016 |
  11. 1 day800 ₴
    Давид Манжула
     949  verified   36   0

    Доброго дня!
    Готовий виконати роботу!
    Виконаю швидко і якісно!

    Ukraine Ivano-Frankovsk | 26 January 2016 |
  1. proposal concealed by freelancer
  2. proposal withdrawn
  3. proposal withdrawn
  4. proposal withdrawn
  • Вопрос :
    1.Это все должно быль валидно в HTML 5 ?
    2. В контейнере строке что будет ? картинка , блок , текст? 


  • Лена Педай — project author
    Complain | 25 January 2016 |

    Да, должно быть валидно.

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

  • Тогда через CSS 3 могу сделать.
    тег marguee  теперь не валиден.
    По времени - сегодня 🙂
    Пишите  в личку.
    Спасиб

  • Лена Педай — project author
    Complain | 25 January 2016 |

    Существует библиотека загрузчик на javascript. Пример можно получить по адресуhttp://uamobile.net/lib/js/id/379 Где 379 является idобласти вывода и уникален для каждой области. 

    В библиотеке определены 

    varuamobile=Object();

    functionUamobileloadScript(url, callback);

    uamobile.LoadScript= function (url, callback);

    Эти две функции являются абсолютными копиями первая существует для поддержки предыдущих версий.


    uamobile.LoadCss= function (url, callback);

    Функция загрузки таблицы стилей.


    uamobile.date=newDate();

    uamobile.time=uamobile.date.getTime();

    Переменные определяющие уникальность вызова.


    uamobile.AreaWrite=function(uamobileIdArea);

    Функция организовывает место вывода в теле документа


    <divid="uamobile_379" style="display: none; z-index:32000; border: 1px solid; position: fixed; top: 0px; left: 0px;background: transparent;">

    <divid="uamobile_inner_379">

    Здесь выводится собственно сама бегущая строка.

    </div>

    <divid="uamobile_close_379" style="display: block; cursor:pointer;">

    Закрыть<span id="uamobile_span_close_379">Х</span>

    </div>

    <divid="uamobile_time_379" style="display: block;">До закрытия<span id="uamobile_time_span_379">15</span>сек.</div>

    </div>


    varUamobileId=379;

    uamobile.area379=Object();

    uamobile.areaid=379;

    uamobile.NullUse=function(){};


    В конце загрузки вызывается еще одна библиотека через функцию uamobile.LoadScript

    //Присвоение данных строки новостей свойствам области вывода.

    //Функции фиксации событий. Новость показана (произошла прокрутка новости за левый край области вывода) Пользователь кликнул по новости.

    Написать библиотеку для реализации «бегущей строки» которая может располагаться внизу или вверху окна браузера. Плавность и скорость прокрутки задаются в параметрах бегущей строки и получаются с сервера (продумать формат обмена данными).Бегущая строка состоит из 5 блоков. Блоки могут быть загружены сразу в данных бегущей строки,а можно для каждого блока загружать свой скрипт, через функцию uamobile.LoadScript link вызова формируется следующим образом: 

    http://uamobile.net/actionloadnews/id/379/time/1452893730929/id/2/session/avj8odpp39lf3bd8gtv1t4pqt4(Это пример формирования строки запроса на данном этапе выдаст не существующую страницу)

    Где

    http://uamobile.net/- имя сервера

    actionloadnews/- имя обработчика на сервере, можно определить самостоятельно как любое допустимое в URI,но лишь бы было однозначно определено

    id/379/-  номер – это idобласти вывода

    time/1452893730929/время в тиках зафиксированное в переменнойuamobile.time

    d/2/- номер это номер новости, по сути счетчик загружаемой новости

    session/avj8odpp39lf3bd8gtv1t4pqt4  - ключ сессии браузера. Передается в параметрах, можем для удобства зафиксировать в переменной uamobile.session

    После того, как первая новость будет полностью прокручена, то есть правый край блока новости выйдет за левый край области вывода, нужно загрузить следующий блок новости пример ссылки для шестой новости

    http://uamobile.net/actionloadnews/id/379/time/1452893730929/id/6/session/avj8odpp39lf3bd8gtv1t4pqt4

    Формат новости любой удобный, например:{“news”:”Это новая новость, для распространения новой новости”,”id”:”6”,”link”:”http://news.news.com.in.news”}

    Первая новость после загрузки шестой может быть удалена из тела документа. И так далее либо до загрузки определенного количества новостей, параметр передаваемый в теле бегущей строки или можем зафиксировать в переменнойuamobile.area379.counternews. Или же до получения новости определенного формата, например {news:null}

    Когда последняя загруженная новость будет показана, то есть правый край блока новости выйдет за левый край области вывода, вся область вывода сворачиваетсяdisplay:none;или innerHTML=””.

    В случае клика по новости, сайт открывается в новом окне и вызывается загрузчик библиотеки события onClick uamobile.LoadScript("http://uamobile.net/actionclick/id/379/time/1452893730929/id/2/session/avj8odpp39lf3bd8gtv1t4pqt4",uamobile.NullUse);

    В данном случае кликнули по новости с id= 2 передается параметром при загрузке блока новости.

  • Add

Client
Лена Педай
Ukraine Ukraine  1   0
Project published
25 January 2016
359 views
Labels
Share