innovativewebz

Clickable Australia Map

noreply@blogger.com (Unknown) — Fri, 29 Mar 2013 06:09:00 +0000

This is a clickable australia map purely based on html and css. Originally its created by the website evomorf.com and the documentation is present at here. It is a very lightweight solution to use on your website compared to the clickable maps that use Javascript/ Jquery. But you can integrate this with your jquery requirements and so it is highly flexible. It allows you to hover-over or click the individual states and its provided with ready to use images. If you need a different color theme you can change this from the original image. The map will look like:

You can see the live demo here.

Download the complete source code here.

To use the map in your website you can edit files in the package and customize it based on your requirements.

Hope this helps !

Creating an image preview using jquery tooltip

noreply@blogger.com (Unknown) — Thu, 28 Mar 2013 12:54:00 +0000

An image tooltip is a very important feature for any website having images/image galleries. You can create this easily with a few lines of code.

Here we have given the method to display a preview image using jquery tooltip. This will look like the figure given below.

You can see a live demo of the script here.

Full source code is available for download here.

Hope this helps !

creating line charts using high charts

noreply@blogger.com (Unknown) — Fri, 22 Mar 2013 13:38:00 +0000

High charts api provides the best way to create animated line charts using javascript. This is very simple and easy to build. You only need to pass your data values to the api and it will do everything. Also a lot of configuration options are there. The complete configuration and other options and live demos are available at http://www.highcharts.com/demo/line-basic. Also there are options for downloading or printing the chart. A sample demo is given below.

Highcharts Example

Hope this helps !

A comparison of google pie chat and pie charts API from highcharts.com

noreply@blogger.com (Unknown) — Thu, 21 Mar 2013 06:00:00 +0000

Google pie charts

Google pie charts are simple and easy to draw. It is rendered within the browser using SVG or VML Displays tooltips when hovering over slices, also a lot of configuration options are available to customize this based on your requirements. The detailed list of configuration options are available at https://developers.google.com/chart/interactive/docs/gallery/piechart

High Charts

Highcharts is a charting library written in pure JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange and polar chart types. And regarding pie chart a wide variety of options are there for customizing the chart. Also it is compatible with almost al browsers and is animated. The most prominent feature of this API is that you can print the chart or download it as PNG,JPEG,PDF or in SVG vector image format. Here is an example for a pie chart from highcharts api.

Highcharts Example

jquery addresspicker

noreply@blogger.com (Unknown) — Tue, 19 Mar 2013 09:30:00 +0000

In many web applications you will need to create an address picker that picks up the latitude and longitude of particular places. An excellent plugin is available for this at http://xilinus.com/jquery-addresspicker/demos/index.html

Also there is a map available to show the selected placed. As it is built on google map and jquery you can customize it to suit your requirements.

Hope this helps !

Calculate distance between two latitude longitude

noreply@blogger.com (Unknown) — Tue, 19 Mar 2013 07:12:00 +0000

In some web applications we will need to calculate the distance between two points on earth’s surface. Mainly this is for advertising purposes or to display locations based on distance. Up on considering the points as two places on earth’s surface, the shortest distance becomes the great circle distance. The great-circle or orthodromic distance is the shortest distance between any two points on the surface of a sphere measured along a path on the surface of the sphere (as opposed to going through the sphere's interior). You can calculate the distance based on this theory but it is already available in websites.

You can see the best one of them at http://www.geodatasource.com/distance-calculator

Also the code for various platforms is available at http://www.geodatasource.com/developers

By using this method of calculation you can find the distance in KM, Miles or in Nautical Miles according to your requirement.

Hope this helps !

Innovative webs,innovative designs and innovative features

noreply@blogger.com (Unknown) — Thu, 14 Mar 2013 07:48:00 +0000

For creating innovative website you must have the following:

1) Innovative design: To create an innovative-unique website, the first thing you need is a good design. If you have the time and money, do not go for a built-in theme, but hire a developer and start from the scratch. Set milestones for design and development, save every milestone status separately and always continue from the previous level in case of crash. In this process you will be able to integrate all features that you would like.

2) Innovative features: Integrate all features that are required to achieve the aim of the website. Also check for most popular websites and similar website, but always try something new. Because users will get attracted to those new things if these are interesting and unique.

