2004-03-24 15:16:30 +00:00
|
|
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
|
|
|
<!-- $Revision$ -->
|
2004-03-18 17:16:23 +00:00
|
|
|
<chapter id="tips">
|
2004-03-26 14:38:16 +00:00
|
|
|
<title>Tips & Tricks</title>
|
2004-03-18 17:16:23 +00:00
|
|
|
<para>
|
|
|
|
|
</para>
|
|
|
|
|
<sect1 id="tips.blank.var.handling">
|
|
|
|
|
<title>Blank Variable Handling</title>
|
|
|
|
|
<para>
|
|
|
|
|
There may be times when you want to print a default value for an empty
|
2004-03-29 09:57:04 +00:00
|
|
|
variable instead of printing nothing, such as printing "&nbsp;" so that
|
2004-03-18 17:16:23 +00:00
|
|
|
table backgrounds work properly. Many would use an {if} statement to
|
|
|
|
|
handle this, but there is a shorthand way with Smarty, using the
|
|
|
|
|
<emphasis>default</emphasis> variable modifier.
|
|
|
|
|
</para>
|
|
|
|
|
<example>
|
2004-03-29 09:57:04 +00:00
|
|
|
<title>Printing &nbsp; when a variable is empty</title>
|
2004-03-18 17:16:23 +00:00
|
|
|
<programlisting>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
{* the long way *}
|
|
|
|
|
|
|
|
|
|
{if $title eq ""}
|
2004-03-24 17:11:28 +00:00
|
|
|
|
2004-03-18 17:16:23 +00:00
|
|
|
{else}
|
|
|
|
|
{$title}
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{* the short way *}
|
|
|
|
|
|
2004-03-24 17:11:28 +00:00
|
|
|
{$title|default:" "}
|
2004-03-18 17:16:23 +00:00
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
</example>
|
|
|
|
|
</sect1>
|
|
|
|
|
|
|
|
|
|
<sect1 id="tips.default.var.handling">
|
|
|
|
|
<title>Default Variable Handling</title>
|
|
|
|
|
<para>
|
|
|
|
|
If a variable is used frequently throughout your templates, applying
|
|
|
|
|
the default modifier every time it is mentioned can get a bit ugly. You
|
|
|
|
|
can remedy this by assigning the variable its default value with the
|
|
|
|
|
<link linkend="language.function.assign">assign</link> function.
|
|
|
|
|
</para>
|
|
|
|
|
<example>
|
|
|
|
|
<title>Assigning a template variable its default value</title>
|
|
|
|
|
<programlisting>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
{* do this somewhere at the top of your template *}
|
|
|
|
|
{assign var="title" value=$title|default:"no title"}
|
|
|
|
|
|
|
|
|
|
{* if $title was empty, it now contains the value "no title" when you print it *}
|
|
|
|
|
{$title}
|
|
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
</example>
|
|
|
|
|
</sect1>
|
|
|
|
|
<sect1 id="tips.passing.vars">
|
|
|
|
|
<title>Passing variable title to header template</title>
|
|
|
|
|
<para>
|
|
|
|
|
When the majority of your templates use the same headers and footers, it
|
|
|
|
|
is common to split those out into their own templates and include them.
|
|
|
|
|
But what if the header needs to have a different title, depending on
|
|
|
|
|
what page you are coming from? You can pass the title to the header when
|
|
|
|
|
it is included.
|
|
|
|
|
</para>
|
|
|
|
|
<example>
|
|
|
|
|
<title>Passing the title variable to the header template</title>
|
|
|
|
|
<programlisting>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
mainpage.tpl
|
|
|
|
|
------------
|
|
|
|
|
|
|
|
|
|
{include file="header.tpl" title="Main Page"}
|
|
|
|
|
{* template body goes here *}
|
|
|
|
|
{include file="footer.tpl"}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
archives.tpl
|
|
|
|
|
------------
|
|
|
|
|
|
|
|
|
|
{config_load file="archive_page.conf"}
|
|
|
|
|
{include file="header.tpl" title=#archivePageTitle#}
|
|
|
|
|
{* template body goes here *}
|
|
|
|
|
{include file="footer.tpl"}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
header.tpl
|
|
|
|
|
----------
|
2004-03-24 17:11:28 +00:00
|
|
|
<HTML>
|
|
|
|
|
<HEAD>
|
|
|
|
|
<TITLE>{$title|default:"BC News"}</TITLE>
|
|
|
|
|
</HEAD>
|
|
|
|
|
<BODY>
|
2004-03-18 17:16:23 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
footer.tpl
|
|
|
|
|
----------
|
2004-03-24 17:11:28 +00:00
|
|
|
</BODY>
|
|
|
|
|
</HTML>
|
2004-03-18 17:16:23 +00:00
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
</example>
|
|
|
|
|
<para>
|
|
|
|
|
When the main page is drawn, the title of "Main Page" is passed to the
|
|
|
|
|
header.tpl, and will subsequently be used as the title. When the
|
|
|
|
|
archives page is drawn, the title will be "Archives". Notice in the
|
|
|
|
|
archive example, we are using a variable from the archives_page.conf
|
|
|
|
|
file instead of a hard coded variable. Also notice that "BC News" is
|
|
|
|
|
printed if the $title variable is not set, using the
|
|
|
|
|
<emphasis>default</emphasis> variable modifier.
|
|
|
|
|
</para>
|
|
|
|
|
</sect1>
|
|
|
|
|
<sect1 id="tips.dates">
|
|
|
|
|
<title>Dates</title>
|
|
|
|
|
<para>
|
|
|
|
|
As a rule of thumb, always pass dates to Smarty as timestamps. This
|
|
|
|
|
allows template designers to use <link
|
|
|
|
|
linkend="language.modifier.date.format">date_format</link> for full
|
|
|
|
|
control over date formatting, and also makes it easy to compare dates if
|
|
|
|
|
necessary.
|
|
|
|
|
</para>
|
2004-03-28 19:15:35 +00:00
|
|
|
<note>
|
|
|
|
|
<para>
|
|
|
|
|
As of Smarty 1.4.0, you can pass dates to Smarty as unix
|
|
|
|
|
timestamps, mysql timestamps, or any date parsable by strtotime().
|
|
|
|
|
</para>
|
|
|
|
|
</note>
|
2004-03-18 17:16:23 +00:00
|
|
|
<example>
|
|
|
|
|
<title>using date_format</title>
|
|
|
|
|
<programlisting>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
{$startDate|date_format}
|
2004-03-29 01:54:07 +00:00
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
<para>
|
|
|
|
|
This will output:
|
|
|
|
|
</para>
|
|
|
|
|
<screen>
|
|
|
|
|
<![CDATA[
|
2004-03-18 17:16:23 +00:00
|
|
|
Jan 4, 2001
|
2004-03-29 01:54:07 +00:00
|
|
|
]]>
|
|
|
|
|
</screen>
|
|
|
|
|
<programlisting>
|
|
|
|
|
<![CDATA[
|
2004-03-18 17:16:23 +00:00
|
|
|
{$startDate|date_format:"%Y/%m/%d"}
|
2004-03-29 01:54:07 +00:00
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
<para>
|
|
|
|
|
This will output:
|
|
|
|
|
</para>
|
|
|
|
|
<screen>
|
|
|
|
|
<![CDATA[
|
2004-03-18 17:16:23 +00:00
|
|
|
2001/01/04
|
2004-03-29 01:54:07 +00:00
|
|
|
]]>
|
|
|
|
|
</screen>
|
|
|
|
|
<programlisting>
|
|
|
|
|
<![CDATA[
|
2004-03-24 17:11:28 +00:00
|
|
|
{if $date1 < $date2}
|
2004-03-18 17:16:23 +00:00
|
|
|
...
|
|
|
|
|
{/if}
|
|
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
</example>
|
|
|
|
|
<para>
|
|
|
|
|
When using {html_select_date} in a template, The programmer will most
|
|
|
|
|
likely want to convert the output from the form back into timestamp
|
|
|
|
|
format. Here is a function to help you with that.
|
|
|
|
|
</para>
|
|
|
|
|
<example>
|
|
|
|
|
<title>converting form date elements back to a timestamp</title>
|
|
|
|
|
<programlisting role="php">
|
|
|
|
|
<![CDATA[
|
2004-03-29 09:57:04 +00:00
|
|
|
<?php
|
|
|
|
|
|
2004-03-18 17:16:23 +00:00
|
|
|
// this assumes your form elements are named
|
|
|
|
|
// startDate_Day, startDate_Month, startDate_Year
|
|
|
|
|
|
2004-03-28 19:15:35 +00:00
|
|
|
$startDate = makeTimeStamp($startDate_Year, $startDate_Month, $startDate_Day);
|
2004-03-18 17:16:23 +00:00
|
|
|
|
2004-03-28 19:15:35 +00:00
|
|
|
function makeTimeStamp($year="", $month="", $day="")
|
2004-03-18 17:16:23 +00:00
|
|
|
{
|
2004-03-28 19:15:35 +00:00
|
|
|
if(empty($year)) {
|
2004-03-18 17:16:23 +00:00
|
|
|
$year = strftime("%Y");
|
2004-03-28 19:15:35 +00:00
|
|
|
}
|
|
|
|
|
if(empty($month)) {
|
2004-03-18 17:16:23 +00:00
|
|
|
$month = strftime("%m");
|
2004-03-28 19:15:35 +00:00
|
|
|
}
|
|
|
|
|
if(empty($day)) {
|
2004-03-18 17:16:23 +00:00
|
|
|
$day = strftime("%d");
|
2004-03-28 19:15:35 +00:00
|
|
|
}
|
2004-03-18 17:16:23 +00:00
|
|
|
|
2004-03-28 19:15:35 +00:00
|
|
|
return mktime(0, 0, 0, $month, $day, $year);
|
2004-03-18 17:16:23 +00:00
|
|
|
}
|
2004-03-29 09:57:04 +00:00
|
|
|
?>
|
2004-03-18 17:16:23 +00:00
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
</example>
|
|
|
|
|
</sect1>
|
|
|
|
|
<sect1 id="tips.wap">
|
|
|
|
|
<title>WAP/WML</title>
|
|
|
|
|
<para>
|
|
|
|
|
WAP/WML templates require a php Content-Type header to be passed along
|
|
|
|
|
with the template. The easist way to do this would be to write a custom
|
|
|
|
|
function that prints the header. If you are using caching, that won't
|
|
|
|
|
work so we'll do it using the insert tag (remember insert tags are not
|
|
|
|
|
cached!) Be sure that there is nothing output to the browser before the
|
|
|
|
|
template, or else the header may fail.
|
|
|
|
|
</para>
|
|
|
|
|
<example>
|
|
|
|
|
<title>using insert to write a WML Content-Type header</title>
|
|
|
|
|
<programlisting role="php">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
<?php
|
|
|
|
|
|
|
|
|
|
// be sure apache is configure for the .wml extensions!
|
|
|
|
|
// put this function somewhere in your application, or in Smarty.addons.php
|
2004-03-28 19:15:35 +00:00
|
|
|
function insert_header($params)
|
|
|
|
|
{
|
2004-03-18 17:16:23 +00:00
|
|
|
// this function expects $content argument
|
2004-03-28 19:15:35 +00:00
|
|
|
if (empty($params['content'])) {
|
2004-03-18 17:16:23 +00:00
|
|
|
return;
|
2004-03-28 19:15:35 +00:00
|
|
|
}
|
2004-03-18 17:16:23 +00:00
|
|
|
header($params['content']);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
?>
|
|
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
<para>
|
|
|
|
|
your Smarty template <emphasis>must</emphasis> begin with the insert tag :
|
|
|
|
|
</para>
|
|
|
|
|
<programlisting>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
{insert name=header content="Content-Type: text/vnd.wap.wml"}
|
|
|
|
|
|
2004-03-24 17:11:28 +00:00
|
|
|
<?xml version="1.0"?>
|
|
|
|
|
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
|
|
|
|
|
|
|
|
|
|
<!-- begin new wml deck -->
|
|
|
|
|
<wml>
|
|
|
|
|
<!-- begin first card -->
|
|
|
|
|
<card>
|
|
|
|
|
<do type="accept">
|
|
|
|
|
<go href="#two"/>
|
|
|
|
|
</do>
|
|
|
|
|
<p>
|
2004-03-18 17:16:23 +00:00
|
|
|
Welcome to WAP with Smarty!
|
|
|
|
|
Press OK to continue...
|
2004-03-24 17:11:28 +00:00
|
|
|
</p>
|
|
|
|
|
</card>
|
|
|
|
|
<!-- begin second card -->
|
|
|
|
|
<card id="two">
|
|
|
|
|
<p>
|
2004-03-18 17:16:23 +00:00
|
|
|
Pretty easy isn't it?
|
2004-03-24 17:11:28 +00:00
|
|
|
</p>
|
|
|
|
|
</card>
|
|
|
|
|
</wml>
|
2004-03-18 17:16:23 +00:00
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
</example>
|
|
|
|
|
</sect1>
|
|
|
|
|
<sect1 id="tips.componentized.templates">
|
|
|
|
|
<title>Componentized Templates</title>
|
|
|
|
|
<para>
|
|
|
|
|
Traditionally, programming templates into your applications goes as
|
|
|
|
|
follows: First, you accumulate your variables within your PHP
|
|
|
|
|
application, (maybe with database queries.) Then, you instantiate your
|
|
|
|
|
Smarty object, assign the variables and display the template. So lets
|
|
|
|
|
say for example we have a stock ticker on our template. We would
|
|
|
|
|
collect the stock data in our application, then assign these variables
|
|
|
|
|
in the template and display it. Now wouldn't it be nice if you could
|
|
|
|
|
add this stock ticker to any application by merely including the
|
|
|
|
|
template, and not worry about fetching the data up front?
|
|
|
|
|
</para>
|
|
|
|
|
<para>
|
|
|
|
|
You can do this by writing a custom plugin for fetching the content and
|
|
|
|
|
assigning it to a template variable.
|
|
|
|
|
</para>
|
|
|
|
|
<example>
|
|
|
|
|
<title>componentized template</title>
|
|
|
|
|
<programlisting role="php">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
<?php
|
|
|
|
|
|
2004-03-23 22:25:51 +00:00
|
|
|
// drop file "function.load_ticker.php" in plugin directory
|
|
|
|
|
|
|
|
|
|
// setup our function for fetching stock data
|
2004-03-28 19:15:35 +00:00
|
|
|
function fetch_ticker($symbol)
|
|
|
|
|
{
|
2004-03-23 22:25:51 +00:00
|
|
|
// put logic here that fetches $ticker_info
|
|
|
|
|
// from some ticker resource
|
|
|
|
|
return $ticker_info;
|
|
|
|
|
}
|
2004-03-18 17:16:23 +00:00
|
|
|
|
2004-03-28 19:15:35 +00:00
|
|
|
function smarty_function_load_ticker($params, &$smarty)
|
|
|
|
|
{
|
2004-03-18 17:16:23 +00:00
|
|
|
// call the function
|
2004-03-23 22:25:51 +00:00
|
|
|
$ticker_info = fetch_ticker($params['symbol']);
|
2004-03-18 17:16:23 +00:00
|
|
|
|
|
|
|
|
// assign template variable
|
2004-03-28 19:15:35 +00:00
|
|
|
$smarty->assign($params['assign'], $ticker_info);
|
2004-03-18 17:16:23 +00:00
|
|
|
}
|
|
|
|
|
?>
|
|
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
<programlisting>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
index.tpl
|
|
|
|
|
---------
|
|
|
|
|
|
|
|
|
|
{* Smarty *}
|
|
|
|
|
|
|
|
|
|
{load_ticker symbol="YHOO" assign="ticker"}
|
|
|
|
|
|
|
|
|
|
Stock Name: {$ticker.name} Stock Price: {$ticker.price}
|
|
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
</example>
|
|
|
|
|
</sect1>
|
|
|
|
|
<sect1 id="tips.obfuscating.email">
|
|
|
|
|
<title>Obfuscating E-mail Addresses</title>
|
|
|
|
|
<para>
|
|
|
|
|
Do you ever wonder how your E-mail address gets on so many spam mailing
|
|
|
|
|
lists? One way spammers collect E-mail addresses is from web pages. To
|
|
|
|
|
help combat this problem, you can make your E-mail address show up in
|
|
|
|
|
scrambled javascript in the HTML source, yet it it will look and work
|
|
|
|
|
correctly in the browser. This is done with the mailto plugin.
|
|
|
|
|
</para>
|
|
|
|
|
<example>
|
|
|
|
|
<title>Example of Obfuscating an E-mail Address</title>
|
|
|
|
|
<programlisting>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
index.tpl
|
|
|
|
|
---------
|
|
|
|
|
|
|
|
|
|
Send inquiries to
|
|
|
|
|
{mailto address=$EmailAddress encode="javascript" subject="Hello"}
|
|
|
|
|
]]>
|
|
|
|
|
</programlisting>
|
|
|
|
|
</example>
|
|
|
|
|
<note>
|
|
|
|
|
<title>Technical Note</title>
|
|
|
|
|
<para>
|
|
|
|
|
This method isn't 100% foolproof. A spammer could conceivably program his
|
|
|
|
|
e-mail collector to decode these values, but not likely.
|
|
|
|
|
</para>
|
|
|
|
|
</note>
|
|
|
|
|
</sect1>
|
2004-03-28 15:15:38 +00:00
|
|
|
</chapter>
|
2004-03-18 17:16:23 +00:00
|
|
|
<!-- Keep this comment at the end of the file
|
|
|
|
|
Local variables:
|
|
|
|
|
mode: sgml
|
|
|
|
|
sgml-omittag:t
|
|
|
|
|
sgml-shorttag:t
|
|
|
|
|
sgml-minimize-attributes:nil
|
|
|
|
|
sgml-always-quote-attributes:t
|
|
|
|
|
sgml-indent-step:1
|
|
|
|
|
sgml-indent-data:t
|
|
|
|
|
indent-tabs-mode:nil
|
|
|
|
|
sgml-parent-document:nil
|
|
|
|
|
sgml-default-dtd-file:"../../../../manual.ced"
|
|
|
|
|
sgml-exposed-tags:nil
|
|
|
|
|
sgml-local-catalogs:nil
|
|
|
|
|
sgml-local-ecat-files:nil
|
|
|
|
|
End:
|
|
|
|
|
vim600: syn=xml fen fdm=syntax fdl=2 si
|
|
|
|
|
vim: et tw=78 syn=sgml
|
|
|
|
|
vi: ts=1 sw=1
|
|
|
|
|
-->
|
