adnnor

Possible reasons of jQuery library failed to load

admin@gikso.com (Adnan Shahzad) — Mon, 07 Apr 2014 10:11:00 +0000

Possible reasons of this error is one of the following

Path is incorrect or make sure you are typing the extension of file .js, did you ignored .js in the last as there is already dot before min (minify) so some peoples type jquery-1.7.min instead jquery-1.7.min.js. Or check that file is exists with the same name, it is jquery.js or jquery.min.js. As well as check the version of the file. One time I faced the same problem, mentioning jquery-1.2.min.js instead jquery-1.3.min.js.

If you are using CDN (Content Delivery Network), make sure the server of content provider is up and running.

Your jQuery library is not conflicting with other javascript libraries. Many JavaScript libraries use $ as a function or variable name, just as jQuery does. In jQuery's $ is an alias for jQuery. So try with jQuery instead $ sign or use jQuery.noConflict() or $.noConflict() before initializing ready() function. Go here to know how .noConflict() works.

Are you validating jQuery library or jQuery plugin with certain jQuery version, if so, then remember plugins developed for older jQuery versions might not function properly with latest version of jQuery. If you are somewhat depending on old jQuery plugin then use jQuery migrate plugin. Get detailed information about jQuery migrate plugin here, or pass comments to ask if you failed to get pie.

Check typography. Copy and past following lines into notepad, save as html and run, if it works (prompts with "hurray") it mean one of above solutions will work for you otherwise hmmm ,, seems annoying in modern era but i suggest you to check your browser's javascript settings, is it enabled.

<title>Validating jQuery</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function() {
alert("hurray");
});
</script></head><body></body>

Heart, we will forget him

admin@gikso.com (Adnan Shahzad) — Tue, 01 Apr 2014 08:21:00 +0000

Heart, we will forget him,
You and I, tonight!
You must forget the warmth he gave,
I will forget the light.

When you have done pray tell me,
Then I, my thoughts, will dim.
Haste! ‘lest while you’re lagging
I may remember him!

How to create file and directory structure for MVC

admin@gikso.com (Adnan Shahzad) — Fri, 28 Mar 2014 08:11:00 +0000

You will find dozens of free and opensource MVC fameworks (Zend, CodeIgniter, CakePHP are some of them) around you, loaded with hundred of features so on this point making your own MVC is not a good idea. But for practising purposes I will tell you how MVC works and how to build directory and file structure for your very own MVC.

In old fashioned web page/application we handle user input, manipulates or use databases and then redirect user to beautifully organized results suitable to user input. All this activity occurs in single page, its okay if we are working on small application where much business logic isn't repeated. But in enterprise application this approach possibly make duplications in the code.

So what should we do if we are going to build enterprise level application.

MVC (Model-View-Controller)

It is a software pattern or architecture divided and interconnected into three parts, overridden old fashioned web page/application. Controller takes the user input, manipulates and convert input to command and send the formatted user commands to Model. Model is collection of logics and a place where we run database operations and send back required information to Controller, Controller then injects all user requested information in to the View. View might be collection of standard HTML commands, diagrams, charts, Javascript, CSS and any possible client side script. Take a look at the following flow chart it will help you to better understand MVC architecture.

Note: Kindly pass comments if you found any logical problem in flow chart, your comments will worth me a lot.

Break apart

Model: As per Controller request informs associated Controller and View about changes, so View change its representation and Controller update commands.

View: Controls the representation according to Controller commands.

Controller: Manipulate user input and send commands to Model to update model's state. Compile and inject the final out put to the View.

MVC files and folders structure

You need 4 folder and 2 files on the root

1) model (dir)
2) view (dir)
3) controller (dir)
4) engine (dir)

1) index.php

2) .htaccess

"model" directory contains all Models (files) or project.

"view" directory contains the files for the project used as front-end. User will serve and see these files.

"controller" directory contains Controllers (files) for the project

