Disable submit button after form submission
<script> $(function(){ $(“.class_of_button”).click(function () { $(“.class_of_button”).attr(“disabled”, true); $(‘#Form_id’).submit(); }); }); </script>
JavaScript
Disable Copy and paste from website
If you do not want your content to be copied from your webpage then you can disable copy and paste from your website using following code. <script> $(‘body’).bind(‘copy paste cut drag drop’, function (e) { e.preventDefault();});$(‘body’).bind(‘copy paste cut drag drop’, function (e) { e.preventDefault();});</script>
Chart.js Easy, object oriented client side graphs for designers and developers
Chart.js is easy, object oriented client side graphs for designers and developers.Features of Chart.js are 6 Chart typesVisualise your data in different ways. Each of them animated, fully customisable and look great, even on retina displays. Line charts Bar charts Radar charts Pie charts Polar area charts Doughnut charts HTML5 BasedChart.js […]
Auto-submit Form on dropdown selection without clicking submit button
<select id=”did” name=”did” onchange=”this.form.submit();”>
Print this page button/link on webpage
<form><input type=”button” value=” Print this page ” onclick=”window.print();return false;” /></form> <a href=”#” onclick=”window.print();return false;”>Print this page</a> <a href=”#” onclick=”window.print();return false;”><img src=”images/icon_print.png”></a>
Simple delete confirmation
<head><script type=”text/javascript”>function confirmDelete(){return confirm(‘Are you sure?rnrnThis will permanantly delete user from the database!’ );}</script></head> <body> <a onclick=”return confirmDelete();” href=”delete_user.php?id=<? echo $row_ul[‘username’]; ?>”>Delete</a> </body>
Hide or Show div
Example below shows or hides div when a link is clicked. <html> <head> <script language=”JavaScript”>function ShowHide(divId){if(document.getElementById(divId).style.display == ‘none’){document.getElementById(divId).style.display=’block’;}else{document.getElementById(divId).style.display = ‘none’;}}</script></head> <body> <a onclick =”javascript : ShowHide(‘HiddenDiv’)” href=”javascript:;” >Show or Hide</a> <div id=”HiddenDiv” style=”DISPLAY: none” >Stuffs to be hidden or shown goes here. </div> </body>
How to remove “jCarousel: No width/height set for items. This will cause an infinite loop. Aborting” meassage?
1. Open jquery.jcarousel.pack.js 2. Seach for the word “alert” 3. Replace “alert” with “isNan”4. Refresh the webpage.