JS

How to restore cached page from Chrome cache?

1. Open Chrome and go to chrome://cache/ 2. Click on the file you want to restore. It should open a page with encrypted cached version of the page – numbers and letters. 3. Open JavaScript console (View -> Developer -> JavaScript console) 4. Copy and paste the code below in JS console and press enter on keyboard: 5. [...]

Read More»

Dynamic fields with Contact Form 7 – WordPress plugin

1. Be sure to have jQuery script added to your theme or add it 2. Create a form with Contact Form 7 Example: 3. Create a script to hide fields Add this to some js file in your template (custom.js)    

Read More»

POP UP like us on FB

Simple JQuery FaceBook like popup widget. This facebook like popup widgets appears when a new visitor visits your web or blog page. Since the IP address of the visitor get stored in the browser cookie therefore the next time when the visitor visits your page he do not find the popup there. This helps in [...]

Read More»

Custom file input field

HTML: <span> <input id=”photo” name=”photo” type=”file” /> <span>Choose a Photo</span> </span> CSS: .file-wrapper { cursor: pointer; display: inline-block; overflow: hidden; position: relative; } .file-wrapper .button { background: #79130e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; padding: 4px 18px; text-transform: uppercase; } .file-wrapper input { cursor: pointer; height: 100%; [...]

Read More»

Best JS, Flash Ajax Galleries

http://visionwidget.com/inspiration/web/453-javascript-flash-photo-gallery.html http://valums.com/javascript-image-galleries/

Read More»

Blinking text in IE

<html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>.::.</title> <script type=”text/javascript”> var docid = null; var interval = 1000; function blink() { var el = document.getElementById(docid); if (typeof el != ‘undefined’ && el) { vis = (el.style.visibility == ‘visible’) ? ‘hidden’ : ‘visible’; el.style.visibility = vis; setTimeout(“blink()”, interval); } } window.onload = function() { docid = [...]

Read More»

Medicine for your IE6/PNG headache!

http://www.dillerdesign.com/experiment/DD_belatedPNG/ – Official link Download js file <!–[if IE 6]> <script src=”DD_belatedPNG.js”></script> <script> /* EXAMPLE */ DD_belatedPNG.fix(‘.png_bg’); /* string argument can be any CSS selector */ /* .png_bg example is unnecessary */ /* change it to what suits you! */ </script> <![endif]–>

Read More»

JQuery and css tabs

HTML <ul> <li><a href=”#tab1″>Gallery</a></li> <li><a href=”#tab2″>Submit</a></li> </ul> <div> <div id=”tab1″> <!–Content–> </div> <div id=”tab2″> <!–Content–> </div> </div> Tabs CSS ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*–Set height of tabs–*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; [...]

Read More»
shared on wplocker.com