If You liked Fancy Menu, but not necessarily feel the same to moo.tools (no offence) here You have similar widget for jQuery – Smooth Menu. It works for vertical lists too.
Examples are bare so it’s easier to understand whats needed to implement it to your site. Love to see it in combination with rounder corners (imageless).
This post is deprecated and informations below are outdated. Please follow up to QueryTemplates and Pure HTML templates theory.
plainTemplates is a PHP and JS library that aims to divide template into 2 separate layers:
It’s simply creates your templates from plain HTML files on-the-fly, filling it with data and fetching parts you like.
It’s basen on phpQuery – a jQuery port to PHP.
Pros
Cons
Here is simple example, which inserts data from $data array into template in template.htm:
// get the class
require_once('../../plainTemplates/plainTemplates.php');
// always end dir with a slash
plainTemplates::$cacheDir = '../../plainTemplates/cache/';
$data = array(
array(
'title' => 'News 1 title',
'body' => 'News 1 body',
),
array(
'title' => 'News 2 title',
'body' => 'News 2 body',
),
array(
'title' => 'News 3',
'body' => 'News 3 body',
),
);
// include to fully preserve scope
include(
plainTemplates::createTemplate(
// first the template source
'template.htm',
// second the var info
array(
// var name in scope
'$data',
// and var value
$data,
// finally the selectors (of course there are defaults, that is UL and LI)
array(
'container' => '.someclass ul',
'row' => 'li'
)
)
)
);
Here is template.htm itself:
<div class='someclass'>
<p>UL below will be container, and every LI will be searched agains classes with field names.</p>
<ul>
<li>
<p>Only tags with field classes are replaced.</p>
<p class='title'>This will be replaces by the title</p>
<p class='body'>And this by the body...</p>
</li>
<li>
Only first row will be in the result and this wont be considered by any chance... so You can use as many row examples as You want.
</li>
</ul>
</div>Now the result’s source:
<ul><?php foreach( $data as $dataRow ): ?>
<li>
<p>Only tags with field classes are replaced.</p>
<p class="title"><?php print $dataRow['title']; ?></p>
<p class="body"><?php print $dataRow['body']; ?></p>
</li><?php endforeach; ?></ul>
Those are the basics, it can do a lot more, but i think its good that it can do simple things in a simple way… Read the rest of this entry »
This post is deprecated and some informations below are outdated.
phpQuery is PHP-port of jQuery – well known and great web2.0 JS library
It’s something different than jQPie, which is form of JS code generator and server-client layer.
For example You can do something like this:
print _('file.htm')
->find('body div.cls1.cls2 ul > li:first')
->parent()
->prepend('
<li>my new first LI</li>
')
->parents('.myClass')
->remove()
->end()
->appendTo('body')
->parents('html')
->html();
Code above will find first LI inside specific UL, then move pointer into it’s parent (UL),
then prepend (add at the beginning) new LI, then pointer will move to parent element with class .myClass,
which will be removed, and pointer will go back to UL (with end() method), and then UL will be appended to BODY (moved, not copied).
Atfer all this operations parent with tag HTML will be searched and it’s content will be returned to print statement.
phpQuery acts almost like jQuery – it returns new instance on certain methods and allows to revert stack.
It works on DOM Extension and is designed for PHP5 only.
There is almost no docs yet, so please refer to jQuery’s one (DOM section).
phpQuery differs in some cases from jQuery:
phpQuery makes use of PHP’s SPL Iterator interface, so You can do:
foreach(_('ul>*') as $_li) {
$_li->prepend('new beginning of every LI');
}
PHP doesn’t have closures, but You can still use callbacks – direct or created with create_function() like so:
function imTheCallback($_node){
$_node->html("i'm changed content");
}
class imTheClass {
static function imTheStaticCallback($_node){
$_node->html("i'm changed content v2");
}
function imTheCallbackToo($_node){
$_node->html("i'm changed content v3");
}
}
$class = new imTheClass;
_('ul>*')
.each('imTheCallback')
.each(array('imTheClass', 'imTheStaticCallback'))
.each(array($class, 'imTheCallbackToo'))
.each(create_function('$_node', '
$_node->html("i\'m changed content v4");'
));
}
Every node passed to callback or inside iteration is phpQuery object, not a DOM node. Also there isn’t a get() method.
There are several methods in jQuery’s interface with names which couldn’t be used as PHP class method or was changed to preserve consistent naming convention.
All those methods have been prefixed with _underscore and here’s the list:
There are couple of PHP specific addons in phpQuery for easier developement:
There is/will be several methods not present in standard jQuery, which i use (with jQuery) in my projects. More about this later.
Actually phpQuery seems to be quite stable and is main part of plainTemplates lib, which powers this blog.
Although there are couple of things to be done:
Here are the link which could be helpfull when dealing with phpQuery:
delicious Firefox addons