Избришите ставке из листе ефекта анимације са јКуери

У овом чланку ћу објаснити како да користите јКуери библиотеку да рукује уклањање ставки у листи са ефекта анимације.

Пример дат у овом једноставном упутству је инспирисан ефекат производи на брисање ставки у огласној табли Фацебоок профил (лепо, зар не?).

Прво, позивам вас да креирате базу података Тест се састоји од једне табеле структуриран на следећи начин:

 



 Креирање порука Табле (







 мсг_ид ИНТ АУТО_ИНЦРЕМЕНТ ПРИМАРИ КЕИ,

 





 Текст поруке







 );

 

За наш сто "поруке", као што можете видети, састоји се од само два поља: мсг_ид која ће идентификовати поруку и поруку која садржи текст, те да додате више поља, у зависности од употребе скрипта желите да урадите " пример.

Сада направите фајл (који ћемо користити у укључивању у ПХП скрипт који ће креирати други) где идемо да подесите конекцију у нашу базу података:

 <ПХП?







 $ Кон = мискл_цоннецт ("сервер", "усернаме" "пассворд") ор дие (мискл_еррор ());







 мискл_селецт_дб ("дб_наме", $ цонн) ор дие (мискл_еррор ());







 >?

Сачувајте фајл као "дбцонфиг.пхп".
Сада ћемо да креирамо индекс (који ће сачувати као "индек.пхп") расположивих артикала, сваки уз дугме за брисање:

 <хтмл>







 <хеад>







 <титле> ставке са ефектом Цанцела фадеоут </ титле>







 <линк рел="стилесхеет" хреф="стиле.цсс" типе="тект/цсс"/>







 <сцрипт типе="тект/јавасцрипт" срц="јкуери.јс"> </ сцрипт>







 <сцрипт типе="тект/јавасцрипт" срц="цанцелла.јс"> </ сцрипт>







 </ Хеад>







 <боди>







 <х1> Листа избрисане ставке </ х1>







 <ол цласс="мессагги">







 <ПХП?







 / / Повезивање са базом података.

 





 укључују ("дбцонфиг.пхп");









 / / СЕЛЕЦТ упита поруке ускладиштене у табели порука.

 





 $ Скл = "СЕЛЕЦТ * ФРОМ би поруке мсг_ид ДЕСЦ";

 







 / / Екецуте упита.

 





 $ Ресулт = мискл_куери ($ скл, $ цонн);

 





 вхиле ($ ров = мискл_фетцх_арраи ($ ресулт)) {



  



 $ Мессаге = стрипсласхес ($ ров ["порука"]);



  



 $ Мсг_ид = $ ров ['мсг_ид'];



  

  



 / / Приказивање резултат упита поруке као листа ставки.

 

  



 / / Додај Кс да сваку функцију брисања поруке.

 

  



 >?



  



 <ли> <? пхп поруку;?> <а хреф = "#" ид = "<пхп мсг_ид;?>" цласс = "делете_буттон"> к </ а> </ п>



  



 <ПХП?







 }







 >?







 </ Ол>







 </ Боди>







 </ ХТМЛ>

Као што је већ рекао да сваке ставке на овој листи је повезано везу (у мом примеру сам користио једноставан Кс), повезујемо - метода јКуери - избрисати функцију.

• <<
• 1
• 2
• >>