MVC has three basic files, main Controller, main Model and main View file known as engine for your MVC framework. These three files extends by all other Controllers, Models and Views. Besides these files you may also need helpers and libraries to be imported later in the project also placed in "engine" directory.

"index.php" file is very crucial, this is main switch to start your framework. Be careful while approaching professional level. Things started at this point will be available to all our project.

".htaccess" optional file. Just to beautify your URL to make it search engine friendly. Without this file your framework will function properly but I recommend to use it to make your project search engine friendly.

Come slowly

admin@gikso.com (Adnan Shahzad) — Thu, 27 Mar 2014 19:07:00 +0000

Come slowly, Eden
Lips unused to thee.
Bashful, sip thy jasmines,
As the fainting bee,
Reaching late his flower,
Round her chamber hums,
Counts his nectars -alights,
And is lost in balms!

Uncaught TypeError: Property '$' of object [object Object] is not a function

admin@gikso.com (Adnan Shahzad) — Tue, 25 Mar 2014 19:48:00 +0000

If you are getting this error in WordPress then remember that WordPress loads jQuery with noConflict mode or any other application which loads with noConflict mode cause this error, you will no longer able to use jQuery shortcut ($) any more in this mode. On this point you have to use jQuery (case sensitive) instead jQuery shortcut $ (dollar sign) and if you want to use $ sign in code block than must pass $ (dollar sign) as function parameters;

jQuery(function($) {

// now are able to use $ sign or jQuery

});

Use other libraries with jQuery using $.noConflict()

admin@gikso.com (Adnan Shahzad) — Mon, 24 Mar 2014 20:59:00 +0000

Just like jQuery, many other Javascript libraries uses $ (dollar sign) as a function. Using other Javascript library on the same page might cause error. So on the safe side, jQuery offers jQuery.noConflict() or $.noConflict; it restores all old references which are saved during jQuery initialization.

How to use it? Well, simply put jQuery.noConflict() at the top of your script. If you are experiencing "Uncaught TypeError: Property '$' of object [object Object] is not a function" error in console; its mean $ (dollar sign) is conflicting with other javascript library, put $.noConflict() on the top of the script. Still same error? no problem, in noConflict mode you cannot use shortcut of jQuery ($) use jQuery and pass $ (dollar sign) as function parameter. By including the $ in parenthesis after the function call you can then use this jQuery shortcut ($) within the code block.

jQuery(document).ready(function($) {
// your code here with $ sign
});

or

jQuery(function($) {
// your code here with $ sign
});

How the Universe ends?

admin@gikso.com (Adnan Shahzad) — Sun, 23 Mar 2014 12:44:00 +0000

And when the sky will split it will become rose like red hide. (Holly Quran, Chapter: Al-Rahman, Verse: 37)

Image downloaded from http://en.wikipedia.org/wiki/File:Formalhaut_b.jpg

Reference: http://en.wikipedia.org/wiki/Hubble_Space_Telescope#Equipment_failure

Evidence that the Universe began with the Big Bang is quite compelling. 13. 8 billion years ago, the entire World was compressed right into a microscopic singularity of which grew exponentially in to the vast cosmos all of us see today. But what does the longer term hold? How will the Universe stop?

Astronomers are pondering the best fate with the Universe for 1000s of years. Within the last century, cosmologists thought to be three outcomes to the end regarding everything, and it also all depended about the critical density with the Universe. In the event that this crucial density had been high, then there was clearly enough communal gravity to be able to slow and at last halt the expansion. Billions regarding years sometime soon, it would certainly then fall in upon itself yet again, perhaps making another Huge Bang. This is known as a closed Galaxy, and the last result could be the Big Crisis. Should the critical thickness was reduced, then at this time there wouldn’t be adequate gravity to hold on to things with each other. Expansion would keep on forever as well as ever. Personalities would expire, galaxies will be spread separate, and every thing would cool-down to the background temperature on the Universe. This really is an available Universe, and the finish is known as the Big Freeze.

