History PHP - MYSQL - JQUERY
1. PHP
“Rasmus Lerdorf” – The creator of PHP Scripting language.
http://en.wikipedia.org/wiki/Rasmus_Lerdorf
http://lerdorf.com/bio.php
http://www.oracle.com/technology/pub/articles/php_experts/rasmus_php.html
2. MYSQL
“Michael Widenius” – Founder and original developer of MySQL
http://monty-says.blogspot.com/
3. JQuery
“John Resig” – The creator and lead developer of the jQuery JavaScript library.
http://ejohn.org/about/
http://ejohn.org/blog/
article
Saturday, June 12, 2010
Thursday, June 10, 2010
Basic jquery effect
Basic web effect with jQuery
1. Page Loading Effects with jQuery
Demo
http://creativedesign-mind.com/r-ednalan/demo/pageloadingeffect.html
2. Delete Row HTML Table by clicking
Demo
http://creativedesign-mind.com/r-ednalan/demo/Delete_Row_from_HTML_Table.html
1. Page Loading Effects with jQuery
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#page_effect').fadeIn(2000);
});
</script>JQuery Page Loading Effect
This is page loading effect with JQuery 1
This is page loading effect with JQuery 2
Demo
http://creativedesign-mind.com/r-ednalan/demo/pageloadingeffect.html
2. Delete Row HTML Table by clicking
Demo
http://creativedesign-mind.com/r-ednalan/demo/Delete_Row_from_HTML_Table.html
Tuesday, June 8, 2010
Rounded corner CSS3 without images
Rounded corner CSS3 without images
Demo
http://creativedesign-mind.com/r-ednalan/demo/round_corner_css3.html
This technique will work in Firefox, Safari, Chrome and any other CSS3-compatible browser. This technique will not work in Internet Explorer.
<style>
body {
font-family: tahoma;
}
div {
width:400px;
height:25px;
background-color:#DCECCC;
border: 2px solid #89B45A;
padding: 5px;
}
#div1 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#div2 {
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
}
#div3 {
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}
</style>
DIV with all corners rounded
DIV with top left corner rounded
DIV with bottom right corner rounded
Demo
http://creativedesign-mind.com/r-ednalan/demo/round_corner_css3.html
jQuery textbox set focus
jQuery textbox set focus
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('input[type="text"]').focus(function() {
$(this).addClass("focus");
});
$('input[type="text"]').blur(function() {
$(this).removeClass("focus");
});
});
</script>
<style>
.focus {
border: 2px solid #AA88FF;
background-color: #FFEEAA;
}
</style>
Demo
http://creativedesign-mind.com/r-ednalan/demo/jQuery_textbox_set_focus.html
Monday, June 7, 2010
css rounded corners with 3 images top, mid, bottom
css rounded corners with 3 images top, mid, bottom
Download
http://dl.dropbox.com/u/3293191/CSS/round_corner_css.zip
<style>
.box {margin-bottom:10px;width: 250px;}
.box .top{background:url(bg_yctop.png) no-repeat;height:10px;}
.box .mid{background:url(bg_ycmid.png) repeat-y;padding:0px 10px}
.box .bom{background:url(bg_ycbom.png) no-repeat;height:10px;}
.box .mid .title{padding:3px 0px;font-weight:bold;font-size:14px;}
.box p {margin: 0 10px;}
</style>
Check out the location
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.
Download
http://dl.dropbox.com/u/3293191/CSS/round_corner_css.zip
Sunday, May 30, 2010
CSS Contact Us Form
CSS Contact Us Form
Demo
http://creativedesign-mind.com/r-ednalan/demo/css-contact-us-form.html
Download
http://dl.dropbox.com/u/3293191/CSS/css-contact-us-form.zip
<style>
.get_a_container
{
background:#dcd9c1;
border:1px solid #000;
padding:12px;
width:25%;
}
.get_a_info
{
overflow:hidden;
background:#ebebeb;
border-bottom:1px solid #d3d3d3;
padding:10px;
line-height:18px;
color:#fffff;
}
.get_a_container_top
{
height:30px;
padding-top:9px;
background-color:#000000;
text-align:left;
color:#FFFFFF;
padding-left:5px;
font-weight:bold;
}
form.sidebar_form
{
overflow:hidden;
padding:10px;
background:#fff;
display:block;
}
.sidebar_form_title
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#202222;
text-transform:uppercase;
margin:0 0 3px;
}
form.sidebar_form input
{
background:#fff;
border:1px solid #aeab91;
width:100%;
height:20px;
margin:0 0 6px;
}
form.sidebar_form textarea
{
background:#fff;
border:1px solid #aeab91;
width:100%;
height:100px;
margin:0 0 10px;
}
form.sidebar_form input.sidebar_form_submit
{
width:204px;
height:41px;
border:0;
display:block;
margin:0 auto;
cursor:pointer;
background:url(images/get_a_fr.gif) top left no-repeat;
font-weight:bold;
color:#FFFFFF;
}
</style>
CONTACT US
contact me and i will try to reach you as soon as possible
Demo
http://creativedesign-mind.com/r-ednalan/demo/css-contact-us-form.html
Download
http://dl.dropbox.com/u/3293191/CSS/css-contact-us-form.zip
CSS Image hover link
CSS Image hover link
Demo
http://creativedesign-mind.com/r-ednalan/demo/css-image-hover.html
Download
http://dl.dropbox.com/u/3293191/CSS/css-image-hover-link.zip
<style>
.inner_header_buttons
{
width:206px;
height:48px;
padding:20px;
position:absolute;
top:80px;
left:725px;
background:url(images/seo_head.gif) top left no-repeat;
}
a.inner_header_services_btn, a.inner_header_services_btn:visited
{
width:195px;
height:42px;
background:url(images/inner_he.gif) top left no-repeat;
display:block;
text-indent:-9000px;
margin:0 auto 10px auto;
}
a.inner_header_services_btn, a.inner_header_services_btn:visited
{
width:195px;
height:42px;
background:url(images/inner_he.gif) top left no-repeat;
display:block;
text-indent:-9000px;
margin:0 auto 10px auto;
}
a.inner_header_services_btn:hover
{
background:url(images/inner_hf.gif) top left no-repeat;
}
</style>
Demo
http://creativedesign-mind.com/r-ednalan/demo/css-image-hover.html
Download
http://dl.dropbox.com/u/3293191/CSS/css-image-hover-link.zip
Friday, May 28, 2010
jQuery ContextMenu
jQuery ContextMenu
lightweight jQuery plugin that lets You selectively override the browser’s right-click menu with a custom one of your own.
If you want to know more and download the source follow the link
http://www.trendskitchens.co.nz/jquery/contextmenu/
If you want to know more and download the source follow the link
http://www.trendskitchens.co.nz/jquery/contextmenu/
Slimbox 2, the ultimate lightweight Lightbox clone for jQuery
Slimbox 2, the ultimate lightweight Lightbox clone for jQuery
Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.
If you want to know more and download the source follow the link
http://www.digitalia.be/software/slimbox2#demo
Download
http://www.digitalia.be/software/slimbox2#download
If you want to know more and download the source follow the link
http://www.digitalia.be/software/slimbox2#demo
Download
http://www.digitalia.be/software/slimbox2#download
Advanced docking using jQuery
Advanced docking using jQuery
implement multiple docking and undocking functionality.
If you want to know more and download the source follow the link
Demo
http://www.jankoatwarpspeed.com/examples/AdvancedDocking/
Download
http://www.jankoatwarpspeed.com/file.axd?file=2009%2f6%2fadvanced_docking.zip
If you want to know more and download the source follow the link
Demo
http://www.jankoatwarpspeed.com/examples/AdvancedDocking/
Download
http://www.jankoatwarpspeed.com/file.axd?file=2009%2f6%2fadvanced_docking.zip
Thursday, May 27, 2010
How to define CakePHP admin routes.
How to define CakePHP admin routes.
find file
app\config\core.php
find below code
/**
* Uncomment the define below to use CakePHP admin routes.
*
* The value of the define determines the name of the route
* and its associated controller actions:
*
* 'admin' -> admin_index() and /admin/controller/index
* 'superuser' -> superuser_index() and /superuser/controller/index
*/
Configure::write('Routing.admin', 'admin');
find file
app\config\core.php
find below code
/**
* Uncomment the define below to use CakePHP admin routes.
*
* The value of the define determines the name of the route
* and its associated controller actions:
*
* 'admin' -> admin_index() and /admin/controller/index
* 'superuser' -> superuser_index() and /superuser/controller/index
*/
Configure::write('Routing.admin', 'admin');
Tuesday, May 25, 2010
cakephp - How remove the query results appears at the bottom
cakephp - How remove the query results appears at the bottom
find the file core.php
app\config\core.php
find above code
* CakePHP Debug Level:
*
* Production Mode:
* 0: No error messages, errors, or warnings shown. Flash messages redirect.
*
* Development Mode:
* 1: Errors and warnings shown, model caches refreshed, flash messages halted.
* 2: As in 1, but also with full debug messages and SQL output.
* 3: As in 2, but also with full controller dump.
*
* In production mode, flash messages redirect after a time interval.
* In development mode, you need to click the flash message to continue.
*/
//Configure::write('debug', 2);
Configure::write('debug', 0);
change the debug to 0 value
find the file core.php
app\config\core.php
find above code
* CakePHP Debug Level:
*
* Production Mode:
* 0: No error messages, errors, or warnings shown. Flash messages redirect.
*
* Development Mode:
* 1: Errors and warnings shown, model caches refreshed, flash messages halted.
* 2: As in 1, but also with full debug messages and SQL output.
* 3: As in 2, but also with full controller dump.
*
* In production mode, flash messages redirect after a time interval.
* In development mode, you need to click the flash message to continue.
*/
//Configure::write('debug', 2);
Configure::write('debug', 0);
change the debug to 0 value
Saturday, May 22, 2010
Creating a Digg style signup form with jQuery
Creating a Digg style signup form with jQuery
Digg.com is one of the most popular social networking sites, allowing you to discover and share the content all over the web. In this tutorial we are going to simulate their signup form, with unique features such as their dynamic tooltips that give you a hint on each field that is to be filled. The same approach will be adopted for displaying validation messages. How this form works? When an input field receives focus, a tooltip with a small blue icon is shown under it. On the other hand, if validation fails, an error message is shown in the same place. Both cases are shown on the screenshot below.
If you want to know more and download the source follow the link
http://designshack.co.uk/tutorials/creating-a-digg-style-sign-up-form
Demo
http://www.designshack.co.uk/tutorialexamples/diggform/
Download
http://www.designshack.co.uk/tutorialexamples/diggform/diggform.zip
http://dl.dropbox.com/u/3293191/JQUERY/diggform.zip
If you want to know more and download the source follow the link
http://designshack.co.uk/tutorials/creating-a-digg-style-sign-up-form
Demo
http://www.designshack.co.uk/tutorialexamples/diggform/
Download
http://www.designshack.co.uk/tutorialexamples/diggform/diggform.zip
http://dl.dropbox.com/u/3293191/JQUERY/diggform.zip
Friday, May 21, 2010
Jquery Star Rating widget
Jquery Star Rating widget
The Star Rating widget is a plugin for the jQuery javascript library that creates a non-obstrusive star rating control based on a set of radio input boxes or select options.
http://orkans-tmp.22web.net/star_rating/#demos
Download
http://orkans-tmp.22web.net/star_rating/#demos=&main-menu=4
http://orkans-tmp.22web.net/star_rating/#demos
Download
http://orkans-tmp.22web.net/star_rating/#demos=&main-menu=4
Twitter-style confirmation message with jQuery
Twitter-style confirmation message with jQuery
One of the cool ways that Twitter interacts with users (when you're not too busy seeing that pesky fail whale!) is how they display their error and confirmation messages. I especially like the clean approach and displaying the messages at the top of the page. If you're looking for a similar approach with your web application or dynamic web site, here's one way you can do it using the jQuery form & some validation.
If you want to know more and download the source follow the link
http://www.skyrocketlabs.com/articles/twitter-style-confirmation-message.php
Demo
http://www.skyrocketlabs.com/categories/tutorials/twitter-style-confirmation-message/demo/index.html
Download
http://www.skyrocketlabs.com/categories/tutorials/twitter-style-confirmation-message/twitter-style-confirmation-message.zip
http://dl.dropbox.com/u/3293191/JQUERY/twitter-style-confirmation-message.zip
If you want to know more and download the source follow the link
http://www.skyrocketlabs.com/articles/twitter-style-confirmation-message.php
Demo
http://www.skyrocketlabs.com/categories/tutorials/twitter-style-confirmation-message/demo/index.html
Download
http://www.skyrocketlabs.com/categories/tutorials/twitter-style-confirmation-message/twitter-style-confirmation-message.zip
http://dl.dropbox.com/u/3293191/JQUERY/twitter-style-confirmation-message.zip
toggle footer with jQuery & CSS
toggle footer with jQuery & CSS
If you want to know more and download the source follow the link
http://dl.dropbox.com/u/3293191/JQUERY/jquery-css-toggle-footer.zip
If you want to know more and download the source follow the link
http://dl.dropbox.com/u/3293191/JQUERY/jquery-css-toggle-footer.zip
Twitter-style login with jQuery & CSS3
Twitter-style login with jQuery & CSS3
it works across all browsers...except IE6 and IE7/8 does not apply the CSS3.
If you want to know more and download the source follow the link
http://www.skyrocketlabs.com/articles/twitter-style-login-with-jquery-and-css3.php
Demo
http://www.skyrocketlabs.com/categories/tutorials/twitter-style-login-with-jquery-and-css3/demo/index.html
Download
http://www.skyrocketlabs.com/categories/tutorials/twitter-style-login-with-jquery-and-css3/twitter-style-login-with-jquery-and-css3.zip
http://dl.dropbox.com/u/3293191/JQUERY/twitter-style-login-with-jquery-and-css3.zip
If you want to know more and download the source follow the link
http://www.skyrocketlabs.com/articles/twitter-style-login-with-jquery-and-css3.php
Demo
http://www.skyrocketlabs.com/categories/tutorials/twitter-style-login-with-jquery-and-css3/demo/index.html
Download
http://www.skyrocketlabs.com/categories/tutorials/twitter-style-login-with-jquery-and-css3/twitter-style-login-with-jquery-and-css3.zip
http://dl.dropbox.com/u/3293191/JQUERY/twitter-style-login-with-jquery-and-css3.zip
Facebook-style navigation menu with jQuery
Facebook-style navigation menu with jQuery
If you want to know more and download the source follow the link
http://www.skyrocketlabs.com/articles/facebook-style-nav-menu-with-jquery.php
Demo
http://www.skyrocketlabs.com/categories/tutorials/facebook-style-nav-menu-jquery/demo/index.html
Download
http://www.skyrocketlabs.com/categories/tutorials/facebook-style-nav-menu-jquery/facebook-menu.zip
http://dl.dropbox.com/u/3293191/JQUERY/facebook-menu.zip
http://www.skyrocketlabs.com/articles/facebook-style-nav-menu-with-jquery.php
Demo
http://www.skyrocketlabs.com/categories/tutorials/facebook-style-nav-menu-jquery/demo/index.html
Download
http://www.skyrocketlabs.com/categories/tutorials/facebook-style-nav-menu-jquery/facebook-menu.zip
http://dl.dropbox.com/u/3293191/JQUERY/facebook-menu.zip
image rollover
image rollover
<style>
#imagerollovermenu {
width: 960px;
height: 72px;
margin: 20px 0 60px 0;
}
#imagerollovermenu a {
float: left;
display: block;
width: 140px;
height: 52px;
text-decoration: none;
margin: 0 12px 0 0;
padding: 0;
}
#imagerollovermenu a.about {
background: url(images/menu4-sprite1.png) 0px 0px no-repeat;
}
#imagerollovermenu a:hover.about {
background: url(images/menu4-sprite1.png) 0px -52px no-repeat;
}
</style>
Demo
http://creativedesign-mind.com/r-ednalan/demo/image_roll_over.html
Download
http://dl.dropbox.com/u/3293191/CSS/hoverbuttons.zip
Thursday, May 20, 2010
How to enable error reporting in php?
How to enable error reporting in php?
To avoid this issue, the below code can be placed in the php file for enabling the error message display for the particular page.
To avoid this issue, the below code can be placed in the php file for enabling the error message display for the particular page.
error_reporting(E_ALL);
ini_set("display_errors", 1);
Subscribe to:
Posts (Atom)