Реклама на сайте

вход на сайт

Имя пользователя :
Пароль :

Восстановление пароля Регистрация
Рейтинг как на YouTube на php
Я получил email вопрос от моих читателей, они спросили меня, как осуществить рейтинг как на YouTube с jQuery. Это приятный бар с результатами, так что я разработан простой сценарий с помощью PHP, jQuery и Ajax. Уверен, что вам понравится.

Рейтинг как на YouTube на php



Создаем базу данных
Выполняем sql запрос через phpmyadmin

CREATE TABLE messages(
id INT PRIMARY KEY AUTO_INCREMENT,
message TEXT,
up INT,
down INT);



Файлн index.php

<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(".like").click(function()
{
var id=$(this).attr("id");
var name=$(this).attr("name");
var dataString = 'id='+ id + '&name='+ name;
$("#votebox").slideDown("slow");

$("#flash").fadeIn("slow");

$.ajax
({
type: "POST",
url: "rating.php",
data: dataString,
cache: false,
success: function(html)
{
$("#flash").fadeOut("slow");
$("#content").html(html);
}
});
});

// Close button action
$(".close").click(function()
{
$("#votebox").slideUp("slow");
});

});
</script>
//HTML Code
<a href="#" class="like" id="1" name="up">Like</a>
--
<a href="#" class="like" id="1" name="down">Dislike</a>

<div id="votebox">
<span id='close'><a href="#" class="close">X</a></span>
<div id="flash">Loading........</div>
<div id="content">
</div>
</div>



Файл rating.php

<?php
include("db.php"); // подключаем настройки к БД
if($_POST['id'])
{
$id=mysql_escape_String($_POST['id']);
$name=mysql_escape_String($_POST['name']);
// Vote update  
mysql_query("update messages set $name=$name+1 where id='$id'");
// Getting latest vote results
$result=mysql_query("select up,down from messages where id='$id'");
$row=mysql_fetch_array($result);
$up_value=$row['up'];
$down_value=$row['down'];
$total=$up_value+$down_value; // Total votes
$up_per=($up_value*100)/$total; // Up percentage
$down_per=($down_value*100)/$total; // Down percentage
//HTML output
echo '<b>Ratings for this blog</b> ( '.$total.' total)
Like :'.$up_value.'
<div id="greebar" style="width:'.$up_per.'%"></div>
Dislike:'.$down_value.'
<div id="redbar" style="width:'.$down_per.'%"></div>';
}
?>


Файл стилей css style

#votebox
{
border:solid 1px #dedede; padding:3px;
display:none;
padding:15px;
width:700px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
#greebar
{
float:left;
background-color:#aada37;
border:solid 1px #698a14;
width:0px;
height:12px;
}
#redbar
{
float:left;
background-color:#cf362f;
border:solid 1px #881811;
width:0px;
height:12px;
}
#close
{
float:right; font-weight:bold;
padding:3px 5px 3px 5px;
border:solid 1px #333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

Теги:
 (голосов: 1)
Новость опубликована 11-02-2011, 03:34, её прочитали 625 раз(а).
Понравилась тема? Посмотрите эти:
Комментарий #4 написал: Williamtof (29 сентября 2016 01:15)
Публикаций: 0, комментариев: 0, группа: Гости
Фото
window tablet vs ipad acetaminophen ny state health department
Комментарий #5 написал: Michaelslopy (23 марта 2017 07:04)
Публикаций: 0, комментариев: 0, группа: Гости
Фото
Двояко понимается как то


-----
разработка веб сайта под ключ


Очень ценное сообщение


-----
браузеры для компьютера амиго
Комментарий #6 написал: WilliamPef (26 марта 2017 05:07)
Публикаций: 0, комментариев: 0, группа: Гости
Фото
Монтажные уплотнители для строительной отделки дает предприятие Бадпостач, на сайте каковой купить газоблок аэрок киев имеются оптовые предметы также деятельность касательно строй средств. Мы предоставляем реализацию и доставку газоблоков, газобетонов, кирпича, силикатных материала, керамические вещества, цемента, кафельную еще и панельную плитку. У ресурсе имеется в ассортименте изделия выдающих заводов плюс организаций, которые обеспечивают на базу рассмотренную качеством заготовки. Данная дилер совершает привоз совершенно на любой территории Украины к тому ще предоставляет стопроцентную обеспечение функциональности, покупатель достижимо осуществлять самоотвоз также зачислять заказы лишь в веб или телефонном форме. Заказывайте http://pp-budpostach.com.ua/ и извлекайте с высокопрофессиональной предприятия благоприятные больших количествах стоимость собственно на сертифицированные продукцию.
Комментарий #7 написал: AnthonyTeD (26 марта 2017 18:05)
Публикаций: 0, комментариев: 0, группа: Гости
Фото
Так долго ждал и вот -=)


-----
Виталий Гиберт официальный сайт запись на прием


Правдоподобно.


-----
Елена Голунова биография


Однозначно, отличное сообщение


-----
биография александ Шепс


Фантастика :)


-----
Официальный сайт Райдос Виктория


Замечательно, весьма полезная информация


-----
Мэрилин Керро официальный сайт как попасть


Вы не правы. Предлагаю это обсудить. Пишите мне в PM.


-----
Лилия Хегай официальный сайт


Позволю себе не согласится с вами


-----
Екатерина Рыжикова экстрасенс


Вы не ошиблись, верно


-----
официальные сайты битва экстрасенсов


Я извиняюсь, но, по-моему, Вы не правы. Я уверен. Давайте обсудим. Пишите мне в PM, поговорим.


-----
УЗИ Локтевого сустава
Комментарий #8 написал: Richarddiusy (31 марта 2017 03:03)
Публикаций: 0, комментариев: 0, группа: Гости
Фото
Интересный момент


-----
совихеп заказать


Я извиняюсь, но, по-моему, Вы ошибаетесь. Пишите мне в PM, пообщаемся.


-----
совихеп и дакихеп


Конечно. Я присоединяюсь ко всему выше сказанному. Давайте обсудим этот вопрос. Здесь или в PM.


-----
матрас интекс купить


Я об этом ничего не знаю


-----
курсы английского языка


Замечательно, это очень ценная фраза


-----
сухие смеси quick mix цена


Я думаю, Вы придёте к правильному решению.


-----
Пульт Somfy TELIS


Жаль, что сейчас не могу высказаться - тороплюсь на работу. Освобожусь - обязательно выскажу своё мнение по этому вопросу.


-----
лоток водоотводный пластиковый с решеткой


Я думаю, что Вы допускаете ошибку. Могу отстоять свою позицию. Пишите мне в PM.


-----
дождеприемники бетонные


Уже юзаю


-----
французский маникюр с рисунком


ПЛОХОЕ КАЧЕСТВО НО СМОТРЕТЬ МОЖНО


-----
вакансии водитель
Комментарий #9 написал: MichaelBoila (14 апреля 2017 14:22)
Публикаций: 0, комментариев: 0, группа: Гости
Фото
аффтору зачет. СПС


-----
заказать взлом странички вк


Я думаю это уже обсуждалось.


-----
проверить отслеживание посылки с алиэкспресс
Написать комментарий
Ваше Имя:


Ваш E-Mail:



Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Введите код: