Categories
CSS HTML JavaScript Tutorials

Search Form using CSS3 and JavaScript

For Live Demo: Click here

HTML Code:

  • On the page load input box will show text “Search….”
  • Clicking on input box will call javascript event “onfocus” and it will clear text “Search….”
  • Leaving input box will call javascript event “onblure” and it will add text “Search…” if the value for input box is “NULL”
Categories
CSS HTML jQuery Tutorials

Image Gallery Using JQuery

For Live Demo: Click here

HTML Code:

Notes:

  • em tag will be added by JQuery inside H2 tag.
  • If you are changing class name or id name, change it in both CSS and HTML code.
Categories
CSS HTML jQuery Tutorials

Simple Expand Collapse using JQuery

For Live Demo: Click here

HTML code snippet for content you want to hide or show:

Important Notes:

  • Use class=”expand” for heading
  • Use class=”collapse” for content you want to expand or collapse
Categories
My Life

Project Expo and Convocation, Fall 2010 at SJSU

Categories
PHP

Object Oriented Programming with PHP

What is OOP

OOP was first invented for the purpose of physical modelling in the Simula-67.

Whilst there is no hard and fast definition of what Object Oriented Programming (OOP) is, we can define. So lets just use this loose definition for now and it is left to reader to make up their own minds about what a decent definition is. Object Oriented Programming (OOP) is a programming concept that treats functions and data as objects. OK, not the best definition but gives us an opening. The key word here is objects. As we progress through this tutorial we will see how data and functions can be represented as re-usable objects, thus cutting down on code and time.