WordPress popup dialog

A wordpress pont olyan nekem a honlapoknál mint a lokalizáció a programoknál. Általában mindig úgy indul a dolog, hogy felesleges, ez csak egy egyszerű valami lesz, és a végére (mondjuk pár év fejlesztés után) kiderül, hogy mégis csak kell, és megkerülhetetlen. Személy szerint már a hello world honlapot is csak wordpress alá telepíteném, mert előbb utóbb biztos kiderül, hogy kellene bele még egy két dolog, és aztán meg lehet szívni a migrálással.

A wordpress önmagában is egy jó választás, minőségi átlátható kód, stb.

De mi is kell a jquery ui használatához? Egy plugin, aminek meglepő módon jQuery UI Widgets.

Ezek után már lehet standard módon használni a dialógus ablakot:

jQuery(document).ready( function(){
 jQuery('#blood_1').click(function() {
  jQuery('#blood_1_details').dialog({modal: true,title:'blood_1 details'});
 });
});

 

<a id="blood_1" href="#invalid">details</a>
<div id='blood_1_details' style='display:none;'>Game WASD+Mouse cfg...</div>

A javascriptet betölthetjük külön is a Specific CSS/JS for Posts and Pages plugin segítségével, és ha nem akarjuk ezeket a dolgokat hard code-olni az oldalunkba, akkor használhatjuk a php include-okat is az Exec-PHP plugin segítségével.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.