XAMPP web server

XAMPP web server

XAMPP is a free and open source cross-platform web server package, consisting mainly of the Apache HTTP Server, MySQL database, and interpreters for scripts written in the PHP and Perl programming languages. XAMPP is also for localhost development and testing

If you want to know more and download the source follow the link below

http://www.apachefriends.org/en/xampp.html

Aptana Studio Editor for web developer FREE

Aptana Studio Editor for web developer FREE

Aptana Studio support AJAX, HTML, CSS, and JavaScript, which has made it a popular choice for web developers. Top features include excellent file transfer (FTP) capabilities over both SSH (SFTP) SSL (FTPS); code step-through and DOM inspection for JavaScript debugging; and Studio integrates with the Eclipse IDE.

If you want to know more and download, follow the link below

http://www.aptana.org/studio

Notepad++ Editor for web developer FREE

Notepad++ Editor for web developer FREE

Notepad++ is a powerful; multiple-language supporting; code editor that should be on every web developer's desktop.

If you want to know more and download, follow the link below

http://notepad-plus.sourceforge.net/uk/site.htm

Facebook like Autosuggestion with jQuery, Ajax and PHP

Facebook like Autosuggestion with jQuery, Ajax and PHP

Facebook like Auto suggestion



	


		



		


		

	

Search.php

$mysql_hostname = "localhost";

$mysql_user = "root";

$mysql_password = "ednalan";

$mysql_database = "insurance_site";

$bd = mysql_connect($mysql_hostname, $mysql_user, $mysql_password) or die("Could not connect database");

mysql_select_db($mysql_database, $bd) or die("Could not select database");



if($_POST)

{

	$search=$_POST['searchword'];

	$sql_res=mysql_query("select * from rme_insurance_agent where profile like '%$search%' or name like '%$search%' order by id LIMIT 10");

	while($row=mysql_fetch_array($sql_res))

	{

		$name=$row['name'];

		$img=$row['photo'];

		$country=$row['country'];

?>

		


			

			


			

		

	} 

}

?>

Close
  

Download

http://dl.dropbox.com/u/3293191/Facebook%20like%20Autosuggestion%20with%20jQuery%2C%20Ajax%20and%20PHP.zip

Quick Search

Quick Search

If you want to know more and download the source follow the link below

http://github.com/riklomas/quicksearch

Demo

http://github.com/riklomas/quicksearch

Password Indicator

Password Indicator

If you want to know more and download the source follow the link below

http://projects.sharkmediallc.com/pass/

Make An Elastic Thumbnail Menu

Make An Elastic Thumbnail Menu

If you want to know more and download the source follow the link below

http://buildinternet.com/2009/09/sproing-make-an-elastic-thumbnail-menu/

Demo

http://buildinternet.com/live/elasticthumbs/

Insert and Load Record using jQuery and Ajax

Insert and Load Record using jQuery and Ajax

 
 







 
  

   

    

     




      
What are you doing?
      
       

       

       
       
      
     
    
   
   

   
 
   
 
  
 

insert.php

{
 $content=$_POST['content'];
}
?>

Flash Message with jQuery Like Twitter

Flash Message with jQuery Like Twitter

{

	$message=$_POST['entertext'];

	$message_fade="
 $message!
";

}



?>







	
Flash Message Display

    


		

	

    


    


		


		   


			Enter Your Comments :

			

			

		   

	   

   

Jquery Basics 2

Jquery Basics 2

jQuery Stucture
$ = jquery, selector is a DOM element and function execute a jquery fuction.
$(selector).function(parameters);

DOM - Document Object Model Wiki

Selectors

-> Select DOM elements eg: $('h1') ,$('div'), $('li')..
-> Select ID : $('#id_name')
-> Select Class : $('.class_name')
$("#header") = get the element with id="header"
$("h3") = get all

1. jQuery Animate div and image

jQuery Animate Image







jQuery Animate Div



My Div Animate div and image

2. Fade div - Selecting Page Elements by ID

		

		


       So as this.

  

  


      

  

 



 



This works on blogger
 

 

This works on blogger

Test

Twitter Like More Button with jQuery and Ajax

Twitter Like More Button with jQuery and Ajax

Download

http://dl.dropbox.com/u/3293191/Twitter%20Like%20More%20Buttonmore_project.zip

Alert Confirm Box with jQuery and CSS - Facebook Style

Alert Confirm Box with jQuery and CSS - Facebook Style

Download source file

http://dl.dropbox.com/u/3293191/facebook_alert.zip

Jquery Basics

Jquery Basics

jQuery Stucture
$ = jquery, selector is a DOM element and function execute a jquery fuction.
$(selector).function(parameters);

DOM - Document Object Model Wiki

Selectors

-> Select DOM elements eg: $('h1') ,$('div'), $('li')..
-> Select ID : $('#id_name')
-> Select Class : $('.class_name')



1. Click() Event

LINK

2. Hide and Show With Click Event

HIDE

SHOW

SAMPLE HIDE SHOW BOX

Effects

Fading Out and In : $(selector).fadeOut() and $(selector).fadeIn()
Sliding Up and Down : $(selector).slideUp() and $(selector).slideDown()
Sliding Toggle : $(selector).slideToggle()
Custom animation effect : $(selector).animate()


3. Fading Effect

fadeOut()

fadeIn()

A SAMPLE OF FADE OUT FADE IN

Attributes

attr()
attr() method makes it easy to retrieve a property value from the matched element. $(selector).attr(properties); Eg Attributes: id, class, title, src, href, etc

4. attr()

link

5. Change CSS

	
		

		Sample text!

		



		Testing!

	

	



	
Click me

	

	

6. Add/Remove attribute

	
jQuery: Add/Remove attribute

	


	This is my LINK

	

	

		

7. Add css style on clicking the link
$(document).ready(function(){
$("#clickme").click(function(){
$("#content").css({"color":"green","font-size":"20px"});
});
});
<div id="clickme">Click me</div>
<div id="content">
Contents
</div>

Jquery and CSS Twitter like Login

Jquery and CSS Twitter like Login

Sign In

 

  UserName
   
  
  Password
   
  
  


  Close
 

Basic web effect with jQuery

Basic web effect with jQuery

Sample code for basic effect functions in jQuery

1. Hide and show effect

This paragraph can be shown or hidden

2. Hide and show effect

This div can be shown or hided slowly

3. FadeIn and FadeOut effect

  

This paragraph can fade in and fade out

4. Slide up and Slide down

This toggle can be slide up and down

5. Animate effect

6. Click paragraph and it will fade away

 

 

 





 


   Example of Jquery, click paragraph

   and it will fade away.

 

7. Expanding Textbox Facebook like

8. Custom Animation with animate() $(selector).animate()

 

 

animate()



==>

Custom Form Element

Custom Form Element

If you want to know more and download the source follow the link below

http://customformelements.net/demopage.php

Checkbox and Radio Input Replacement

Checkbox and Radio Input Replacement

If you want to know more and download the source follow the link below

http://www.chriserwin.com/scripts/crir/index.php

NiceForm

NiceForm

If you want to read more and download the source follow the link below.

http://www.emblematiq.com/lab/niceforms/

CSS star rating redux

CSS star rating redux

If you want to read more and download the source follow the link below.

http://www.komodomedia.com/blog/2007/01/css-star-rating-redux/

Reddit style voting with php, mysql and html

Reddit style voting with php, mysql and html

If you want to read more and download the source follow the link below.

http://ad1987.blogspot.com/2009/02/reddit-style-voting-with-php-mysql-and.html


Demo

http://cyberbuff.noadsfree.com/lab/reddit_votes/