3) Website location and SEO: Creating an innovative website only will not help you to meet the success point, but you need to place this in the ideal location; that means the domain. You need to select a domain that is similar to the aim of the website. And also the name must be SEO friendly. And the most important part of the process is optimization. The website must be visible to the search engines.

Once you are able to finish the 3 steps above, 50% is done. And the rest of the thing is regarding regular website updates, process for SEO and suitable design changes for looking this great for all the time.

This way you can build a successful website for your requirements.

Hope this helps !

Create Geo Charts Using Google API

noreply@blogger.com (Unknown) — Wed, 13 Mar 2013 10:48:00 +0000

Geo Charts shows the representation of different geo locations on a Map. Google provides a fine api for creating geo charts. You can find this API documentation from https://developers.google.com/chart/interactive/docs/gallery/geochart

The chart will be like as below. Also there are a lot of Configuration options which we can use for customizing the chart as you like.

Hope this helps !

Create a blog or website for your business needs - The First and Only Step

noreply@blogger.com (Unknown) — Wed, 13 Mar 2013 06:21:00 +0000

A website/blog is most essential for any type of business nowadays. Building a website from the scratch is expensive if you relate to a small scale business. In that case you can check for wordpress like CMS and plug-n-play premium templates. So you can create your website within 2 or 3 days and this will save the cost. The best examples for websites that provide premium templates are

Both of these provide the demo+ installation instructions + shortcodes + everything you require for setting up the template. So you can just set this up yourself without any confusion. Also there is one more advantage for this method. Purchasing a premium template will cost only $35-$55, but building this from the scratch will cross the limits.

So the first and only step required for creating your own personal blog or business website is finding a suitable template. Once it is ready, you can start integrating this yourself or with a hired developer. Innovativewebz.com offers integration of premium quality website templates at a reasonable cost. You can contact our sales department for any further information. Email: sales@innovativewebz.com

Make your website ready within 48 hrs !

noreply@blogger.com (Unknown) — Tue, 12 Mar 2013 16:52:00 +0000

Innovativewebz offers the integration of premium quality website templates for you. With this you can make your business website/blog ready in 48 hrs. You only need to purchase the domain name and template, and we will do the rest. We will help you to host the website with our partner webhosts. In this case if you need any post-live support, and if these require not more than 8 hrs, this will be absolutely free.

Also you can contact our support team for any further customizations in future.

For more details : Email us at support@innovativewebz.com

Jquery charts and graphs

noreply@blogger.com (Unknown) — Fri, 15 Feb 2013 11:28:00 +0000

Graph and chart plotting is a very important requirement in web based applications. You can find one of the best charting libraries at http://www.highcharts.com .

This is based on the jquery framework and is highly customizable. A best reliable option for your web applications.

Adding a Jquery DateTime picker to your application

noreply@blogger.com (Unknown) — Wed, 16 Jan 2013 05:37:00 +0000

Adding a DateTime picker for date fields is an important requirement for developing web applications nowadays. A lot of jquery plugins are available for this. One of the most popular and easy script is here at http://trentrichardson.com/examples/timepicker/

Complete documentation, demos, formatting options etc are also given in the above URL.

A lot of customization options are available for this plugin and yes, the integration is very easy which we can finish within 5 minutes.

Hope this will be a great help for web developers!

Convert string to datetime PHP

noreply@blogger.com (Unknown) — Tue, 15 Jan 2013 14:17:00 +0000

You can convert this by using the function strtotime(). Here is the method.

<?PHP
 
$time = strtotime('10/16/2003 18:16'); 
 
$newformat = date('Y-m-d G:i:s',$time); 
 
echo $newformat; 
 
?>

Hope this helps !

Fadein-Fadeout Effect to the Jcarousel.Elements

noreply@blogger.com (Unknown) — Wed, 02 Jan 2013 14:07:00 +0000

Integrating fadein and fadeout effect to the elements on both sides of a jcarousel auto scroller is not so much difficult. You can use the callback functions from http://sorgalla.com/projects/jcarousel/ for this.

Here we have added two callback functions itemFirstInCallback and itemLastInCallback for this purpose.

Please see the demo here.

You can download the complete source code from here.

Hope this helps !

Css fix for IE

noreply@blogger.com (Unknown) — Sat, 15 Dec 2012 10:23:00 +0000

CSS Specific for Internet Explorer

IE conditional comment is probably the most commonly used to fix the IE bugs for specific versions (IE6, IE7, IE8, IE9). Below are some sample code to target different versions of Internet Explorer:

