HTML
Splash!
PostScript
  
Template Toolkit Examples: HTML Library: Links and Buttons

index
rgb
headers
lists
links
tables
bars
menus

Links and Buttons

These elements can be used to create basic links and buttons which contain links.

Source #1:
    [% PROCESS html/link 
        link = 'http://www.tt2.org/'
    %]
    
HTML Output #1:
    <a href="http://www.tt2.org/">http://www.tt2.org/</a>
    
Output #1:

Source #2:
    [% PROCESS html/link 
        link = 'http://www.tt2.org/'
        text = 'Template Toolkit Web Site'
    %]
    
HTML Output #2:
    <a href="http://www.tt2.org/">Template Toolkit Web Site</a>
    
Output #2:

Source #3:
    [% section = {
           headers => 'Headers and Footers'
           links   => 'Links and Buttons'
           tables  => 'Tables, Rows and Cells'
           bars    => 'Bars, Boxes and Edges'
       }
       order = [ 'headers', 'links', 
                 'tables',  'bars' ]
    %]
    
    <ul>
    [% FOREACH item = order -%]
      <li>[% PROCESS html/link 
             link = "${item}.html"
             text = section.$item  %]
    [% END %]
    </ul>
    
HTML Output #3:
    <ul>
      <li><a href="headers.html">Headers and Footers</a>
      <li><a href="links.html">Links and Buttons</a>
      <li><a href="tables.html">Tables, Rows and Cells</a>
      <li><a href="bars.html">Bars, Boxes and Edges</a>
    </ul>
    
Output #3:


Source #4:
    [% INCLUDE html/button 
         text = "Hello World"
    %]
    
HTML Output #4:
    [&nbsp;Hello&nbsp;World&nbsp;]
    
Output #4:
    [ Hello World ]

Source #5:
    [% INCLUDE html/button 
        text = "Index Page"
        link = "index.html"
    %]
    
HTML Output #5:
    [&nbsp;<a href="index.html">Index&nbsp;Page</a>&nbsp;]
    
Output #5:

Source #6:
    [% INCLUDE html/button 
        text   = "Selected Item"
        select = 1
    %]
    
HTML Output #6:
    [<b>&nbsp;Selected&nbsp;Item&nbsp;</b>]
    
Output #6:
    [ Selected Item ]

Source #7:
    [% INCLUDE html/button 
        text  = "Prev Item"
        link  = "headers.html"
        left = 1
    %]
    
    [% INCLUDE html/button 
        text  = "Next Item"
        link  = "menus.html"
        right = 1
    %]
    
HTML Output #7:
    &lt;-[&nbsp;<a href="headers.html">Prev&nbsp;Item</a>&nbsp;]
    [&nbsp;<a href="menus.html">Next&nbsp;Item</a>&nbsp;]-&gt;
    
Output #7: