How To PHP - PHP Technology, PHP Tutorial, Database Tutorials, CMS System » om http://www.phpmind.com/blog Future of web development Tue, 25 Oct 2011 21:38:58 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Boost your website performance with “Page Speed” tool. http://www.phpmind.com/blog/2011/10/boost-your-website-performance-with-page-speed-tool/ http://www.phpmind.com/blog/2011/10/boost-your-website-performance-with-page-speed-tool/#comments Tue, 25 Oct 2011 21:30:01 +0000 om http://www.phpmind.com/blog/?p=1095 Page Speed is a family of tools for optimizing the performance of web pages.
The Page Speed browser extensions, available for Chrome and Firefox, allow you to evaluate the performance of your web pages and to get suggestions on how to improve them.
Page Speed Tool Download

Share

]]> http://www.phpmind.com/blog/2011/10/boost-your-website-performance-with-page-speed-tool/feed/ 0 Development With HTML5 http://www.phpmind.com/blog/2011/09/development-with-html5/ http://www.phpmind.com/blog/2011/09/development-with-html5/#comments Thu, 22 Sep 2011 20:21:31 +0000 om http://www.phpmind.com/blog/?p=1093

Share

]]> http://www.phpmind.com/blog/2011/09/development-with-html5/feed/ 0 Developer Tools for Chrome http://www.phpmind.com/blog/2011/09/developer-tools-for-chrome/ http://www.phpmind.com/blog/2011/09/developer-tools-for-chrome/#comments Thu, 22 Sep 2011 20:04:36 +0000 om http://www.phpmind.com/blog/?p=1090

Share

]]> http://www.phpmind.com/blog/2011/09/developer-tools-for-chrome/feed/ 0 How to Show hide content using core JavaScript ? http://www.phpmind.com/blog/2011/05/how-to-show-hide-content-using-core-javascript/ http://www.phpmind.com/blog/2011/05/how-to-show-hide-content-using-core-javascript/#comments Wed, 11 May 2011 22:36:28 +0000 om http://www.phpmind.com/blog/?p=1082 Today I was working on another website and had very long text/content and thought to use Jquery, there are several examples given on internet. I tried to use some of them of course they are very simple but because of some reason it didn’t work for me either in IE and chrome.
So decided to compile my own show hide JavaScript which is based on DOM!
Here is very simple code and it works everywhere, Firefox, Internet Explorer, Chrome, Safari etc.

Steps are self explanatory.
A. Use JavaScript code
B. Use Css Class
C. See the example and compile your own!

View Code JS
<script language="javascript" type="text/javascript">
function PM_show_Hide(pmID) {
   if (document.getElementById(pmID)) {
      if (document.getElementById(pmID+'-show').style.display != 'none') {
         document.getElementById(pmID+'-show').style.display = 'none';
         document.getElementById(pmID).style.display = 'block';
      }
      else {
         document.getElementById(pmID+'-show').style.display = 'inline';
         document.getElementById(pmID).style.display = 'none';
      }
   }
}
</script>
<style type="text/css">
   .more-pm {
      display: none;
</style>
View Code HTML
 
<p>This is first paragraph of my big content. 
<a href="#" id="PM-show" class="showLink" onclick="PM_show_Hide('PM');return false;">Click to See more.</a> <p>
 
<div id="PM" class="more-PM">
         <p>Here is your hidden text which you want to hide!! Copy your text here!</p>
         <p><a href="#" id="PM-hide" class="hideLink" onclick="PM_show_Hide('PM');return false;">Click to hide this  content.</a></p>
      </div>

Share

]]> http://www.phpmind.com/blog/2011/05/how-to-show-hide-content-using-core-javascript/feed/ 1 How to upgrade Drupal ? http://www.phpmind.com/blog/2011/04/how-to-upgrade-drupal/ http://www.phpmind.com/blog/2011/04/how-to-upgrade-drupal/#comments Wed, 20 Apr 2011 22:54:22 +0000 om http://www.phpmind.com/blog/?p=1074 Drupal is always releasing security updates every now and then.
PHP communality called it patches!
So here are the steps you can use to patch your Drupal and lock down security hole in Drupal web application.
1. Download latest release of Drupal package from Drupal site.
2. Put your PHP Drupal site in maintenance mode (offline)
3. Take a database backup/export using any MYSQL tools, like phpmyadmin (I use it in MAMP environment ). Same thing you can do by command line if you want to do so.
(mysql –u ROOT –p YOURPASSWORD yourdatabasename > exporteddbname.sql)
4. Make backup of your Drupal application folder.
5. Now it is time to copy all files – untar or unzip your downloaded new Drupal patch package.
6. Copy all files and folders Except “Site folder”, “.htaccess” file and “robot.txt”, you can have custom configuration and setting to these files and folder so it is good not to overwrite these files and folder.


7. Run CRON in your Drupal application.
8. Run update.php it will detect automatically type of database and schema you are using and update it. It takes few seconds, so please don’t halt upgrading process.

http://localhost/drupal/update.php

9. If above process is successful, put back your site in (Online mode) live mode.
10. See status report and you will notice your Drupal is updated.

Your Drupal application is safe now !

Share

]]> http://www.phpmind.com/blog/2011/04/how-to-upgrade-drupal/feed/ 1 What is Windows Azure? http://www.phpmind.com/blog/2011/02/what-is-windows-azure/ http://www.phpmind.com/blog/2011/02/what-is-windows-azure/#comments Fri, 25 Feb 2011 21:39:37 +0000 om http://www.phpmind.com/blog/?p=1072

Share

]]> http://www.phpmind.com/blog/2011/02/what-is-windows-azure/feed/ 1 What is difference between setInterval () and setTimeout () ? http://www.phpmind.com/blog/2011/02/what-is-difference-between-setinterval-and-settimeout/ http://www.phpmind.com/blog/2011/02/what-is-difference-between-setinterval-and-settimeout/#comments Wed, 23 Feb 2011 00:05:32 +0000 om http://www.phpmind.com/blog/?p=1069 setTimeout execute javascript statement AFTER x interval.
For example – setTimeout(“execute_something();”, 2000);
This is execute function execute_something() after 2 seconds.

setInterval execute javascript statement EVERY x interval.
For example – setInterval(“execute_something();”, 2000);
This is execute function execute_something() in every 2 seconds.

Share

]]> http://www.phpmind.com/blog/2011/02/what-is-difference-between-setinterval-and-settimeout/feed/ 1 How to use Firebug within Google Chrome? http://www.phpmind.com/blog/2011/02/how-to-use-firebug-within-google-chrome/ http://www.phpmind.com/blog/2011/02/how-to-use-firebug-within-google-chrome/#comments Tue, 22 Feb 2011 23:59:31 +0000 om http://www.phpmind.com/blog/?p=1065 Google Chrome does not support plug-ins, there is Firebug-like too already available built within Google Chrome. That is called “Inspect element” just right click on page anywhere and click on “Inspect element” menu command. It will open a new panel like firebug. It works well for CSS debugging and you can change CSS in real time like firebug but JavaScript debugging is not very good supported.

Share

]]> http://www.phpmind.com/blog/2011/02/how-to-use-firebug-within-google-chrome/feed/ 2 How to change date formate of twitter field “created_at”? http://www.phpmind.com/blog/2011/02/how-to-change-date-formate-of-twitter-field-created_at%e2%80%99/ http://www.phpmind.com/blog/2011/02/how-to-change-date-formate-of-twitter-field-created_at%e2%80%99/#comments Wed, 09 Feb 2011 04:02:22 +0000 om http://www.phpmind.com/blog/?p=1053 php coder who is reading twitter API for latest tweets want to change date/ timestamp format which is returned by ‘created_at’ key. Most of the times I use JSON based request. e. i. http://search.twitter.com/search.json?q=phpmind

These are the fields returned by above request.

Hope fully you understand how json string looks like.

Now it is time to convert date time stamp in more readable format.

View Code PHP
echo date("l M j \- g:ia",strtotime($object->returns[0]->created_at));

Please change the date parameters if you want to play with different date formats.

If you want to use javaScript way to format dates here is very cool function.
Returned by twitter – Wed, 09 Feb 2011 02:44:36 +0000

Returned by this javaScript function, TwitterDateConverter ($object->returns[0]->created_at);
Output will be for Example “14 minutes ago”

See Image Below!

View Code JS
<script type="text/JavaScript">
 
function TwitterDateConverter(time){
	var date = new Date(time),
		diff = (((new Date()).getTime() - date.getTime()) / 1000),
		day_diff = Math.floor(diff / 86400);
 
	if ( isNaN(day_diff) || day_diff < 0 || day_diff >= 31 )
		return;
 
	return day_diff == 0 && (
			diff < 60 && "just now" ||
			diff < 120 && "1 minute ago" ||
			diff < 3600 && Math.floor( diff / 60 ) + " minutes ago" ||
			diff < 7200 && "1 hour ago" ||
			diff < 86400 && Math.floor( diff / 3600 ) + " hours ago") ||
		day_diff == 1 && "Yesterday" ||
		day_diff < 7 && day_diff + " days ago" ||
		day_diff < 31 && Math.ceil( day_diff / 7 ) + " weeks ago";
}
</script>

Share

]]> http://www.phpmind.com/blog/2011/02/how-to-change-date-formate-of-twitter-field-created_at%e2%80%99/feed/ 1 How to auto refresh a page through JavaScript? http://www.phpmind.com/blog/2011/02/how-to-auto-refresh-a-page-through-javascript/ http://www.phpmind.com/blog/2011/02/how-to-auto-refresh-a-page-through-javascript/#comments Wed, 09 Feb 2011 03:33:31 +0000 om http://www.phpmind.com/blog/?p=1051 Here is the small JavaScript example that tells how you can use setTimeout() to auto refresh page content. You can utilize this script in games site or stock sites or anywhere you can think of.

View Code JS
<html>
<head>
<script type="text/JavaScript">
<!--
function AutoRefresh(interval) {
	setTimeout("location.reload(true);",interval);
}
//   -->
</script>
<title>PHPMIND – Javascript Tutorials</title></head>
 
<body onload="JavaScript: AutoRefresh(6000);">
 
<h2>JavaScript Auto Refresh Page</h2>
<p>This code will refresh you page in 6 seconds. We have used OnLoad() Event function to call our function.
Note : Please don’t use a lot of auto refresh page because it is kind of annoying and your sever bandwidth will be decreasing, one way you are increasing hits to server.
 
</body>
</html>

Share

]]> http://www.phpmind.com/blog/2011/02/how-to-auto-refresh-a-page-through-javascript/feed/ 2