<!--[if lt IE 8]> = IE7 or below

<!--[if IE 8]> = IE8

<!--[if gte IE 8]> = greater than or equal to IE8

<!--[if IE 9 ]> = IE9

<!--[if gt IE 9]> = greater than or equal to IE9

Here is the an example of including the styles for each version of IE

<!--[if lt IE 8]>

<![endif]-->

<!--[if gte IE 8]>

<![endif]-->

<!--[if IE 9 ]>

<![endif]-->

<!--[if gt IE 9]>

<![endif]-->

Hope this helps!

Convert string to date in PHP

noreply@blogger.com (Unknown) — Fri, 14 Dec 2012 13:48:00 +0000

Sometimes it will need to convert the date in string format to convert it in to the original DATETIME format. In PHP we can do this like the following.

<?PHP
 
$date = "29/11/2012 23:26"; 
 
$newDate = preg_replace("/(\d+)\D+(\d+)\D+(\d+)/","$3-$2-$1",$date); 
 
echo date('Y-m-d H:i:s',strtotime($newDate)); 
 
?>

Hope this helps!

Jquery HTML image rotator

noreply@blogger.com (Unknown) — Tue, 11 Dec 2012 11:55:00 +0000

Creating list of images that are rotating/sliding smoothly is not so much complex. You can achieve this in a few steps.

Here is an example. You can customize the style and script to make it suit for your applications. The present example will look like :

View DEMO

You can download the complete source code from here.

Hope you enjoy the script !

Check if an image is loaded or not in javascript

noreply@blogger.com (Unknown) — Tue, 11 Dec 2012 09:36:00 +0000

You can use javascript functions to check if an image is loaded. Here we are discussion two methods.

1) Using onload function

// Check using onload function 
 
objImg = new Image();
 
objImg.src = 'photo.gif';
 
objImg.onload = function() {   
 
// do some work   
 
}  



2) Using Complete property

<script>
// Check using complete  property 
 
objImg.src = 'photo.gif';
 
objImg = new Image();
 
 if(!objImg.complete) {  
 
// do some work   
 
} 

</script>



Hope this helps !

Import csv file in PHP

noreply@blogger.com (Unknown) — Tue, 11 Dec 2012 07:54:00 +0000

Import data from csv/xls file is a main requirement in most of the web applications. We can do this simply by using the fgetcsv function in PHP. Here is the code for it.

<?PHP

 
// Import csv - PHP 
 
$row = 1;  
 
if (($handle = fopen("test.csv", "r")) !== FALSE) {  
 
    while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) {  
     
        $num = count($data);
         
        echo "<p> $num fields in line $row: <br /></p>\n";
         
        $row++;
         
        for ($c=0; $c < $num; $c++) {
         
            echo $data[$c] . "<br />\n";
             
        }
         
    }
     
    fclose($handle);
     
}
 
?>

Its easy and so we can complete in a few steps.

Try it !

Jquery swf multiple image upload

noreply@blogger.com (Unknown) — Mon, 10 Dec 2012 12:48:00 +0000

Here is a plugin to upload multiple images simultaneously. It’s completely open source, so that you can download and customize to meet your requirements.

Upload

Browse Images

Save images

VIEW DEMO

You can modify the upload-file.php in root folder to add the database connection/save code. Also the details regarding the file upload path also available with this file.

Download the full source code here.

Try it, Its easy !

Post XML data using CURL - PHP

noreply@blogger.com (Unknown) — Fri, 07 Dec 2012 11:44:00 +0000

A couple of methods are available to post an xml data to the server. Here we are showing how to post the xml data in HTTP post method by using CURL and PHP.

Here is the code.

<?PHP
 
// xml data 
 
$xml_data ='<RequestData> 
 
 <userID>'.uniqid().'</userID> 
 
 <lName>'.$lastname.'</lName> 
 
 <fName>'.$firstname.'</fName>
 
 <pass>'.$password.'</pass>
 
 <uGroupID>1</uGroupID>
 
 <rightID>1</rightID>
 
 <userNum>1</userNum>
 
 <emailID>'.$email.'</emailID>
 
 <isConsultant>1</isConsultant>
 
 <passChange>1</passChange>
 
 <passNoExchange>1</passNoExchange>
 
 <disabled>0</disabled>
 
 <saFailAttempt>1</saFailAttempt>
 