Get reference from URL for MVC framework

admin@gikso.com (Adnan Shahzad) — Wed, 19 Mar 2014 20:16:00 +0000

Look at following URL

http://www.example.com/records/dvds/10

While creating MVC framework you have to follow the URL for reference. In above URL "records" is class or controller name. Controller is used to accept user input, after collecting data it prepare commands for Model and View. Reference to above-mentioned URL, "dvds" is a method of Controller "records" and "10" is parameter of method "dvds".

Note: URL is rewritten using .htaccess (check this post)

Now the question is how we will split the URL to get controller, its method and parameter for method.

First get the URL by

$route = $_GET["route"]; // or what ever you passed in .htaccess

Split the $route with "/"

list($class, $method, $param) = explode('/', $route);

Now $routes is array holds controller name and its method and parameter if passed.

if (is_file('controller/' . $class . '.php')) {
$file = 'controller/' . $class . '.php'; // get the file of the Controller
}

Now you have, Controller, Controller file (where class or Controller written), method and parameter. Remember all three parts of URL (Controller, Method and Parameter) will not be passed every time, so be careful when approaching higher level.

A charm invests a face (Emily Dickinson)

admin@gikso.com (Adnan Shahzad) — Wed, 19 Mar 2014 08:47:00 +0000

A charm invests a face
Imperfectly beheld.
The lady dare not lift her veil
For fear it be dispelled.

But peers beyond her mesh,
And wishes, and denies,
Lest interview annul a want
That image satisfies.

.htaccess for MVC

admin@gikso.com (Adnan Shahzad) — Mon, 17 Mar 2014 19:00:00 +0000

In MVC routes are normally sent through query string formatted using .htaccess. You are passing a query string to index.php i.e. domain.com/index.php?route=records/dvds/10 transform into domain.com/records/dvds/10. What you have to do is create a new file .htaccess using any supported editor (netbeans will be best, remember notepad of windows do not support a file with no file name) and put following lines into the file, save and place this file in root of the folder where you want to create operational MVC.

RewriteEngine On

RewriteCond %{REQUEST_FILENAME}% !-d
RewriteCond %{REQUEST_FILENAME}% !-f
RewriteCond %{REQUEST_FILENAME}% !-l

RewriteRule ^(.*)$ index.php?route=$1

It will successfully tranforme junky query string into nice looking url. The first part of url is considered a controller or class, the second part after front slash "/" is known to be method and the last one is parameters for the method. If "route" in query string is records/dvds/10 (looks like domain.com/records/dvds/10) you have to explode this string on "/" and it will returns an array contains three pockets, 0=>records (controller or class), 1=>dvds (method of records), 2=>10 (parameter of records).

QSA or Query String Append

admin@gikso.com (Adnan Shahzad) — Sun, 16 Mar 2014 20:04:00 +0000

QSA is flag used in .htaccess to append query string in traditional format into formatted or over written url after the URI has been rewritten. For example you are rewrite url from http://www.example.com/index.php?id=foo&user=bar to http://www.example.com/foo/bar and now you want to pass traditional query string to this over written url like http://www.example.com/foo/bar/?action=success then you have to declare following rule in .htaccess like RewriteRule ^([A-Za-z0-9]+)\/([A-Za-z0-9]+)$ index.php?id=$1&user=$2 [QSA]

Rain before Dawn (F. Scott Fitzgerald)

admin@gikso.com (Adnan Shahzad) — Sat, 15 Mar 2014 19:08:00 +0000

The dull, faint patter in the drooping hours
Drifts in upon my sleep and fills my hair
With damp; the burden of the heavy air
Is strewn upon me where my tired soul cowers,
Shrinking like some lone queen in empty towers
Dying. Blind with unrest I grow aware:
The pounding of broad wings drifts down the stair
And sates me like the heavy scent of flowers.

