За последние 24 часа нас посетили 34974 программиста и 1756 роботов. Сейчас ищут 833 программиста ...

Идикатор лайков

Тема в разделе "JavaScript и AJAX", создана пользователем zikko122, 12 май 2014.

  1. zikko122

    zikko122 Новичок

    С нами с:
    1 апр 2014
    Сообщения:
    27
    Симпатии:
    0
    Здравствуйте, я бы хотел узнать как можно сделать такой индикатор лайков[​IMG], и привязать к нему PHP код, который будет передавать значение для индекатора.
     
  2. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.771
    Адрес:
    :сердА
    1) Аяксом просим сервер сказать, сколько лайков, сколько дислайков
    2) Сервер возвращает 2 числа
    3) Считаем между ними пропорцию
    4) берем два дива (зеленый и красный) внутри третьего, ширина третьего, пусть 100 пикселей
    5) пропорционально в процентах ставим ширину зеленого и красного дивайдов
    6) ...
    7) PROFIT!!!

    З.Ы. Ну и циферки внизу вбросить, есств.

    В чем, собсна проблема?
     
  3. BaranPHP

    BaranPHP Новичок

    С нами с:
    24 янв 2014
    Сообщения:
    356
    Симпатии:
    0
    Реализация довольно проста:
    Код (PHP):
    1. <div width="100px">
    2. <?php 
    3. $yes = "60";
    4. $no = 100-$yes;
    5. ?>
    6.    <div class="yes" width="<?php echo $yes; ?>%">зелёный</div>
    7.    <div class="no"width="<?php echo $no; ?>%">красный</div>
    8. </div>
    CSS-ом уже покрасишь как душе угодно
    Осталось с помощью математических функций получить переменные
     
  4. zikko122

    zikko122 Новичок

    С нами с:
    1 апр 2014
    Сообщения:
    27
    Симпатии:
    0
    О спасибо, все понятно