</RequestData>
 
';
 
// assigning url and posting with curl 
 
$URL = "http://172.16.0.44/RespackService/RespackService.svc/AddUser";
 
$ch = curl_init($URL);
 
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
 
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
 
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
 
curl_setopt($ch, CURLOPT_POST, 1);
 
curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/xml'));
 
curl_setopt($ch, CURLOPT_POSTFIELDS, "$xml_data");
 
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
 
$output = curl_exec($ch);
 
curl_close($ch);
 
// prints the output 
 
print_r($output);exit;
 

?>

Download the source code here

Hope this helps.

Access asmx webservice from PHP using CURL

noreply@blogger.com (Unknown) — Fri, 07 Dec 2012 08:21:00 +0000

Consuming .asmx webservices is not so much complex nowadays.We can use CURL for posting variables to an asmx webservice. You can get the output in a few steps. Here are the details:

1) Assign URL and variables

2) Post using curl

3) Prints the Output

Here is the code.

<?PHP
 
//web service URL and variables
 
$url = 'http://172.16.0.35/SoleTraderTaxiLocal/SoleTraderServices.asmx/SearchUsers'; 
 
$fields = array('AuthenKey'=>'172839',
    
'Criteria'=>'userfirstname',

'SearchText'=>'j',

'UserTypeiCode'=>'2',

); 
 
foreach($fields as $key=>$value) { $fields_string .= $key.'='.$value.'&'; } 
 
rtrim($fields_string,'&');
 
// Posting with CURL 
 
$ch = curl_init();
 
curl_setopt($ch,CURLOPT_URL,$url);
 
curl_setopt($ch,CURLOPT_POST,count($fields));
 
curl_setopt($ch,CURLOPT_POSTFIELDS,$fields_string);
 
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
 
$result = curl_exec($ch);
 
// Output to an xml file 
 
file_put_contents('content123.xml',$result);
 
curl_close($ch);
 
?>

You can download the Complete Source Code from here.

Hope this helps!

Get video details from youtube using PHP

noreply@blogger.com (Unknown) — Thu, 06 Dec 2012 07:58:00 +0000

This is a simple PHP class for fetching the complete video details from youtube.

The output is available as xml file and we can parse this to show in our application.

Download the source code here

Try it for your applications.

If you have any queries, please send an email to support@innovativewebz.com

Force Download a file in PHP

noreply@blogger.com (Unknown) — Thu, 06 Dec 2012 06:53:00 +0000

PHP allows you to change the HTTP headers of files you're writing. This way you can force a file to be downloaded that normally the browser would load in the same window. You can use this for files like PDFs, document files, images, or videos that you want your customers to download rather than read online.

<?PHP
 
// Force download in PHP 
 
$file="http://yourdomain/fileurl";  
 
header("Content-Description: File Transfer");   
 
header("Content-Type: application/octet-stream");   
 
header("Content-Disposition: attachment; filename=\"$file\""); 
 
readfile($file);
 
?>

There should be no spaces or carriage returns anywhere in the file. Blank lines will cause PHP to default to text/html and your file won't download.

Hope this helps !

Unset all cookies in PHP

noreply@blogger.com (Unknown) — Wed, 05 Dec 2012 08:32:00 +0000

Delete / Unset all cookies in PHP

If you want to delete all cookies on your domain, you may want to use the value of:
<?php $_SERVER['HTTP_COOKIE'] ? >
rather than:
<?php $_COOKIE ? >

to dertermine the cookie names.

If cookie names are in Array notation, eg: user[username]

Then PHP will automatically create a corresponding array in $_COOKIE. Instead use $_SERVER['HTTP_COOKIE'] as it mirrors the actual HTTP Request header.

So you can unset all cookies by the following way.

<?PHP
 
// Unset all cookies in PHP 
 
if (isset($_SERVER['HTTP_COOKIE'])) {  
 
        $cookies = explode(';', $_SERVER['HTTP_COOKIE']);  
         
        foreach($cookies as $cookie) {  
         
                $parts = explode('=', $cookie);
                 
                $name = trim($parts[0]);
                 
                setcookie($name, '', time()-1000);
                 
                setcookie($name, '', time()-1000, '/');
         
        }
 
}
 
?>

Reference : http://php.net/manual/en/function.setcookie.php

Hope this helps!