<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
<head>
<title>HTML Friends DOCS</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META name="Author" content="Riklaunim">
<style type="text/css">
body {
margin: 0; padding: 0;
background-color: #eeeeee;
font-family:Verdana;
font-size:12px;
}
.code {
border: 1px #DDDDDD solid;
font-family: tahoma;
font-size: 11px;
padding-top: 1px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 16px;
text-align: left;
background-color:#9bb89b;
}
</style></head><body>
<center><h1>HTML Friends</h1><h2>Easy use of JS/DHTML in PHP</h2></center>
This class contains a set of various JavaScript/DHTML scripts with a easy to use PHP "API" :) Author: Piotr Maliński <a href="mailto:[email protected]">email</a>. Scripts from www.dhtmlgoodies.com and other sites.<BR>
<B>USAGE</B>:<BR>
Start with:
<div class="code"><pre>include 'html_friends.php';
$a = new html_friends();</pre></div>
Now you can use scripts from the class. The *_init methods return CSS and JS files "inclusion" and the best place for them is the HEAD tag but it isn't required. *_init should be called only once<BR><BR>
<B>COLOR PICKER</B>
<div class="code"><pre>echo $a->color_picker_init();
echo '< form >'.$a->color_picker('FIELD NAME').'< /form >';</pre></div>
Creates a color picker, which can be used in forms:
<?PHP
include 'html_friends.php';
$a = new html_friends();
echo $a->color_picker_init();
echo '<form>'.$a->color_picker('zzz').'</form>'; ?><BR><BR>
<B>FLOATING WINDOWS</B>
<div class="code"><pre>echo $a->floating_window_init();
echo $a->floating_window_make('text', 1, 100, 100, 100, 150);
echo $a->floating_window_make('TEXT OF THE TAB', ID NUMER, WIDTH, HEIGHT, X, Y);</pre></div>
Creates floating windows, something like popups but HTML tables :) X - show the window X pixels from the left, Y - from the top. Each window has to have an unique ID. See <a href="example3.php">example3.php</a><BR><BR>
<B>DATE PICKER</B>
<div class="code"><pre>echo $a->calendar_init();
echo '< form action="'.$_SERVER['REQUEST_URI'].'" method="post" >'.$a->calendar().'< input type="submit" value="Submit me" >< /form >';</pre></div>
Creates a text field (name dataArea0 for the first one, dataArea1 for the second one and so on) where you can select a date from a calendar:
<?PHP
echo $a->calendar_init();
echo $a->calendar();
?><BR><BR><BR><BR><BR>
<B>TABBED TABLE</B>
<div class="code"><pre>echo $a->tab_init();
$ar = array('TABNAME' => 'TAB TEXT', 'Tab 1' => '<B>tab</B> text', 'Foo' => 'Bar');
echo $a->tab($ar);</pre></div>
Creates a tabbet table with nice tab switcher:
<?PHP
echo $a->tab_init();
$ar = array('Tab1' => 'aaaa aaaaaa aaaa a', 'Tab 2' => '<B>sss</B>ssssss sssss', 'Foo' => 'sssssssss sssssssss');
echo $a->tab($ar);
?><BR><BR>
<B>HORIZONTAL MENU</B>
<div class="code"><pre>echo $a->rollv_menu_init();
$a1 = array('Menu 1', 'Menu 2', 'Menu 3');
$a2 = array('Menu 1' => array('Google' => 'http://www.google.pl', 'Yahoo' => 'http://www.yahoo.cm'), 'Menu 2' => array('2Google' => 'http://www.google.pl', '22Yahoo' => 'http://www.yahoo.cm'), 'Menu 3' => array('BLAGoogle' => 'http://www.google.pl', 'BLAYahoo' => 'http://www.yahoo.cm'));
echo $a->rollv_menu($a1, $a2);</pre></div>
Creates a drop down menu. $a1 - array with names of menu "categories", $a2 - associative array where Keys are category names and Values are arrays of: Link name => Link URL<BR><BR>
<?PHP echo $a->rollv_menu_init();
$a1 = array('Menu 1', 'Menu 2', 'Menu 3');
$a2 = array('Menu 1' => array('Google' => 'http://www.google.pl', 'Yahoo' => 'http://www.yahoo.cm'), 'Menu 2' => array('2Google' => 'http://www.google.pl', '22Yahoo' => 'http://www.yahoo.cm'), 'Menu 3' => array('BLAGoogle' => 'http://www.google.pl', 'BLAYahoo' => 'http://www.yahoo.cm'));
echo $a->rollv_menu($a1, $a2); ?><BR><BR><BR><BR><BR>
<B>VERTICAL MENU</B>
<div class="code"><pre>echo $a->roll_menu_init();
$a1 = array('Menu 1', 'Menu 2', 'Menu 3');
$a2 = array('Menu 1' => array('Google' => 'http://www.google.pl', 'Yahoo' => 'http://www.yahoo.cm'), 'Menu 2' => array('2Google' => 'http://www.google.pl', '22Yahoo' => 'http://www.yahoo.cm'), 'Menu 3' => array('BLAGoogle' => 'http://www.google.pl', 'BLAYahoo' => 'http://www.yahoo.cm'));
echo $a->roll_menu($a1, $a2);</pre></div>
Same arrays as HORIZONTAL MENU, generates Vertical drop down menu.<BR><BR>
<B>TOOLTIP</B>
<div class="code"><pre>echo $a->tooltip_init();
echo $a->tooltip('URL LINK', 'Tooltip text', 'link name');</pre></div>
<?PHP
echo $a->tooltip_init();
echo $a->tooltip('#', 'Bla bla bla <B>Im a tooltip</B>', 'mouseover me!');
?><BR><BR>
<B>COLOR PICKER</B>
<div class="code"><pre>echo $a-> order_list_init();
$ar = array('KEY' => 'VALUE', 'foo1' => 'Bar', 'foo2' => 'Something');
echo $a->order_list($ar, 'SAVE TEXT');</pre></div>
Creates a list (LI) from $ar which can be sorted by DRAG and DROP. $a->order_list will return sorted $ar when the "save" link will be clicked. See <a href="example1.php">example1.php</a>.<BR><BR>
<B>Nice Table</B>
<div class="code"><pre><code><span style="color: #007700">);echo </span><span style="color: #0000BB">$a</span><span style="color: #007700">-></span><span style="color: #0000BB">table_init</span><span style="color: #007700">();<br />echo </span><span style="color: #0000BB">$a</span><span style="color: #007700">-></span><span style="color: #0000BB">table</span><span style="color: #007700">(</span><span style="color: #DD0000">'<table><br /><thead><br /> <tr><th>Ingredients</th><th>serves 12</th><th>serves 24</th></tr><br /></thead><br /><tfoot><br /> <tr><td colspan="3"><ol><br /> <li>test hehehehe :)</li><br /> </ol></td></tr><br /></tfoot><br /><tbody><br /> <tr><td>milk</td><td>1 quart</td><td>2 quart</td></tr><br /> <tr class="odd"><td>cinnamon sticks</td><td>2</td><td>1</td></tr><br /> <tr><td>vanilla bean, split</td><td>1</td><td>2</td></tr><br /></tbody></table>'</span><span style="color: #007700">); </span><span style="color: #0000BB">?></span>
</span>
</code></pre></div>
Creates a very nice table. See <a href="example2.php">example2.php</a>
|
Download
