Форумы портала PHP.SU :: Версия для печати :: Сортировка одним кликом

1. leshiy - 30 Ноября, 2017 - 12:58:34 - перейти к сообщению

Есть код который сортирует данные из бд по имени: от А до Я и в обратном порядке: от Я до А.А как бы сделать вместо двух этих кнопок одну и что бы при кликах по ней происходила бы сортировка и по убыванию и по возрастанию и еще бы название этой кнопки менялось бы: Имя по убыванию, Имя по возрастанию.
index.php

CODE (html):
скопировать код в буфер обмена

 
<?php
include("functions.php");
$db = connect_db();
if($_GET['sort_id']){
    $id = strip_tags($_GET['sort_id']);
    $goods = get_goods($db,$id);
        foreach($goods as $item){
echo '<li>
    <p id="title">'.$item['name'].'</p>
    <p id="price">'.$item['age'].'</p>
    </li>'.$ppp;
     }exit();
}else{$goods = get_goods($db);}
$goods = get_goods($db);
?>
<!DOCTYPE html>
<html lang="ru-RU">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<style>
.sort span{color: blue;text-decoration: underline; cursor: pointer;}
#fon{display: none; opacity: 0.8; position: absolute; width: 700px;height: 100%; z-index: 100; background-color: white;}
#load{position: fixed; left:40%; top: 50%; width: 65px; height: 65px;z-index: 150; display: none;}
    </style>
</head>
<body>
<div id="content">
<div id="main">
    <div id="fon"></div>
    <div id="load"></div>
<div class="sort">
    Сортировать по: <strong>Имени</strong><span id="name">А-Я</span> | <span id="name1">Я-A</span>
    <ul id="tovar">
<?php 
    foreach($goods as $item){
echo '<li>
    <p id="title">'.$item['name'].'</p>
    <p id="price">'.$item['age'].'</p>
    </li>';
     }?>
    </ul>
    </div>
    </div>
    </div>
</body>
</html>
 

functions.php

PHP:
скопировать код в буфер обмена

 
<?PHP  
function connect_db(){
    $db = mysqli_connect('localhost','root','','bbb');
    if(!$db){
        exit('error'.mysqli_error());
    }
    mysqli_query($db,"SET NAMES utf8");
    return $db;
}
function get_goods($db,$id = FALSE){
    $sql = "SELECT * FROM table01";
        if($id){if($id == 'name1'){
        $sql .= ' ORDER BY name DESC';
        }elseif($id == 'name'){
        $sql .= ' ORDER BY name ASC';
        }}
    $result = mysqli_query($db,$sql);
    for($i = 0;$i < mysqli_num_rows($result); $i++){
        $goods[] = mysqli_fetch_array($result);
    }
    return $goods;
}
?>

script.js

CODE (javascript):
скопировать код в буфер обмена

 
$(document).ready(function () {
    $(".sort span").click(function ()
                         {
        var id = $(this).attr('id');
        $.ajax({
            data:'sort_id='+id,
            success:function (html){
$("#tovar").html(html).hide().fadeIn(2000);
            }
        });
    });
});