I lie upon my heart. My eyes like hands
Grip at the soggy pillow. Now the dawn
Tears from her wetted breast the splattered blouse
Of night; lead-eyed and moist she straggles o'er the lawn,
Between the curtains brooding stares and stands
Like some drenched swimmer -- Death's within the house!

Get file extension

admin@gikso.com (Adnan Shahzad) — Wed, 04 Jul 2012 11:41:00 +0000

You can use two easy functions to get the file extension in PHP

First

$file = "file.torrent";
echo substr($file,strrpos($file,"."));

Second

$file = "this.is.file.txt";
echo strrchr($file,".");

Restrict file extension using JQuery

admin@gikso.com (Adnan Shahzad) — Tue, 03 Jul 2012 19:04:00 +0000

$(function() {
$("input[type=button]").click(function() {
if (!$("input[type=file]").val()) {
alert("Select file to Upload !");
return false;
}
var allowedTypes = ["jpg", "jpeg", "gif", "png"];

var path = $("input[type=file]").val();
var ext = path.substring(path.lastIndexOf('.') + 1).toLowerCase();

if (allowedTypes.lastIndexOf(ext) == -1) {
alert("Select valid file i.e.\n" + allowedTypes);
}
alert("Valid file selected");
});
});

JQuery checkboxes implementation

admin@gikso.com (Adnan Shahzad) — Sat, 30 Jun 2012 20:46:00 +0000

I found many queries about "how we will make multiple check/unchecked button using JQuery, as well as how to count selected check boxes and then delete the selected records?". Its too easy!

Before working on this example I want to say, always follow the documentation of the product because you will found answers for many questions. Searching on internet not just take your a lot of time but you make yourself addicted of copy and paste.

$(function() {
$("input[rel=main]").click(function() {
$("input[rel=records]").attr("checked", this.checked);
var c = $("input[rel=records]:checked").length;
$("div > span").text((c > 1) ? c + " records are selected" : c + " record selected");
});

$("input[rel=records]").click(function() {
var c = $("input[rel=records]:checked").length;
$("div > span").text((c > 1) ? c + " records are selected" : c + " record selected");

if ($("input[rel=records]").length == $("input[rel=records]:checked").length) {
$("input[rel=main]").attr("checked", "checked");
} else {
$("input[rel=main]").removeAttr("checked");
}
});

$("input[type=button]").click(function() {
var n = $("input[rel=records]:checked").length;
if (n <= 0) {
alert("Select at least one record to delete");
} else if (n >= 1) {
var answer = confirm("Are you sure you want to delete " + n + " record(s)?");
if (answer) {
$("input[rel=records]:checked").parent().hide();
$("input[type=button]").after((n > 1) ? " " + n + " records are deleted :)" : " " + n + " record deleted :)");
$("input:checkbox").removeAttr("checked");
$("div > span").text("");
}
}
});
});

WampServer step by step

admin@gikso.com (Adnan Shahzad) — Fri, 29 Jun 2012 16:46:00 +0000

WampServer is a software allows you to create development environment using PHP, Apache Server, MySQL, phpMyAdmin and some other useful add-ons. It facilitates you to install and manage different versions of PHP, Apache Server and MySQL database under single roof. Download the current version from its official website i.e. http://www.wampserver.com/

Whole article is moved to WampServer - Tips and techniques

Which operating system suits you

admin@gikso.com (Adnan Shahzad) — Fri, 29 Jun 2012 11:48:00 +0000

This article is written for newbies, who are totally new for computer operating

As we all know, due to tough competition many companies has introduced their own operating systems. They present dozens of features and claims that their operating system is best for you. All these things makes you quite confuse.

Many students and friends asked me which operating system should be used.

Remember one thing that the function of the operating system is just to manage your computer hardware resource and provides you certain services which helps you to operate home and office works. Nearly all operating system offers these services, its up to you which really suits your requirements. Plus ... operating system depends on your hardware profile. So you should contact your software vendor to ask minimum hardware requirements for you.

