Total members 11889 |It is currently Fri Mar 29, 2024 9:29 am Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





Change href , target ... etc dynamically or any HTML elements attributes using JQuery.
Code:
<html>
<
head>
<
title>Change HTML elements attributes using JQuery</title>

<!--
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
 Note you can download the JQuery package instead of using Google version. --> 
<script src="jquery-1.8.3.js"></script>
<script>
$(document).ready(function(){
  $("button#L1").click(function(){
    $("#link").attr("href","http://www.codemiles.com");
  });
  
    $("button#L2").click(function(){
    $("#link").attr("target","_parent");
  });
});
</script>
</head>

<body>
<button id="L1">Change Href</button>
<button id="L2">Change Target</button>
<p><a href="#" id="link"  target="_blank" >Sample</a></p>

<p>Press on buttons to change link element attributes </p>
</body>
</html>




_________________
M. S. Rakha, Ph.D.
Queen's University
Canada


Author:
Mastermind
User avatar Posts: 2715
Have thanks: 74 time
Post new topic Reply to topic  [ 1 post ] 

  Related Posts  to : change link <a> attributes dynamically
 Change the default underline style of link     -  
 Change the border color of image and its link     -  
 Change the link font family and weight     -  
 lesson3 :XSD Attributes     -  
 get HTML elements attributes values using JQuery     -  
 Dynamically Create Image     -  
 Add new row dynamically to table using JQuery     -  
 Calling Functions Dynamically     -  
 Uplading Files Dynamically Using SSIS     -  
 invoke class method dynamically in php     -  



Topic Tags

JQuery Content
cron





Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com