ลิงก์ผู้สนับสนุน
ลบรายการออกจากรายการของลักษณะพิเศษภาพเคลื่อนไหวด้วย jQuery
บทความที่เขียนโดย Horace Maico
หน้า 1 จาก 2
หน้า 1 จาก 2
ในบทความนี้ผมจะอธิบายวิธีการใช้ห้องสมุด jQuery ในการจัดการกับการกำจัดของรายการในรายการที่มีลักษณะพิเศษภาพเคลื่อนไหว
ตัวอย่างเช่นให้ง่ายในการกวดวิชานี้เป็นแรงบันดาลใจจากผลการผลิตตามการลบรายการในกระดานข่าวของ Facebook โปรไฟล์ (Nice, huh?)
ประการแรกผมขอเชิญคุณที่จะสร้างฐานข้อมูลการทดสอบประกอบด้วยตารางเดียวที่มีโครงสร้างเช่นนี้
สร้างข้อความตาราง ( msg_id INT AUTO_INCREMENT PRIMARY KEY, ข้อความตัวอักษร );"ข้อความ"ของเราตารางที่คุณสามารถเห็นมันมีแค่สองฟิลด์ msg_id ซึ่งจะระบุข้อความและข้อความที่มีข้อความเหล่านี้จะสามารถเพิ่มเขตข้อมูลเพิ่มเติมขึ้นอยู่กับการใช้งานของสคริปต์ที่คุณต้องการจะทำอย่างไรที่ ตัวอย่างเช่น
ตอนนี้สร้างแฟ้ม (ซึ่งเราจะใช้ในการรวมภายในสคริปต์ PHP ที่จะสร้างอื่น ๆ ) ที่เรากำลังจะตั้งค่าการเชื่อมต่อไปยังฐานข้อมูลของเรา :
<? Php
mysql_connect $ conn = ("host","username"รหัสผ่าน"") or die (mysql_error ());
mysql_select_db ("db_name", $ conn) or die (mysql_error ());
?>
บันทึกแฟ้มเป็น"dbconfig.php"
ตอนนี้ขอสร้างดัชนี (ซึ่งจะบันทึกเป็น"index.php") ของรายการที่มีแต่ละพร้อมด้วยปุ่มสำหรับการลบ :
<html>
<head>
รายการ <title> มีผลกระทบ FadeOut Cancela </ title>
<link rel="stylesheet" href="stile.css" type="text/css"/>
<script type="text/javascript" src="jquery.js"> </ script>
<script type="text/javascript" src="cancella.js"> </ script>
</ head>
<body>
รายชื่อ <h1> ของรายการที่ถูกลบ </ h1>
class="messaggi"> <ol
<? Php
/ / เชื่อมต่อไปยังฐานข้อมูล
รวมถึง ("dbconfig.php");
/ / เลือกข้อความแบบสอบถามที่เก็บไว้ในข้อความตาราง
$ sql ="* เลือกจากคำสั่งข้อความโดย msg_id DESC";
/ / การดำเนินการแบบสอบถาม
$ result = mysql_query ($ sql, $ conn);
ในขณะที่ ($ row = mysql_fetch_array ($ ผล)) {
ข้อความ $ = stripslashes ($ แถว ["ข้อความ"]);
แถว = $ $ Msg_id ['msg_id'];
/ / แสดงผลของข้อความแบบสอบถามเป็นรายชื่อของรายการที่
/ / เพิ่ม X ที่มีการทำงานของการลบการโพสต์แต่ละ
?>
<li> <? PHP echo ข้อความ $;?> <a href id ="#"="<PHP echo $ msg_id;?>"class ="delete_button"> X </ a> </ li>
<? Php
}
?>
</ ol>
</ BODY>
</ HTML>
เป็นแล้วกล่าวว่าเพื่อให้แต่ละรายการในรายการนี้มีการเชื่อมโยงที่เกี่ยวข้อง (ในตัวอย่างของฉันฉันใช้ X ง่าย) ที่เราเชื่อมโยง -- วิธีการใช้ jQuery -- ฟังก์ชั่นลบ
ในประเภทเดียวกัน ...
E - Learning
 |
ASP ศูนย์ (Ebook)
การเรียนรู้ Microsoft ASP และ VBScript จากรอยขีดข่วน ที่เพียง 29 € |
 |
Javascript (หลักสูตร)
คู่มือที่สมบูรณ์ในการเขียนสคริปต์ฝั่งไคลเอนต์ จาก 39 € |
 |
PHP (หลักสูตร)
หลักสูตรเต็มสำหรับการสร้างเว็บไซต์แบบไดนามิก จาก 49 € |
ลิงก์ผู้สนับสนุน