Facebook изменить стиль текста - PullRequest
Новая
       4

Facebook изменить стиль текста

0 голосов
/ 16 января 2012

Я ищу код разделения. Я хочу, чтобы ссылка сначала щелкала, запускала запрос MySQL и меняла ссылку.

Я нашел это так, но только изменить текст: 

<script type="text/javascript"> 
$(document).ready(function() {  
    // hides the slickbox as soon as the DOM is ready  
    // (a little sooner than page load)   
    $('#slickbox').hide();

    // toggles the slickbox on clicking the noted link    
    $('a#slickbox-toggle').click(function() {
        $('#slickbox').slideToggle(400);
        return false;   
    }); 
}); 
</script> 
$(this).text($(this).text() == 'Show box' ? 'Hide box' : 'Show box');

Пример: Кнопка "Мне нравится" на Facebook =>

Мне нравится (56 лайков)
Нажмите (обновите лайки ...... ..... likecount + = 1) В отличие от (57 лайков)

Как я могу это сделать?

Ответы [ 2 ]

0 голосов
/ 14 июня 2012

Необходимые файлы:

  1. config.php <- Содержит сведения о базе данных и подключается к базе данных. </li>

Код: 

    <?php
    $host=""; //your hostname
    $username="";//database username
    $database="";// database name
    $password="":// database password
    $connect=mysql_connect($host,$username,$password);
    $select=mysql_select_db($database,$connect);
    if(!$select)
    exit("Wrong credentials in config file");
    ?>

  1. session.php <- для сохранения зарегистрированной сессии пользователя </p> 

    <?php
session_start();
$_SESSION['id'];
?>

  2. ajaxlike.php <- Вызывается с помощью метода ajax </p>

Код: 

    <?php
    require_once('session.php');
    require_once('config.php');
    $user=$_SESSION['id'];
    ?>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">           </script>
    <script type="text/javascript">
    $(".likes").click(function(){
    var c=$(this).attr("id");
    $(".likes#"+c).html('');
    $(".likes#"+c).html('<center><img src="http://www.blogkeen.com/images/loading_fb.gif" height="16"></center>');
    $.ajax({
    type: "POST",
    url: "ajaxlike.php",
    data: {id:c},
    cache : false,
    success: function(data) {
    $(".likes#"+c).html('');
    $(".likes#"+c).append(data);
    }
    });
    });
    </script>

    <?php
    $id=$_POST['id'];

    if($id)
    {
    $check=mysql_query("SELECT * FROM likes WHERE liker='$user' AND liked='$id'");
    $get=mysql_num_rows($check);
    echo "<a class=\"likes\" id=\"l{$id}\" style=\"cursor:pointer;cursor:hand;\">";
    if($get)
    {

    $del=mysql_query("DELETE FROM likes WHERE liker='$user' AND liked='$id'");
    echo "Like";
    }
    else
    {
    $insert=mysql_query("INSERT INTO likes(liker,liked) VALUES('$user','$id')");
    echo "Unlike";
    }
    echo "</a>";
    }
    ?>

  1. index.php <- Место, откуда, как и любой элемент </p> 

    <?php
require_once('session.php');
require_once('config.php');
$id=$_SESSION['id'];
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(".likes").click(function(){
var c=$(this).attr("id");
$(".likes#"+c).html('');
$(".likes#"+c).html('<center><img src="http://www.blogkeen.com/images/loading_fb.gif" height="16"></center>');
$.ajax({
type: "POST",
url: "ajaxlike.php",
data: {id:c},
cache : false,
success: function(data) {
$(".likes#"+c).html('');
$(".likes#"+c).append(data);
}
});
});
</script>

<a id="1" class="likes">Like 1</a><br/>
<a id="2" class="likes">Like 2</a><br/>
<a id="3" class="likes">Like 3</a><br/>

Структура базы данных: Запустите этот запрос, чтобы создать таблицу 

    CREATE TABLE likes
    (
    id int primary key NOT NULL AUTO_INCREMENT,
    liker int,
    liked int
    )
0 голосов
/ 16 января 2012

Вы должны выполнить запрос AJAX в вашем обработчике onclick.Это должно будет взаимодействовать с каким-либо веб-сервисом или скриптом, который делает запрос SQL.

Норма заключается в использовании AJAX для отправки запроса к сценарию PHP, который использует MySQL API для взаимодействия с базой данных MySQL.

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

...