Category Archives: javascript

Javascript – jQuery – Click Counter

0
Filed under javascript, jquery
Tagged as , , , ,

Author: slac3dork
Site: http://snippet.c0de.me
Summary: Click counter with jQuery framework.

<html>
  <head>
    <title>Twitter like text area</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
    <script type="text/javascript">
      $(function(){
          var total_click = 0;
          $("#clickMe").click(function(){
            total_click = total_click + 1;
            $("#counter").text("Total Click: " + total_click);
return false;
          });
        });
    </script>
  </head>
  <body>
    <form>
      <div id="counter">Total Click: 0</div><br />
    <a id="clickMe" href="#">click me!</a>
  </form>
  </body>
</html>



javascrip,logo,badge,pixel badge

Javascript – jQuery – Disable Button Based on Character Length

0
Filed under javascript, jquery
Tagged as , , , , , ,

Author: slac3dork
Site: http://snippet.c0de.me
Summary: This script will disable “Go!” button if total characters more than 140 or have no character using jQuery framework.

<html>
  <head>
    <title>Twitter like text area</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
    <script type="text/javascript">
      $(function(){
          $("#my-submit-id").attr("disabled", "disabled");
          var chars = 0;
          $("#my-text-id").keyup(function(){
            chars = $(this).val().length;
            if ((chars < 1) || (chars > 140)){
              $("#my-submit-id").attr("disabled", "disabled");
            }
            else {
              $("#my-submit-id").removeAttr("disabled");
            }
              $("#my-label").text("Total characters: " + chars);
          });
        });
    </script>
  </head>
  <body>
    <form>
      <label id="my-label">Total characters: 0</label><br />
      <textarea id="my-text-id" name="my-text" rows="5" cols="20">
      </textarea><br />
      <input id="my-submit-id" type="submit" value="Go!" />
  </form>
  </body>
</html>



javascrip,logo,badge,pixel badge

Javascript – Simple Image Slide Show

0
Filed under javascript
Tagged as , , , , , ,

Author: slac3dork
Site: http://snippet.c0de.me
Summary: A simple slide show image using javascript. You must define all your images path.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.1//EN">
<html>
<head>
  <title>Simple Image Slide Show</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <script type="text/javascript">
/*
  _________      .__       .____   _______
 /   _____/ ____ |__|_____ |    |  \   _  \    ____
 \_____  \ /    \|  \____ \|    |  /  /_\  \  / ___\
 /        \   |  \  |  |_> >    |__\  \_/   \/ /_/  >
/_______  /___|  /__|   __/|_______ \_____  /\___  /
        \/     \/   |__|           \/     \//_____/  

http://snippet.c0de.me

slac3dork@gmail.com
*/
var i = 0;
var total = 5; // total slide show images
var t = 0;

function initial() {
	images[0] = 'path/to/images/1.jpg';
	images[1] = 'path/to/images/2.jpg';
	images[2] = 'path/to/images/3.jpg';
	images[3] = 'path/to/images/4.jpg';
	images[4] = 'path/to/images/5.jpg';
}

function timer() {
	clearTimeout(t);
	t = setTimeout('nextimg()', 3000);
}

function imageError() {
	nextimg();
}

function previmg(){
	if (i != 0){
		i = i - 1;
	} else {
		i = total;
	}
		document.banner_show.src = images[i];
}

function nextimg(){
	if (i != total){
		i = i + 1;
	} else {
		i = 0;
	}
	document.banner_show.src = images[i];
}
  </script>
</head>
<body>
  <img src="path/to/images/1.jpg" onLoad="initial();" onError="imageError" alt="" />
  <a onclick="previmg(); return false;">prev</a>
  <a onclick="nextimg(); return false;">next</a>
</body>
</html>

javascrip,logo,badge,pixel badge