Thursday, November 12, 2009

30+ Animated Tab-Based Interface and Accordion Scripts

if you really want to add features of nice and gorgeous looking ajax and tab support to your web application and websites then you can look at here http://dzineblog.com/2008/10/30-animated-tab-interface-and-accordion-scripts.html

it will help you to get your desired contents at one place

happy coding !

Monday, October 12, 2009

Usefull Links

top 100 ajax forms
http://www.noboxmedia.com/top-100-ajax-form-related-scripts-for-2007/

Dynamic add button,textbox
http://viralpatel.net/blogs/2009/01/dynamic-add-textbox-input-button-radio-element-html-javascript.html

21 collection of datepicker
http://www.bitrepository.com/a-collection-of-free-javascript-date-pickers.html

jquery datepicker
http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/

dhtml goodies
http://www.dhtmlgoodies.com/packages/dhtml-suite-for-applications/demos/demo-pane-splitter.html

Upload files into MySQL using php | Internet Resources | Cpworld2000.com
http://www.cpworld2000.com/article/upload-files-into-mysql-using-php/

dhtmlxCalendar - DHTML JavaScript Calendar component
http://www.dhtmlx.com/docs/products/dhtmlxCalendar/

MooTools DatePicker Example
http://www.styledisplay.com/mootoolsdatepicker/

Tabs - jQuery plugin for accessible, unobtrusive tabs
http://stilbuero.de/jquery/tabs/#fragment-3

Wednesday, May 6, 2009

Easy AJAX inline text edit 2.0

a straight forward tutorial to describe how to us inline text edit using ajax without adding a submit button or edit button in your web apps.

how you can make it work (5 easy steps for integration)

  • Download this Javascript file: InstantEdit 2.0 JS
  • Create a update file that handles the input. For example this PHP: Update File
  • In your page add the javascript:
  • Set fixed vars (like hidden elements in a field post). These will be posted with the editable field so you can identify a user/session.
  • Last step: in your HTML for any editable field add a SPAN arround it:
    John Doe
    Note: id is the fieldname (?userName=John Doe&), and should be unique!

how it works

A small piece of javascript reads al SPAN tags, checks if it has class=“editText” and a id=. If that is true, it adds a onclick function. That onclick function will create a textfield or input (depending on the size of the editable text). Someone has the ability to edit the field. When the text field is blurred, it will read the contents, and starts a XMLHttpRequest and ‘sends’ the content + fieldname + any set vars to an update file. That file will update your database, and reply with the newly set text and the textfield will dissapear again.

IE? FF?

This script works in internet explorer, netscape and firefox. Any other platforms haven’t been tested. That’s kinda up to you.

Codeigniter a robust php framework

codeigniter is a php frramework based on MVC architecture that is model view and controller. let me describe in short about MVC issues here.-

CodeIgniter is based on the Model-View-Controller development pattern. MVC is a software approach that separates application logic from presentation. In practice, it permits your web pages to contain minimal scripting since the presentation is separate from the PHP scripting.
  • The Model represents your data structures. Typically your model classes will contain functions that help you retrieve, insert, and update information in your your database.
  • The View is the information that is being presented to a user. A View will normally be a web page, but in CodeIgniter, a view can also be a page fragment like a header or footer. It can also be an RSS page, or any other type of "page".
  • The Controller serves as an intermediary between the Model, the View, and any other resources needed to process the HTTP request and generate a web page.

CodeIgniter has a fairly loose approach to MVC since Models are not required. If you don't need the added separation, or find that maintaining models requires more complexity than you want, you can ignore them and build your application minimally using Controllers and Views. CodeIgniter also enables you to incorporate your own existing scripts, or even develop core libraries for the system, enabling you to work in a way that makes the most sense to you.

Working with Bangla in php & mysql

for developing bangla unicode based application in php mysql follow the below steps.

————-

#1 . First make the database with CHARACTER utf8 and collation_connection =’utf8_general_ci’
#2 . Make the Tables with same configuration.
#3 . When u connect the database use following 2 lines just below the mysql_select_db()

mysql_query(’SET CHARACTER SET utf8′);
mysql_query(”SET SESSION collation_connection =’utf8_general_ci’”);

#4 . Set the META-TAG as “Content-Type: text/html; charset=UTF-8″

Thats it D u r done.Here is a sample page what will show data from database

header(’Content-Type: text/html; charset=UTF-8′); //As its php page i dont need the meta-tag so i need to send a header .

mysql_connect(’localhost’,’xxxxx’,’xxxxxx’) or die(’Error In connection’);
mysql_select_db(’test’) or die(’Error In connection(DB)’);

mysql_query(’SET CHARACTER SET utf8′);
mysql_query(”SET SESSION collation_connection =’utf8_general_ci’”);

$re = mysql_query(”SELECT * FROM test”) or die(’Query Problem’);
while($row = @mysql_fetch_assoc($re))
echo $row['name'].PHP_EOL;
?>

happy coding !!

Followers