jQuery Social Share Toolbar. This is the instructions on how to build your own social share toolbar using jQuery and CSS3.
The toolbar should be visible at the bottom right corner of your browser. If you hover over the toolbar it will slide up, click the minimize button it will all but disappear, click one of the icons and you will be taken to either the login page or the share page of that social site. To make it work you must include jQuery the jQuery Cookie script to remember the minimized state, the share script and a little CSS. It takes the title of the current page and submits that plus the url to your choice of social site. This is the minimum code that should be in the page head, if you prefer you could add the scripts in your footer as is popular these days to improve page load speed. Share.js should be something like: I may have gone a bit overboard with the opacity etc so feel free to modify it as needed. CSS includes some CSS3 and proprietary properties to get it working with more browsers. jQuery Mix - The Bestest jQuery Tools, Resources, Tips & Tricks.
Get GeoLocation using jQuery (API) GeoPlugin. jQuery offers a great way to find out where your website visitors geographic location.
With a simple jQuery GeoLocation API call you find out your website viewers Country, Region & City. You can also find out thier Longitude and Latitude values to hook upto Google Maps to show where they are viewing from. The great news is that this service is completely free! :) I’ve included an alert box to help you get it working, you should see something like this: How to use jQuery GeoLocation: Copy the jQuery code below into the section of your webpageCopy the HTML code below into the section of your webpageWatch it’s magic! jQuery Code: <script type="text/javascript"> jQuery(document).ready(function($){alert("Your location is: "+ geoplugin_countryName()+", "+ geoplugin_region()+", "+ geoplugin_city()); var country = geoplugin_countryName(); $("#country").append("<option value='1' selected>"+country+"</option>"); HTML Code: Demo You can view a live demo of this on signup form.
GeoLocation API Details. jQuery on Screen Keyboard Plugin. This has moved here: jQuery On-Screen Keyboard Hi guys, I’ve stumbled across a pretty cool on-screen keyboard plugin which uses jQuery to display a keyboard on screen when the user clicks an input field.
It is fully customisable where you can change the layout of keys and the colour scheme. It’s kind of like the windows accessibility keyboard and could be used to enhance the usability of your site. How to use it. Download the pluginUse the demo.js file as a base for creating your keyboardTweak the settings to your keyboard layout (see code below)Customise the CSS code to suit your website Download PageLive Demo jQuery Code //code to setup// Extension demos $(function(){ // Set up typing simulator extension on all keyboards $('.ui-keyboard-input').addTyping(); How to load the keyboard from a simple hyperlink AUTHOR: Sam Deering.
Spacegallery - jQuery plugin. About Again another image gallery.
Click on the images bellow to see it in action. Download spacegallery.zip (205 kb): jQuery, Javscript files, CSS files, images, examples and instructions. Changelog The first release release. Implement Attach the Javascript and CSS files to your document. Invocation code Prepare a block level element with some images inside. Options. jQuery treeview.