..


Σύνδεσμοι διαφημιζόμενων

Διαγραφή στοιχείων από μια λίστα των εφέ κίνησης με jQuery

Το άρθρο γράφτηκε από τον Horace MAICO
Σελίδα 1 από 2

Σε αυτό το άρθρο θα εξηγήσω πώς να χρησιμοποιήσετε το JQuery βιβλιοθήκη για να χειριστεί την απομάκρυνση των στοιχείων σε μια λίστα με τα εφέ κίνησης.

Το παράδειγμα που δίνεται σε αυτό το απλό tutorial είναι εμπνευσμένο από το αποτέλεσμα που παράγεται από τη διαγραφή των στοιχείων στο πίνακα ανακοινώσεων του προφίλ του στο Facebook (ωραίο, ε;).

Κατ 'αρχάς, σας καλώ να δημιουργήσετε μια βάση δεδομένων δοκιμής αποτελείται από ένα ενιαίο πίνακα δομημένη ως εξής: 

 



 Δημιουργία των θέσεων ΠΙΝΑΚΑΣ (







 msg_id INT PRIMARY KEY AUTO_INCREMENT,

 





 Κείμενο μηνύματος







 )?
Τραπέζι "μηνύματα" μας, όπως μπορείτε να δείτε, να αποτελείται μόνο από δύο τομείς: msg_id η οποία θα προσδιορίσει το μήνυμα και το μήνυμα που περιέχει το κείμενο, αυτά μπορούν να προσθέσουν περισσότερα πεδία, ανάλογα με τη χρήση του σεναρίου που θέλετε να κάνετε » παράδειγμα.

Τώρα δημιουργήστε ένα αρχείο (το οποίο θα χρησιμοποιήσουμε στη συμπερίληψη στο PHP script που θα δημιουργήσει άλλα), όπου θα πάμε για να ορίσετε τη σύνδεση στη βάση δεδομένων μας: 






 <? Php







 $ Conn mysql_connect = ("host", "username" "PASSWORD") ή να πεθάνουν (mysql_error ())?







 mysql_select_db ("db_name", $ conn) ή να πεθάνουν (mysql_error ())?







 ;>
Αποθηκεύστε το αρχείο ως "dbconfig.php".
Τώρα ας τη δημιουργία του δείκτη (που θα σώσει ως "index.php") των διαθέσιμων στοιχείων, το καθένα συνοδεύεται από ένα κουμπί για τη διαγραφή: 





 <html>







 <head>







 <title> στοιχεία, με ισχύ Cancela fadeout </ 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>







 <ol class="messaggi">







 <? Php







 / / Σύνδεση με βάση δεδομένων.

 





 περιλαμβάνουν («dbconfig.php")?









 / / Επιλογή ερωτήματος μηνύματα αποθηκεύονται στο ΜΗΝΥΜΑΤΑ πίνακα.

 





 $ Sql ​​= "SELECT * FROM μηνύματα ώστε από msg_id DESC"?

 







 / / Εκτέλεση του αιτήματος.

 





 $ Result = mysql_query ($ sql, $ conn)?

 





 ενώ ($ γραμμή = mysql_fetch_array ($ αποτέλεσμα)) {



  



 $ MESSAGE = stripslashes ($ γραμμή ["μήνυμα"])?



  



 $ Msg_id = $ γραμμή ['msg_id']?



  

  



 / / Εμφανίζονται το αποτέλεσμα του ερωτήματος μηνύματα όπως μια λίστα στοιχείων.

 

  



 / / Προσθέστε ένα Χ σε κάθε λειτουργία της μετά τη διαγραφή του.

 

  



 ;>



  



 <li> <? php echo $ μήνυμα?;> <a href = "#" id = "<php ​​echo $ msg_id?;>" class = "delete_button"> X </ a> </ li>



  



 <? Php







 }







 ;>







 </ Ol>







 </ Body>







 </ Html>
Όπως ήδη δήλωσε σε κάθε στοιχείο σε αυτή τη λίστα έχει ένα σχετικό σύνδεσμο (στο παράδειγμά μου χρησιμοποίησα ένα απλό Χ) που συνδέουμε - μια μέθοδος που χρησιμοποιούν jQuery - η λειτουργία διαγραφής.

Στην ίδια κατηγορία ...
E-Learning
ASP Zero (ebook) ASP Zero (ebook)
Μαθαίνοντας Microsoft ASP και VBScript από το μηδέν. Σε μόνο 29 €.
Javascript (Μάθημα) Javascript (Μάθημα)
Πλήρης οδηγός για δέσμες ενεργειών στην πλευρά του πελάτη. Από 39 €.
PHP (Μάθημα) PHP (Μάθημα)
Η πλήρης σειρά μαθημάτων για τη δημιουργία δυναμικών ιστοσελίδων. Από 49 €.
Σύνδεσμοι διαφημιζόμενων