One time my student asked, "Sir I searched every where but unable to find an operating system having a player like one you installed on your computer.", I laughed and replied, "My dear this software is not coming with any operating system, you have to download and install it directly from its website." So remember; operating system not facilitate you with all software you want; you have to get your desired software copy from media like disc or website.

If you are working at small office or just working at home; not a technical person you are and you don't care about little technical mishaps as well as your budget is low (cannot afford heavy and fast computer) and if your requirements are

preparing office documents, presentations, spreadsheets.
disc writing and printing.
using single computer (not working over network).
multimedia (songs, videos).
internet surfing (watching videos, checking emails, chatting, general web visits).

I suggest you to use Windows XP Home Edition (Microsoft announced that extended support for all the versions of Windows XP would end on April 8, 2014 and suggested that technical persons begin preparing to migrate to a newer OS), Window Vista Home Basic or Windows Vista Started. Additionally if you are working over shared network then Windows 2003 Server and Windows Vista Business will be best choices for you.

You may ask me by providing your system hardware profile so I will suggest you which operating system is best for you.

Multiple checkbox selection using JQuery

admin@gikso.com (Adnan Shahzad) — Thu, 28 Jun 2012 19:58:00 +0000

JQuery multiple checkbox selection is quite easy, simply put the following code and amend according to your choice

$("#maincheckbox").click(function() {
    $("input[type=checkbox]").attr("checked", this.checked);
});
 
$("input[rel=default]").click(function(){
    if($("input[rel=default]").length == $(".case:checked").length) {
        $("#maincheckbox").attr("checked", "checked");
    } else {
        $("#maincheckbox").removeAttr("checked");
    }
});

SQL Injection and user input

admin@gikso.com (Adnan Shahzad) — Wed, 27 Jun 2012 15:41:00 +0000

Many hacker try to temper sql queries which you are using while collecting data from your forms. If you are not formatting the data coming from public forms. Your own scripts may cause dangerous results including open access to your database and server access.

Lets take a common example of user input for login forms.
While you are validating user to login; you commonly use following steps.

$user = $_POST["user_fld"];
$pass = $_POST["password_fld"];

SELECT * FROM tablename WHERE username = '$user' AND password = '$pass';

Now if you are not formatting your input, user may temper you above sql query by providing admin'; // or admin'; -- in username field. When processing by the server, your query will look like

SELECT * FROM tablename WHERE username = 'admin'; //' AND password = '$pass';

In above case password checking is excluded from WHERE clause by commenting remaining part of the query. Now you know what this query means. It will allow user to login without providing a valid associated password.

This is the single example of sql injection, many others are available; if hacker is smart enough he or she may harm you valuable data.

So, what will be the solution? You may get rid of this serious problem if you format your incoming data by using PHP built-in functions or other user-defined functions.

I have developed a function written in PHP to override SQL Injection problem. You can download your copy from my github (https://github.com/adnnor/cleanX) repository.

Short form of if condition

admin@gikso.com (Adnan Shahzad) — Wed, 27 Jun 2012 10:08:00 +0000

Short form or Ternary operator is often used in many server and client side languages. The syntax of operator is usually same. I am going to give an example of PHP.

You are going to use an if condition in your PHP like

if ($country=="us")
   $language = "us english";
else
   $language = "uk english";

You may ternary oeprator to do same operation in short form; use following line of code

$language = ($country=="us")?"us english":"uk english";

is it cool ... isn't it :)

JQuery remove classes using wildcard

admin@gikso.com (Adnan Shahzad) — Tue, 26 Jun 2012 19:45:00 +0000

Normally you can remove class by giving its name like

$("element").removeClass("className");

... you can provide more than one class like

$("element").removeClass("className otherClass thirdClass");

but there is no built-in function in JQuery to remove classes using wildcards.

you have three classes color-red, color-blue, color-green you want to remove all three classes without providing the name of all.

Try following technique

$("element").attr("class",
      function(pos, classes){
      return classes.replace(/\bbox-\S+/g, "");
});

Make your website popular

admin@gikso.com (Adnan Shahzad) — Mon, 25 Jun 2012 19:19:00 +0000

hi pal ...

Website popularity is the most important issue for every one who want to get stuck with cyber world. Many companies are offering you to make your website most popular or high rank in all search engines including Google Search Engine. Have you ever thought that by giving appropriate title, description or keywords will not make your website popular ... surprised? Yes i am right! Lets take a look to the following example;

(If you thinking about emag, articles or tutorials website)
A company XYZ is offering huge data with no cost to their visitors, this company build years before your website. On XYZ website an article with "How to make PHP Functions" is visited over millions of users/visitors. NOW THINK ... how your new website which is not established fully can be ranked high in the cyber market.

(If you are hanging with software downloading website)
Sorry to say but you are really a stupid if you are thinking about it ... dozens of licensed companies are working on it having experience of more than 10 years! For example you have software My world 1.0.2 on your website for download, same software is available on download.com. If user search for this software, ofcourse search engine will display the record of download.com not from your website. Hope you are a wise person and I think i should not give you any other example :)

