• JQuery in place editor plugin tutorial - Introduction jQuery is an ope ...
    Introduction jQuery is an open source cross browser javascript library . jQuery is a very popular javascript library and has a lot of plug-ins for a wide variety of task . JQuery has got plug-ins from simple task like form validation to a lot of complex behavior. In this article I am going to discuss some of the very useful plug-ins of jQuery to do in place editing.   Jeditable   Jeditable is a very handy and small jQuery in place editor plug in . This plug in helps you make a lot of HTML elements directly in place editable with just a few lines of code This plug in can be downloaded from   http://www.appelsiini.net/projects/jeditable   You can also get more information about it on   http://plugins.jquery.com/project/jeditable     Once you have downloaded jQuery and jeditable using this plug in is very simple. I will start with a very simple e.g:-   Jeditable Demo click to Update Text Here This example creates a div element and clicking on it will make it editable. Once the user clicks on it and makes changes and clicks the data is posted to the script 'updatedata.php' (below the code for updatedata.php is shown).   In this example first I have created a <dev> element using <div>click to Update Text Here</div>       To make this element in place editable you just have to add     $(document).ready(function() { $('.div_txt').editable('updatedata.php'); });       The only mandatory parameter is the complete URL where the data will be posted when the user changes the content.( in our case its 'updatedata.php' or it could be http://abc.com/updatedata.php ) . My updatedata.php just echoes the value back so that it is displayed to...
  • ORM frameworks in PHP - Introduction   ORM (Object ...
    Introduction   ORM (Object Relational mapping) is a technique in which Objects oriented languages i.e Objects are mapped directly to relational databases. This is a generic concept which can be applied to any object oriented language like C++, Java, PHP etc and any relational database like Oracle, Mysql etc.   Object Relational Mapping Frameworks   Generally if you are working in a big web application you will have the data stored in some relational database. For e.g. If you are using PHP to build web applications there is a good chance that you would be using MySql as your relational database. As the application gets large dealing in with SQL in your PHP code gets very messy.   ORM frameworks are generally written in an object oriented programming language like PHP and map (or even generate) objects which directly map to relational databases.   So if you have an ORM object of customer and want to save it in your database the code required to do that would be some what like the following if you use an ORM frame work   $objCustomer = new Customer(); $objCustomer->name=â€John†$objCustomer->emaail=â€john124@example.comâ€; $objCustomer->save();   Some of the good Object Relational Mapping Frameworks in PHP   CakePHP       CakePHP is a rapid application development framework in PHP. You can download it from http://cakephp.org/ .   CakePHP has a support for developing application with ORM and MVC architecture. The licensing of CakePHP is flexible as it is distributed under MIT license. CakePHP is a complete Object oriented framework.   As CakePHP is a complete MVC architecture supporting framework it is an excellent framework to use specifically if a new application...
  • Interactive HTML5 as flash banner replacement - Introduction H ...
    Introduction HTML 5 is the new version of HTML.Like previous version of HTML this specifies the structuring and presenting content on the World Wide Web. But what we will roughly refer to as HTML 5 in this articles is actually the whole web technology stack (HTML 5 + CSS + JavaScript) and not only of the markup language. So when we talk of HTML 5 we have a programming language JavaScript ( like flash ) a set of api and JavaScript frameworks and the new multi media features of HTML 5 like drawing graphics ( using the <canvas> ) , play audio( using <audio>) and video ( using <video> ) Features of HTML5 for supporting Media HTML5 has added new features to HTML . To have a complete overview of HTML 5 and its features please visit http://dev.w3.org/html5/spec/Overview.html But the tags for media support which are very important are <video> tag The video tag defines a video or other video stream. <video src="myVideo.ogg" controls="controls"> Video Tag Not Supported </video> <audio> tag The audio tag defines sound, music or other audio streams <audio src="myMusic.ogg" controls="controls"> audio Tag Not Supported </audio> <canvas> tag The canvas tag is used to display graphics. Canvas is just a container. One can use JavaScript to draw in the container. <canvas> var drawingcanvas=document.getElementById('drawCanvas'); var drawingcontext= drawingcanvas.getContext('2d'); drawingcontext.fillStyle='#FFFFF'; drawingcontext.fillRect(0,0,70,70); </script> Web Development trend towards open technology Web development is certainly moving towards open technologies and non...