Difference between revisions of "JQuery Sandbox"

From Wikicliki
Jump to: navigation, search
 
Line 8: Line 8:
 
     <script type="text/javascript">
 
     <script type="text/javascript">
 
   $(document).ready(function(){
 
   $(document).ready(function(){
+
 
 
 
 
  $("a").click(function(){   
 
  $("a").click(function(){   
 
  var curText= $("#myText").val();  
 
  var curText= $("#myText").val();  
Line 16: Line 14:
 
   alert(urlname);
 
   alert(urlname);
 
  });
 
  });
 
 
   
 
   
 
     $("*", document.body).click(function (e) {
 
     $("*", document.body).click(function (e) {
Line 23: Line 20:
 
       $("span:first").text("Clicked on - " + getthething.tagName);
 
       $("span:first").text("Clicked on - " + getthething.tagName);
 
     });
 
     });
 
  
 
  });
 
  });
Line 41: Line 37:
 
   </html>
 
   </html>
 
</pre>
 
</pre>
 +
 +
this is what happens if you use regular expression
 +
<pre>
 +
$("a").click(function(){ 
 +
var curText= $("#element");
 +
  var urlname = curText;
 +
  alert(this.href.match(/countrycode=(\w\w)/));
 +
});
 +
<pre>

Revision as of 12:53, 22 August 2008

experiment one

this experiment prints the contents of the textarea in an alert, and also prints the tagname of the clicked items into the first span tag available....

  <html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
  $(document).ready(function(){

 $("a").click(function(){  
 var curText= $("#myText").val(); 
  var urlname = curText;
   alert(urlname);
 });
 
     $("*", document.body).click(function (e) {
      e.stopPropagation();
      var getthething = $(this).get(0);
      $("span:first").text("Clicked on - " + getthething.tagName);
    });

 });
    </script>
  </head>
  <body>
  
  
    <a name="namename" id="idname" href="index2.html"> non nummy bong bong</a>
	<br><br>
	<span class=first></span>
	<br><br>
	
<textarea name="myText" rows="5" cols="20" id="myText" style="width:250px;"></textarea> 
	
  </body>
  </html>

this is what happens if you use regular expression

 $("a").click(function(){  
 var curText= $("#element");
  var urlname = curText;
   alert(this.href.match(/countrycode=(\w\w)/));
 });
<pre>