Then what steps you should take to make your website popular.

Search for unique content. software, making money, ezines or mags, tutorials, tips and tricks or website templates are not the only keywords which are served or searched by user. You must go beyond these topics.
Stay connected with social communities like blogger, facebook and twitter. Use APIs to facilitate your visitors. Keep posting on your blog, share on facebook, tweet on twitter to popularize you website. Don't use your name; use your website links/name. It will really help your website to grow.
Using complex scripts take a lot of time. I suggest you, don't waste your time on heavy scripts and graphics to compete your website with other official website. I noticed that many newbies follow popular websites and try to copy them; like Google, twitter, Facebook, Adobe and Microsoft etc. Just concentrate on website content. Many visitors prefer webpage content to be displayed friendly. Javascript/JQuery float boxes, twitter like drop down login box, facebook like overlays, ajax and many other scripts will really confuse you. You can update your website once it established properly.
If you plan to monetize your website; keep three things in your mind.
a) Make your client believe that you primary objective is to provide clean and unique content. Earning should be your secondary objective. I suggest you to use Google Adsense or other quality Advertisers. If you follow all steps on this point you will be able to get approved Google Adsense account easily.
b) Don't use popup advertisement banners. Its PITA, i personally don't like the websites having a lot of popup banners.
c) If your content is unique and clear; you don't need to put too many advertisement banners. Just a single banner can earn much for you.

For now i have just these tips in mind. I will try to update this article time by time.

Wish you good luck :)

Display Multidimensional Array

admin@gikso.com (Adnan Shahzad) — Sun, 24 Jun 2012 11:42:00 +0000

Many newbies don't know how to fetch all the keys and its values from the multidimensional arrays; it is as easy as 1, 2, 3 :) ... lets take a look at the following example

 array(
   "sencond_ele_arr_item1","sencond_ele_arr_item2","sencond_ele_arr_item3"
  ),
  "third_ele"   
  );


foreach($array as $value) {
 if (is_array($value)) {
  foreach($value as $dig_value) {
   echo "-->".$dig_value."
";
  }
 } else {
  echo $value."
";
 }
}


?>

This will be the out put

first_ele
-->sencond_ele_arr_item1
-->sencond_ele_arr_item2
-->sencond_ele_arr_item3
third_ele

Unprecedented Arctic Ozone Loss in 2011

admin@gikso.com (Adnan Shahzad) — Sat, 08 Oct 2011 00:23:00 +0000

A NASA-led study found that Earth's protective ozone layer above the Arctic thinned to the lowest levels ever observed in early 2011.

WISE Finds Fewer Asteroids near Earth

admin@gikso.com (Adnan Shahzad) — Wed, 28 Sep 2011 20:02:00 +0000

New observations by NASA's Wide-field Infrared Survey Explorer, or WISE, show there are significantly fewer near-Earth asteroids in the mid-size range than previously thought.