Enfusion Framework is a boosted combined framework

Enfusion is a combined web framework that contains the most useful features out of other famous frameworks. These features are boosted with code simplifying and ability enlargement. Also extra unique power- and useful features have been added. Enfusion javascript works with the MVC design pattern. You can download Enfusion Framework for free, unpack the archive-file and it's ready to use.
Example deploy data from PHP session
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jquery-1.8.3.min.js">
        <script type="text/javascript" src="enfusion-1.0.1.min.js">  
    </head>
    <body>
        <span session>You are logged in as {nickname}.</span>
    </body>
</html>        
Example deploy data from MySQL database
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jquery-1.8.3.min.js">
        <script type="text/javascript" src="enfusion-1.0.1.min.js">  
    </head>
    <body>
        <span database>Your e-mailaddress is {query1}.</span>
    </body>
</html>        
query1 is just an example, this query is defined in enfusion.queries.php.
You can define unlimited queries.
Example deploy data from object Enfusion.View template
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jquery-1.8.3.min.js">
        <script type="text/javascript" src="enfusion-1.0.1.min.js">  
    </head>
    <body>
        <span template>Our telephone number is {phone}.</span>
    </body>
</html>        
phone (or anything else) can be defined in the Enfusion.View object. See: Templates
Example bind drag and drop to elements
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jquery-1.8.3.min.js">
        <script type="text/javascript" src="enfusion-1.0.1.min.js">  
    </head>
    <body>
        <!-- drag and drop without saving positions -->
        <div draggable>This container is draggable</div>
        
        <!-- drag and drop with saving positions -->
        <div draggable dragID="01">Positions will be saved in database</div>
    </body>
</html>        
Example Lazyload
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jquery-1.8.3.min.js">
        <script type="text/javascript" src="enfusion-1.0.1.min.js">  
    </head>
    <body>
        <img lazyload="picture.jpg" />
    </body>
</html>        
Example Lightbox
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jquery-1.8.3.min.js">
        <script type="text/javascript" src="enfusion-1.0.1.min.js">  
    </head>
    <body>
        <div lightbox click=".button">
            <div content>
            Content here
            </div>
        </div>
    </body>
</html>        
Lightbox will popup when client clicks on .button
Example deploy webcam system
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jquery-1.8.3.min.js">
        <script type="text/javascript" src="enfusion-1.0.1.min.js">  
    </head>
    <body>
        <!-- your webcam -->
        <enfusion type="POST" person="session:nickname" width="" height="">
        </enfusion>
        
        <!-- watch webcams -->
        <enfusion type="GET" person="Nycha" width="" height="">
        </enfusion>
    </body>
</html>        
Yes, really that simple. You can watch as many webcams as you want.
No flash server required!
Example MVC - event handling
Enfusion.Controller = {
	events: { 
	
	    ".button click": "sendForm",
	    "window resize": "checkResolution"
	    
	}
}
Element , Event, Callback
Example MVC - template handling
Enfusion.Model = {
	templates: { 
	
	    "phone": "012-3456789", 
	    "developer": "Benny" 
        	
	}
}
This is the system behind: Manual template to HTML. You can create unlimited templates.

Latest version

Download

Release date: 28 May 2014

Enfusion Framework by Benny Polak