::installation::
download Felore-Lux from : SourceForge
installation of Felore-Lux is a easy. Just download the Felore-Lux package and unzip it in document root of your webserver(or wherever you want).
- Felore-Lux
| + documentation
| + JavaScripts
| + lib
| + helper
| + templates
| check.php
| intro.php
| style.css
::Geting Started::
First of all you for using Felore-Lux we made this actions :
<?php
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Create an object and output javascripts uses
require_once "lib/FeloreLux.class.php";
$Felore= new FeloreLux;
$Felore->getJavaScripts();
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
?>
Ok! Now we can create an Auto Complete Effect with 2 ways :
<div style = "float:left;width:100%;">
First step.1 : Try to type a "jo" ( external request to check.php file ).
<input type='text' id="TEXTAREA" autocomplete="off" style = "width:250px">
<div id="TEXTAREA_AUTO" style="display:none;border:1px solid #999;background-color:#333;color:#000;"></div>
<br><br>First step.2 : Try to type a "j" symbol (internal search in the array).
<input type='text' id="txtSecond" autocomplete="off" style = "width:250px">
<div id="txtSecond_Auto" style="display:none;border:1px solid #999;background-color:#333;color:#000;"></div>
</div>
<?php
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Create an array for AutoComplete test1
$array = array("Johan" , "John" , "Yuriy" , "Jonatan" , "Faust" , "Jeorge");
echo $Felore->getEffect("AutoComplete" , "TEXTAREA" , "TEXTAREA_AUTO" , "check.php");
echo $Felore->getEffect("AutoComplete" , "txtSecond" , "txtSecond_Auto" , );
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
?>
Second example is a dropable and dragable element effects:
<div id="BoxOne" class="box1" style="opacity:0.5;z-index:1000;width:150px;height:150px;background:#555;color:#fff;">
<span class="handle1">Drag Place</span><br/>
</div>
<div id="BoxOneDrop" class="box1" style="opacity:0.5;z-index:1000;width:150px;height:150px;background:#777;color:#fff;">
<span class="handle1">Drop Place</span><br/>
</div>
<?php
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
echo $Felore->getEffect("DragAndDrop" , "BoxOne" , "Dragable");
$onDrop["onDrop"] = "function(element,dropon){alert('yahoooooooo');}";
echo $Felore->getEffect("DragAndDrop" , "BoxOneDrop" , "Dropable" , );
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
?>
Third Example here , Sortable list and using internal template:
<ul id="List" style="padding: 3px; background:#333; width:50%;">
<li>Hello world</li>
<li>Jeorge</li>
<li>Santa</li>
<li>Fuert</li>
<li>MeineLieben</li>
<li>Shock</li>
</ul>
<?php
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
// Using UL element with ID : LIST
echo $Felore->getEffect("DragAndDrop" , "List" , "Sortable");
// Using internal template SimpleTemplate
echo $Felore->getEffect("MyTemplate" , "SimpleTemplate" , 5);
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
?>