Archive for the ‘Must Watch’ Category


Courtesy:-http://codeitall.wordpress.com/2012/01/21/yahoo-oauth-to-import-contacts/

This is similar to Gmail OAuth.

First get the API KEY from Yahoo.

Then set the application’s access on the proceding page. Like set Messanger Access Contact, then access the data for Contacts.

Get the App ID, Consumer Key, and Consumer Secret.

Then start coding the below lines.

config.php

<?php $app_id = '[Enter the Application ID]'; $consumer_key = '[Enter the Consumer Key]'; $consumer_secret= '[Enter the Consumer Secret]'; $connected_path = 'Connected.php'; $re_url = "[Enter the path to Connected.php]/Connected.php"; ?>

ReadyGetConnection.php

<?php include_once 'config.php'; ?> <a href="<?=$connected_path?>">Connect me with Yahoo</a>

Connected.php

<? include_once 'config.php'; require_once ('Yahoo.inc'); $session = YahooSession::requireSession($consumer_key,$consumer_secret,$app_id); if (is_object($session)) { $user = $session->getSessionedUser(); $profile = $user->getProfile(); $name = $profile->nickname; // Getting user name $guid = $profile->guid; // Getting Yahoo ID $contacts=$user->getContacts()->contacts; echo "Hi! ".$name."<br />"; for ($i=0,$k=0;$i<count($contacts->contact);$i++) { for($j=0;$j<count($contacts->contact[$i]->fields);$j++) { $url_data = $contacts->contact[$i]->fields[$j]->uri; $url_pie=explode("/user/", $url_data); $url_end=substr($url_pie[1], stripos($url_pie[1], "/")+1); $data=explode("/", $url_end); if ($data[2]==="email") { $email_fr[$k]=$user->getDatafrom($url_end)->email->value; $k++; } } } echo "You have ".$k." contacts.<br />"; for($i=0;$i<$k;$i++) echo ($i+1).": ".$email_fr[$i]."<br />"; } else { header("Location :".$re_url); }

Yahoo.inc can be downloaded here.


Courtesy:-http://www.idiotminds.com/get-the-contacts-list-from-yahoo-account/

 

Now a days,website s are widely using the open invite system .Here,We used Yahoo Oauth for getting the contacts list from yahoo account using Yahoo PHP SDK.Contacts are relationships that exist in Yahoo! address book, such as those entered from across the Yahoo! Network like Yahoo! Mail and Yahoo! Messenger. The API provides read and write access.
Before starting with the Yahoo PHP SDK, you will need to register a web application and you will get web-based application ID,OAuth consumer key and secret. These keys will provide you with general access to the Yahoo! Social Platform, and allow your users to authorize your application to access protected resources and information.

 

Live DemoLive Demo

Download Script

For Creating the Yahoo App,Please Click Here.

In Yahoo My projects page,Click on the New Project Button.It will appears a popup.In that popup,select the Standard option.

Yahoo Application Type

In that Popup click on Continue button after selection of the Yahoo Application type,you will get the Application form.

Yahoo Application Form

After filling the all fields,Click on the Get API Key.You will get application ID,OAuth consumer key and secret.

Yahoo Authentication Information

After that you need to set the permissions for this app.In the Permissions,You need to select the Read Public option under Social Directory (Profiles) of the Social Directory and after you need to click on Save and Change Consumer Key.

Yahoo Contacts

Here is the index.php file.In that file you need to define the OAUTH_CONSUMER_KEY, OAUTH_CONSUMER_SECRET, OAUTH_DOMAIN, OAUTH_APP_ID

  1. <?php
  2. // Include the YOS library.
  3. require dirname(__FILE__).’/lib/Yahoo.inc’;
  4. //for converting xml to array
  5. function XmltoArray($xml) {
  6.         $array = json_decode(json_encode($xml), TRUE);
  7.         foreach ( array_slice($array, 0) as $key => $value ) {
  8.             if ( empty($value) ) $array[$key] = NULL;
  9.             elseif ( is_array($value) ) $array[$key] = XmltoArray($value);
  10.         }
  11.         return $array;
  12.     }
  13. YahooLogger::setDebug(true);
  14. YahooLogger::setDebugDestination(‘LOG’);
  15. // use memcache to store oauth credentials via php native sessions
  16. //ini_set(‘session.save_handler’, ‘files’);
  17. //session_save_path(‘/tmp/’);
  18. session_start();
  19. // Make sure you obtain application keys before continuing by visiting:
  20. // https://developer.yahoo.com/dashboard/createKey.html
  21. define(‘OAUTH_CONSUMER_KEY’, ‘Your App Consumer Key’);
  22. define(‘OAUTH_CONSUMER_SECRET’, ‘Your App Consumer Secret’);
  23. define(‘OAUTH_DOMAIN’, ‘Your Domain’);
  24. define(‘OAUTH_APP_ID’, ‘Your App Id’);
  25. if(array_key_exists(“logout”, $_GET)) {
  26.   // if a session exists and the logout flag is detected
  27.   // clear the session tokens and reload the page.
  28.   YahooSession::clearSession();
  29.   header(“Location: index.php”);
  30. }
  31. // check for the existance of a session.
  32. // this will determine if we need to show a pop-up and fetch the auth url,
  33. // or fetch the user’s social data.
  34. $hasSession = YahooSession::hasSession(OAUTH_CONSUMER_KEY, OAUTH_CONSUMER_SECRET, OAUTH_APP_ID);
  35. if($hasSession == FALSE) {
  36.   // create the callback url,
  37.   $callback = YahooUtil::current_url().”?in_popup”;
  38. $sessionStore = new NativeSessionStore();
  39.   // pass the credentials to get an auth url.
  40.   // this URL will be used for the pop-up.
  41.   $auth_url = YahooSession::createAuthorizationUrl(OAUTH_CONSUMER_KEY, OAUTH_CONSUMER_SECRET, $callback, $sessionStore);
  42. }
  43. else {
  44.   // pass the credentials to initiate a session
  45.   $session = YahooSession::requireSession(OAUTH_CONSUMER_KEY, OAUTH_CONSUMER_SECRET, OAUTH_APP_ID);
  46.   // if the in_popup flag is detected,
  47.   // the pop-up has loaded the callback_url and we can close this window.
  48.   if(array_key_exists(“in_popup”, $_GET)) {
  49.     close_popup();
  50.     exit;
  51.   }
  52.   // if a session is initialized, fetch the user’s profile information
  53.   if($session) {
  54.     // Get the currently sessioned user.
  55.     $user = $session->getSessionedUser();
  56.     // Load the profile for the current user.
  57.     $profile = $user->getProfile();
  58.     $profile_contacts=XmltoArray($user->getContactSync());
  59.    $contacts=array();
  60.    foreach($profile_contacts[‘contactsync’][‘contacts’] as $key=>$profileContact){
  61.        foreach($profileContact[‘fields’] as $contact){
  62.           $contacts[$key][$contact[‘type’]]=$contact[‘value’];
  63.        }
  64.    }
  65.   }
  66. }
  67. /**
  68.  * Helper method to close the pop-up window via javascript.
  69.  */
  70. function close_popup() {
  71. ?>
  72. <script type=”text/javascript”>
  73.   window.close();
  74. </script>
  75. <?php
  76. }
  77. ?>
  78. <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN”>
  79. <html>
  80.   <head>
  81.     <title>Get the contact list from Yahoo-Idiot Minds</title>
  82. <style type=”text/css”>
  83. body{
  84. background-color: #F2F2F2;
  85. }
  86. .yh_frnds{
  87.     list-style:none;
  88. }
  89. .yh_frnds li{
  90.     padding:10px;
  91.     float:left;
  92.     width:30%;
  93. }
  94. .frnd_list{
  95.     margin-top:-25px;
  96.     margin-left:40px;
  97. }
  98. .fb_frnds a{
  99.         text-decoration:none;
  100.          background: #333;
  101.          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#333′, endColorstr=’#D95858′); /* for IE */
  102. background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#D95858)); /* for webkit browsers */
  103. background: -moz-linear-gradient(top,  #333,  #D95858)/* for firefox 3.6+ */ ;
  104.     color: #FFFFFF;
  105.         float: right;
  106.         font: bold 13px arial;
  107.         margin-right:110px ;
  108. }
  109. </style>
  110.     <!– Combo-handled YUI JS files: –>
  111.     <script type=”text/javascript” src=”yahoo-dom-event.js”></script>
  112.     <script type=”text/javascript” src=”popupmanager.js”></script>
  113.   </head>
  114.   <body>
  115.     <?php
  116.       if($hasSession == FALSE) {
  117.         // if a session does not exist, output the
  118.         // login / share button linked to the auth_url.
  119.         ?>
  120.        <a href=”<?php echo $auth_url; ?>” id=”yloginLink”><img src=”yahoo-oauth-connect.png” style=”width:150px;margin-left: 350px;” title=”Get the contact list from Yahoo-Idiot Minds” alt=”Get the contact list from Yahoo-Idiot Minds” /></a>
  121.     <?php  }
  122.       else if($hasSession && $profile) {
  123.         // if a session does exist and the profile data was
  124.         // fetched without error, print out a simple usercard.
  125.        ?>
  126.       <img src=”<?php echo $profile->image->imageUrl; ?>” style=”width:10%;” />
  127.       <h2>Hi <a href=”<?php echo $profile->profileUrl; ?>” target=”_blank”><?php echo $profile->nickname; ?></a>
  128.       </h2>
  129. <?php
  130.         if($profile->status->message != “”) {
  131.           $statusDate = date(‘F j, y, g:i a’, strtotime($profile->status->lastStatusModified));
  132.           echo sprintf(“<p><strong>“</strong>%s<strong>”</strong> on %s</p>”, $profile->status->message, $statusDate);
  133.         }
  134.         echo “<p><a href=\”?logout\”>Logout</a></p>”; ?>
  135.         <ul >
  136. <?php
  137.     foreach($contacts as $user_friend){
  138.      if(isset($user_friend[’email’])){
  139. ?>
  140. <li ><img src=”yahoo1.png” width=”30″ height=”30″/>
  141. <div ><strong><?php echo $user_friend[‘name’][‘givenName’]; ?></strong><br /><?php echo $user_friend[’email’];?></div>
  142. </li>
  143. <?php }
  144.  }  ?>
  145. </ul>
  146.  <?php     }
  147.     ?>
  148.     <script type=”text/javascript”>
  149.       var Event = YAHOO.util.Event;
  150.       var _gel = function(el) {return document.getElementById(el)};
  151.       function handleDOMReady() {
  152.         if(_gel(“yloginLink”)) {
  153.           Event.addListener(“yloginLink”, “click”, handleLoginClick);
  154.         }
  155.       }
  156.       function handleLoginClick(event) {
  157.         // block the url from opening like normal
  158.         Event.preventDefault(event);
  159.         // open pop-up using the auth_url
  160.         var auth_url = _gel(“yloginLink”).href;
  161.         PopupManager.open(auth_url,600,435);
  162.       }
  163.       Event.onDOMReady(handleDOMReady);
  164.     </script>
  165.   </body>
  166. </html>

 


Courtesy:-http://designshack.net/articles/javascript/40-awesome-jquery-plugins-you-need-to-check-out/

The jQuery developer community has to be one of the most generous and hardworking group of people on the web. They’re constantly churning out amazingly useful and completely free tools that they share with anyone and everyone who wants to use them.

The quantity and quality of free jQuery plugins simply never ceases to amaze me. I’ve been keeping a list of some great ones that I’ve found lately and I thought I’d share it with you. Here are 40 awesome and free jQuery plugins that just about every web developer should check out.

 

Scrolling

jQuery Waypoints

Waypoints allows you to easily trigger JavaScript events at specific scroll points. Ever wonder how people build those amazing scrolling effects? This could be your answer.

screenshot

skrollr

Parallax scrolling for the masses. Skrollr helps you with all kinds of different scrolling effects including transforms, color shifts and more.

screenshot

Charts, Animations & Tables

Handsontable

A minimalistic approach to an Excel-like table editor in HTML & jQuery. The result is quite impressive, you should definitely give it a shot if you’re looking to build an interactive spreadsheet.

screenshot

jQuery Sparklines

jQuery Sparklines helps you build little inline charts that are supplied with information via HTML or JavaScript.

screenshot

Teamwork Gantt

Build incredible Gantt charts with jQuery. Seriously impressive for a free tool.

screenshot

DataTables

A jQuery plugin for creating impressive, highly functional data tables. Multi-column sorting with data type detection, smart handling of column widths and more.

screenshot

arbor.js

Build crazy looking, futuristic, animated and modular graphs. Really cool stuff.

screenshot

Layout

Wookmark jQuery Plugin

Easily build a Msonry-like layout like the one seen on Wookmark. We featured this on Design Shack here.

screenshot

jQuery Masonry

The original jQuery Masonry. Masonry arranges elements vertically, positioning each element in the next open spot in the grid.

screenshot

Isotope

An amazing layout plugin that allows for intelligent and dynamic grids of items that can be easily sorted and filtered.

screenshot

FitVids.JS

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

screenshot

gridster.js

Gridster is a really amazing plugin that allows you to create flexible grid layouts that can be rearranged via drag and drop. You should definitely try this one.

screenshot

Freetile.js

Another plugin for masonry-style layout. It allows for any size of elements to be packed without using a fixed-size column grid, so you don’t have to worry about specifying a column width appropriate to the size of your elements.

screenshot

Text

jQuery TextExt Plugin

TextExt is a plugin for jQuery designed to provide functionality such as tag input and autocomplete. According to the developer, it was built on two main values: modularity and extensibility.

screenshot

Jeditable

Jeditable allows you to set certain HTML elements to be editable by the user. You can even set up different types of events to trigger editing capabilities: hover, click, double click, etc.

screenshot

FitText

A plugin for inflating web type. It actually makes it possible to have text that resizes with the viewport. Extremely useful for responsive web design.

screenshot

Cool UI

jQuery Knob demo

This plugin allows you to create really cool circular knobs that spin or fill up as you scroll.

screenshot

noty – A jQuery Notification Plugin

Noty is a jQuery plugin that makes it easy to create alert, success, error, warning, information and confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue.

screenshot

PageSlide

This plugin helps you build a hidden, slide-in sidebar that contains pretty much anything you want it to.

screenshot

jQuery Collapse

“This plugin provides you an accessible and lightweight solution to a widely adopted interface pattern known as progressive disclosure.” That’s fancy-speak for a plugin that allows you to make content collapsable.

screenshot

Avgrund

Awesome and simple modal boxes with a really cool page animation effect.

screenshot

jQuery One Page Navigation

Smooth scrolling navigation and animation for single page sites. Super simple, incredibly handy.

screenshot

jqPagination

A great little pagination plugin. Instead of displaying a list of page numbers like traditional pagination methods, jqPagination uses an interactive ‘Page 1 of 5′ input that, when selected, allows the user to enter their desired page number.

screenshot

jQuery Joyride Feature Tour Plugin

This plugin is from ZURB, which is really all the info I need to know that it’s great. It helps you build little callouts that walk users through the features on your site one step at a time.

screenshot

Tooltips

jQuery PowerTip

A fairly robust and powerful jQuery tooltip plugin with plenty of options.

screenshot

tipsy

Another great tooltip plugin. This one is loosely based on giving you the ability to create Facebook-style tooltips.

screenshot

Slideshows, Images & Sliders

jQuery Slider Shock

A notably complete responsive jQuery / WordPress slider, with a wealth of options, settings, styles and functionality. Very well documented too!

screenshot

Backstretch

Backstretch creates dynamically-resized, slideshow-capable background images for any page or element.

screenshot

jQuery Anystretch

Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will automatically resize as the window size changes.

screenshot

jQuery Lightbox

A simple lightbox based on prototype and scriptaculous.

screenshot

FlexSlider 2

FlexSlider is a responsive image slider from WooThemes with awesome features like multi-directional slide animations, semantic markup, touch support and the ability to include any HTML as a slide.

screenshot

ColorBox

Another simple lightbox plugin. Supports photos, grouping, slideshow, ajax, inline, and iframed content.

screenshot

WOW Slider

Literally one of the best, most powerful and fully featured sliders on the web. It’s responsive, has lots of different transitions and is packed with everything you could need. Go get it.

screenshot

Miscellaneous

Timeago

Quick, easy and auto-updating timestamps for jQuery. Example: About one day ago.

screenshot

jQuery Validation

The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy.

screenshot

jQuery File Upload Demo

A pretty robust file upload plugin for jQuery. Multiple file selection, drag&drop support, progress bars and preview images for jQuery.

screenshot

jQuery Instagram

Want to show an Instagram feed on your web page? With this little tool, you can.

screenshot

jQuery Shadow Plugin

Easily add all kinds of different shadows to your HTML elements. Each shadow takes very little code to implement.

screenshot

Naked Password

This one is ridiculous and potentially offensive, and a little hilarious. To encourage users to implement strong passwords, there’s a little, cartoony and non-detailed illustration (think NES) of a man or woman who gradually undresses as your password strength increases.

screenshot

MotionCAPTCHA

I hate mangled-word CAPTCHAs so much that I wrote an article about why we should kill them. This plugin provides a unique alternative that allows the user to bypass security by drawing shapes.

screenshot

jQuery Transit

Super-smooth CSS3 transformations and transitions for jQuery. Rotate, perspective, skew, scale and more.

screenshot

Sometimes when we don’t have access to modify configurations on server like in php.ini file and we still need to enable short tags for our php code. We can do it by .htaccess file. If you have not created any .htaccess file yet, create one in root directory of your website and add

php_value short_open_tag 1

That’s it for .htaccess file.

Now if you want to enable that using php.ini and if you can…

just set

short_open_tag=On

in php.ini at server and you are done.. 😀

 

Courtesy:-http://techdc.blogspot.in/2013/04/how-to-enable-php-short-tags-with.html


Notepad++ (Notepad Plus Plus) is one of the most popular text/code editor for Windows users. It’s really fast and reliable, it has many features built-in but lacks others you might expected it to have. Luckily, there is a vivid plugin development community that has created plugins to help us make Notepad++ even more powerful!

Plugins

Nearly all of the plugins mentioned below are available through the Plugin Manager that comes with Notepad++. To install the plugins simple open Notepad++, go to Plugins > Plugin Manager, check as many plugins as you like and click “Install”. Instructions on how to manually install plugins and a full list of available plugins can be found on the official wiki.

NppFTP

A full-featured FTP Client within Notepad++ with the ability to save files directly to your server. You can set up multiple profiles for different FTP servers and either open/save files immediately to the server or download a copy and load it in Notepad++. It also has SFTP/FTP(E)S support.

HTML tag

This plug-in provides two core functions to Notepad++:

  • HTML and XML tag matching, like the built-in brace matching. For example you may hit Shift+Ctrl+T on an HTML tag and have the whole block until its closing tag selected.
  • HTML entity encoding/decoding

Compare plugin

A very useful plugin to show the difference between two files side by side.

AutoSave

AutoSave allows to automatically save the currently open files based on a timer schedule (default is 1 min) and/or upon the application losing focus.

JSON Viewer

A simple plugin to view JSON string in a dockable treeview control. Just select the JSON string and open the JSON Viewer plugin.

JSmin

It’s really simple and just run Douglas Crockford’s JSMin algorithm on current Javascript document. Also JSMin can puts minimized js code in a new document. It can also format already minified Javascript code.

JSLint

A Notepad++ plugin that allows users to run JSLint (The Javascript Code Quality Tool) against their open Javascript files.

Zen Coding – Python

Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions -similar to CSS selectors- into HTML code.

For example:

div#page>div.logo+ul#navigation>li*5>a

…can be expanded into:

<div id="page">
    <div></div>
    <ul id="navigation">
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
    </ul>
</div>

Some help on the available selectors can be found here.

QuickText

(Manual install only. It can’t be installed directly by the Plugin Manager)

Quicktext is a Notepad++ plugin for text substitution with multi field inputs. It allows you to create custom quicktext tags and easily replace them with the corresponding code snippets. It’s similar to Tab Triggers in TextMate, Resharper/CodeRush in Visual Studio. Watch a short video that explains how to use Quicktext.

Light Explorer

A really light explorer plugin that brings up a simple file-manager to the side of the Notepad++ window when pressing Alt+A. There is also a fork of the Light Explorer plugin which allows you to create files and folders.

Hex Editor

Turns Notepad++ into an excellent Hex Editor.


Courtesy:-http://moz.com/ugc/everything-you-never-wanted-to-know-about-google-maps-parameters

This guide came around as the result of a post I previously wrote for YOUmoz, which in itself came around as a result of a night of drinking and being sent an interesting Google SERP. That post focused on the URL parameters you can feed into Google to generate SERPs.This time, however, I’m looking at Google Maps.

On its own, this created an interesting problem, since Google doesn’t actually update the URLs when you go to new pages. As a result, this research was conducted by individually tweaking every option I could find on the Google Maps interface. So appreciate it!

Thanks

A big thank you to everyone who helped compile this, and to Teifion, who smells, and Huw, who doesn’t.

Google Maps XML

To understand what we’re going to be seeing, it’s helpful to understand what’s going on under the hood, so I’ve copied an example of the XML Google uses to geocode their maps. You can see this below.

<kml>

<Response>

<name>London</name>

<Status>

<code>200</code>

<request>geocode</request>

</Status>

<Placemark id=”p1″>

<address>London, Greater London, UK</address>

<AddressDetails Accuracy=”4″>

<Country>

<CountryNameCode>GB</CountryNameCode>

<AdministrativeArea>

<AdministrativeAreaName>England</AdministrativeAreaName>

<SubAdministrativeArea>

<SubAdministrativeAreaName>Greater London</SubAdministrativeAreaName>

<Locality>

<LocalityName>London</LocalityName>

</Locality>

</SubAdministrativeArea>

</AdministrativeArea>

</Country>

</AddressDetails>

<Point>

<coordinates>0.126236,51.500152,0</coordinates>

</Point>

</Placemark>

</Response>

</kml>

As you can see, I’ve done a search for London. It’s presented the response code from the server (200 – found and valid), the address, how likely it is that this is the place I’ve queried (AddressDetails Accuracy), the country name code, and most importantly, the longitude and latitude values.

Just as a quick aside, if you want to view this yourself, you can do so with one of the URL strings below, but you’ll need to sign up for a Google Maps API key. Now, on with the guide… http://maps.google.co.uk/maps?

The Google Map URL. If you didn’t know that bit, you’re shouldn’t be reading this. Moron.

f=q

This sets what kind of display the user is presented with. Can be set to q (the standard layout), d (for directions) or l (for local). Defaults to q.

q=location+goes+here

The query string. Words are separated by + signs. You can enter an address, a town, city or village, postcodes, variables of latitude and longitude (in either decimal form or as degrees, minutes and seconds) and landmarks.

Everything from here on in is preceded by an & sign, as it’s tagged on to the end. Again (if you have no girlfriend), things get interesting…

near=

Used to specify the location instead of putting it into q. Also has the added effect of allowing you to increase the AddressDetails Accuracy value by being more precise. Mostly only useful if q is a business or suchlike.

z=

Zoom level. Can be set 19 normally, but in certain cases can go up to 23. More information on the super-high zoom level images can be found here.

spn=

Sets the span width and height that the geocoder will compute. Basically, it limits the number of degrees long/lat that will be shown.

sspn=

Sets the boundaries for the search span. Used for local searches, near as I can tell.

mrt=

Specifies the type of search (left blank by default, which searches everything). Can be set to:

  • all – all results
  • loc – locations based. Requires q to be filled.
  • yp – the business search. Also requires q to be set, and works better with loc as well.
  • kmlkmz – searches the community maps. Requires a location set either in q, loc or near.
  • websearch – searches webpages that Google has given a geographical position.
  • realestate – gives real estate based results. Obviously.

ll=

Latitude and longitude of the map centre point. Must be in that order. Requires decimal format. Interestingly, you can use this without q, in which case it doesn’t show a marker.

sll=

Similar to ll, only this sets the lat/long of the centre point for a business search. Requires the same input criteria as ll.

t=

Sets the kind of map shown. Can be set to:

  • m – normal  map
  • k – satellite
  • h – hybrid
  • p – terrain

Don’t ask me why those letters were used, I don’t know why either.

layer=

Turns overlays on and off. Can be set to t for traffic or c for street view, or tc for both at the same time.

view=

Controls the view type. Set to text for text, or map for map.

saddr=

Sets the starting point for directions searches. You can also add text into this in brackets to bold it in the directions sidebar.

daddr=

Sets the end point for directions searches, and again will bold any text added in brackets.You can also add “+to:” which will set via points. These can be added multiple times.

mrad=

Allows you to add additional destination addresses. Just as a quick aside, you can use saddr=, daddr= and mrad= instead of “+to:” if you want.

dirflg=

This controls the route that will be planned. Can be set to h for no motorways, r for public transport only or w for walking directions.

via=

Allows you to insert via points in directions. Must be in CSV format. For example, via=1,5 addresses 1 and 5 will be via points without entries in the sidebar. The start point (which is set as 0), and 2, 3 and 4 will all show full addresses.

doflg=

Changes the units used to measure distance (will default to the standard unit in country of origin). Change to ptk for metric or ptm for imperial.

cbll=

The latitude and longitude values for Street View.

cbp=

Alters the Street View window. Controls (in order) window size, bearing, tilt, zoom and pitch.

start=

Skips the first match for search

num=

Controls how many matches are displayed. Will accept values up to 10.

om=

Set to 1 to open the overview map, or anything else to close it.

ie=

Sets the input character encoding, e.g., ie=UTF8.

oe=

Sets the output character encoding, e.g., ie=UTF8.

output=

Sets the output format. Can be set to:

  • html – standard
  • js – gives you object literals and function calls
  • kml – an XML file like the one from the start
  • nl – XML formatted NetworkLink wrapper, which links to a URL for information to be used with Google Earth and Google Maps
  • embed – for embedding maps into other sites (also note that this requires the s= param which is obfuscated)
  • dragdir – outputs a JSON object containing the reverse geocode and an encoded polyline for a given route

f=

Controls the form style. Can be set to d for the directions form, l for the local version, or q for the normal one.

latlng=

Not sure. Inputs as 3 figures in CVS format, but only uses the last one. Seems to have something to do with business locations. Must be used with valid data for other operators. Also, must have q=. Outputs a teeny map.

cid=

Same as latlng, but allows you to specify map size.

geocode=

Geocoding service for embedded maps.

Iwloc=

Does funky things with the info window. Can be set to:

  • A-J – opens the info window over a business marker
  • near – puts it over the green arrow (when shown)
  • addr – places it over a set address (the default value)
  • start, end and pausex – for use in driving directions, where x is the number of the point in question

iwd=

Sets the info window to expanded view when set to 1.

iwstate1=

Puts the infowindow into various edit modes. Can be set to:

  • sscorrectthiscard – standard edit mode
  • sscorrectthiscard:ssmovemarkercard – for marker position edits
  • sscorrectthiscard:ssedithistorycard – allows you to view a marker’s history

pw=

Sets print mode.

msa=

Does stuff with My Maps. Set to 0 show defined My Maps, b to turn the My Maps sidebar on, 1 to show the My Maps tab on its own, or 2 to go to the new My Map creator form.

msid=

Specifies My Maps identifiers. Use it with ms and msa=0 to show particular My Maps.

vp=

Activates Copyright Service mode. Returns information about the copyright ownership in Javascript format. Only works when the spn= and z= are set. Can also include t for map type and key for setting an API key.

hl=

Controls the language. Can be set to:

  • eu = Basque
  • ca = Catalan
  • hr = Croatian
  • cs = Czech
  • da  = Danish
  • nl  = Dutch
  • en  = English
  • fi = Finnish
  • fr  = French
  • de  = German
  • gl  = Galacian
  • el = Greek
  • hi  = Hindi
  • id  = Indonesian
  • it  = Italian
  • ja = Japanese
  • no  = Norwegian
  • nn  = Nyorsk
  • pt  = Portuguese
  • rm = Raeto-Romance
  • ru  = Russian
  • sr  = Serbian
  • sk  = Slovak
  • sl = Slovenian
  • es  = Spanish
  • sv  = Swedish
  • th  = Thai
  • tr = Turkish
  • uk  = Ukrainian
  • vi  = Vietnamese

I hope you’ve found this at least vaguely useful. As always, if something’s missing, leave a comment.

Jquery Photo Zoom Plugin

Posted: January 12, 2013 in Jquery, Must Watch

Introducing a new jQuery PhotoZoom plugin, it helps you to view bigger images on mouse over component, this is very useful for media related web applications. You can customize the PhotoZoom container based on your web page design. Very easy to implement just include the plugin using script tag and give required selector, take a look this live demo.
Jquery Photo Zoom Plugin



Download Script
     Live Demo

Author

Arun Kumar Sekar
Arun Kumar Sekar

Engineer, Plugin Expert
Chennai, INDIA

 

The Basic Setup

Include the jQuery and PhotoZoom plugin libraries into your document using script tag.

<script src=”jquery.js”></script>
<script  src=”photoZoom.min.js”> </script>
<script>
$(document).ready(function()
{
$(‘body’).photoZoom();
});
</script>
//HTML Code
<body>
<img src=’one.jpg’/>
<img src=’two.jpg’/>
……
……
</body>

You can customize container design by modifying CSS elements.

$(“body”).photoZoom(
{
zoomStyle : {
“border”:”1px solid #ccc”,
“background-color”:”#fff”,
“box-shadow”:”0 0 5px #888″
}
});

Here you can reuse onMouseOver and onMouseOut events.
$(“body”).photoZoom(
{
onMouseOver : function(currentImage){
// do something
},
onMouseOut : function(currentImage){
// do something
}
});

Courtesy:http://www.9lessons.info/2012/12/jquery-photo-zoom-plugin.html