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

Question

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

-3

Я искал фрагмент кода. Я хочу, чтобы ссылка сначала щелкнула запустите запрос 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 просмотров)

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

Sirchade 15 янв. 2012, в 23:28

Источник

Теги:

javascript

jquery

html

ajax

dhtml

2 ответа

Ещё вопросы

Himanshu Jaju · Answer 1 · 2012-06-14T14-20-00.000Z

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

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

Код:

    <?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");
    ?>

session.php <- Чтобы сохранить вход в сеанс пользователя
```
<?php
session_start();
$_SESSION['id'];
?> 
```
ajaxlike.php <- Вызывается через метод ajax

Код:

    <?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>";
    }
    ?>

index.php <- Место, откуда, как и любой предмет

<?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
    )

Jivings · Answer 2 · 2012-01-16T00-11-00.000Z

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

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

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