Archive for the ‘ALL’ Category


this class needs to be added to the map div = gmap-wrapper
this class needs to be added to the iframe as a class = scrolloff

CSS

.scrolloff
{ pointer-events: none; }

HTML

<div class="gmap-wrapper">					
	<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14695.074973989373!2d72.6236405!3d22.9587424!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x4b7d4042cc4ba9d9!2sTankar+Residency%2C+Dibiyapur%2C+Vatva%2C+Ahmedabad%2C+Gujarat+382445!5e0!3m2!1sen!2sin!4v1499159481841" width="600" height="450" frameborder="0" style="border:0"  class="scrolloff"></iframe>
</div>

jQuery

<script type="text/javascript">
// DISABLE MOUSE SCROLL IN MAPS
// enable the pointer events only on click;
	jQuery(document).ready(function( $ ) {
		$('.gmap-wrapper').on('click', function ()
			{ $('.gmap-wrapper iframe').removeClass('scrolloff'); // set the pointer events true on click 
		});
		// you want to disable pointer events when the mouse leave the canvas area;
		$(".gmap-wrapper").mouseleave(function (){ 
			$('.gmap-wrapper iframe').addClass('scrolloff'); // set the pointer events to none when mouse leaves the map area 
		});
	});
</script>

Click on image and play YouTube video

Posted: July 20, 2015 in ALL

Step 1 : Open URL – http://www.tools4noobs.com/online_tools/youtube_xhtml/

Step 2 : Paste your YouTube URL, Set configuration and then Click on Generate Code button as per attached screenshot.

1

Step 3 : Now you will get your YouTube embed code. please review attached screenshot.

2

Pate below HTML code in your website :

<div><img style="cursor: pointer;" src="capture.jpg" alt="" /></div>
<div id="thevideo" style="display: none;">
<object style="width: 400px; height: 225px;" data="http://www.youtube.com/v/mv1F_uBZRA4?color2=FBE9EC&amp;autoplay=1&amp;controls=0&amp;version=3&amp;modestbranding=1" type="application/x-shockwave-flash" width="300" height="150">        
<param name="movie" value="http://www.youtube.com/v/mv1F_uBZRA4?color2=FBE9EC&amp;autoplay=1&amp;controls=0&amp;version=3&amp;modestbranding=1" />        
<param name="allowFullScreen" value="true" />        
<param name="allowscriptaccess" value="always" />    
</object>
</div>

Add Custome Twitter API

Posted: November 25, 2013 in ALL

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <!--[if lt IE 9]>
                    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                <![endif]-->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="twitter/jquery.tweet.js"></script>
        <style>
            #twitter ul li {list-style:none; font-family:Arial, Helvetica, sans-serif; color:#666666}
        </style>
    </head>

    <body>
        <div class="widget span3">
            <h4>Latest Tweets</h4>
            <div class="show-tweets" id="twitter"></div>
        </div>
        <script type="text/javascript">
            // Twitter
            $("#twitter").tweet({
                join_text: "auto",
                username: "    ", //replace this with your username
                modpath: './twitter/',
                avatar_size: 32,
                count: 10,
                loading_text: "loading tweets..."
            });

        </script>

    </body>
</html>

Download Twitter Javascript and attached : https://github.com/StanScates/Tweet.js-Mod

RIGHT CLICK DISABLE ON WEBISTE

Posted: August 6, 2012 in ALL

<script language=JavaScript>
var message=”Sorry, right-click has been disabled”;
function clickIE(){if(document.all){(message);return false}}
function clickNS(e){if(document.layers||(document.getElementById&&!document.all)){
if(e.which==2||e.which==3){(message);return false}}}if(document.layers){document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE}document.oncontextmenu=new Function(“return false”)
</script>

SOLVE CONFLICT JS

Posted: July 26, 2012 in ALL

Create

var tr=jQuery.noConflict();

add this : tr

CREATE SPRITE IMAGE & CSS

Posted: July 4, 2012 in ALL

First create one folder and save all images.
plz not save repeat images.
create zip file for this folder

open this site : http://spritegen.website-performance.org/
browse your zip file and upload
click spite Image & CSS

ARE YOU USE THIS SPRITE IMAGE & CSS R U REDUCE YOUR WEBSITE LOADING TIMING

FONT GENERATOR

Posted: July 2, 2012 in ALL

If there is no font install in any Browser See below details :

How can u install fonts ?

First Open this Website : http://www.fontsquirrel.com/fontface/generator/

Click to Add fonts button and brows your font.

Click to Checkbox and save the zip file

attach stylesheet in your html projects.