Archive for the ‘Jquery’ Category

Simple Responsive Slider using jquery Here is a Simple Responsive Slider using jquery which works on every breakpoints. A very simple js/jquery which helps you to modify it according to your requirements. Download infinite_Image_Carousel-master

Custom linkedin button for share and auth <script src=””> api_key: //onLoad: onLinkedInLoad scope: r_basicprofile r_emailaddress r_fullprofile authorize:true </script> <script> function onLinkedInAuth() { IN.API.Profile(“me”) .fields(“firstName”, “lastName”, “industry”, “location:(name)”, “picture-url”, “headline”, “summary”, “num-connections”, “public-profile-url”, “distance”, “positions”, “email-address”, “educations”, “date-of-birth”) .result(displayProfiles); IN.UI.Share().params({ url: “” }).place() } function displayProfiles(profiles) { console.log(profiles); member = profiles.values[0]; } jQuery(document).ready(function(){ jQuery(“#linkdinlog”).click(function(){ IN.UI.Authorize().place(); IN.Event.on(IN, […]

countdown timer in php $dateFormat = “d F Y — g:i a”; $targetDate = $futureDate;//Change the 25 to however many minutes you want to countdown change date in strtotime $actualDate = $date1; $secondsDiff = $targetDate – $actualDate; $remainingDay = floor($secondsDiff/60/60/24); $remainingHour = floor(($secondsDiff-($remainingDay*60*60*24))/60/60); $remainingMinutes = floor(($secondsDiff-($remainingDay*60*60*24)-($remainingHour*60*60))/60); $remainingSeconds = floor(($secondsDiff-($remainingDay*60*60*24)-($remainingHour*60*60))-($remainingMinutes*60)); $actualDateDisplay = date($dateFormat,$actualDate); $targetDateDisplay = date($dateFormat,$targetDate); […]

check canvas empty or not <“canvas11″ height=”200px” width=”200px”> <asp:Button runat=”server” ID=”btn1″ Text=”Save” OnClientClick=”checkcanvas();” /> <script type=”text/javascript”> function checkcanvas() { var i = isCanvasTransparent(); //i =true if canvas empty //i =false if canvas has image } function isCanvasTransparent() { var canvas1 = document.getElementById(‘canvas11’); // true if all pixels Alpha equals to zero var ctx = canvas1.getContext(“2d”); […]

google translate selected language   A very common problem is to add google translator with already selected language which can be fix by the following code. function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: ‘en’, includedLanguages: ‘ja’, defaultLanguage: ‘ja’, multilanguagePage: true }, ‘google_translate_element’); }

set google translater default language We can set google translate default language by working with cookies for this first use google translate to translate your web page then see what cookies he has created (for this right click on your web page then page info then security then view cookies and click on googtrans you […]

call a function regularly call a function after a particular time period function getdata(){ var langu = jQuery(“.goog-te-combo”).html(‘<option value=””>Select Lanugage</option><option value=”en”>English</option><option value=”ja”>Japanese</option>’); jQuery(“.goog-te-gadget”).css({“margin-top”:”0px”}); intervaltime(); } </script> <script> function intervaltime(){ window.setInterval(function(){ getdata(); }, 5000); } $(function() { setTimeout(getdata, 3000); }); </script>

validation of number in javascript function check_number() { var number=document.getElementById(“mobileno”).value; if(isNaN(number)) { alert(“number only”); return false; } else { return true; } }

stop web pages from refreshing or disable menu bar and status bar and tool bar in browser and disable right click hello frnds basically refreshing is depend on browser so one cant say that, that code stop browsers from refreshinghere is the code /////////////////////first file <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”> <html xmlns=””> […]

jquery for refreshing only div content <script> jQuery(document).ready(function(){ jQuery(“#amot”).change(function() { //var file_name=”components/com_virtuemart/themes/default/templates/common/shopIndex.tpl.php”; jQuery(“#coupon-box”).load(“index.php #coupon-box”) return false; }); }); </script>