Hyperlink to replace text

**thaqi498** · 10-03-2012 07:44 AM

Hello All,

I have some anchor tags in my webpage like
<a href="www.mysite.com/mylink" Id="ID">click here</a>

I have a drop down on the webpage with values like 'yes' or 'no'

If I select "yes" from dropdown the anchor tag should be replaced with static text like "Thank you for clicking"

if I select "no" again text should be replace with hyperlink

Thanks

**xelawho** · 10-03-2012 08:33 AM

we would need to see your dropdown and links or at least for you to explain the logic of which option in the dropdown applies to which link

**thaqi498** · 10-03-2012 08:57 AM

I have hyperlinks on my webpage ,which contains IDs

like <a href="#" id="1">click here</a>
<a href="#" id="2">click here</a>
<a href="#" id="3">click here</a>

I have a Table in my DB

like

ID approve somecolumn
....................................

1 Yes hello
2 No hi
3 Yes hello world

Depending on IDs in the table the hyperlink will be replaced with text and vice versa

for ex: when Table ID=hyperlink ID

Thanks

**thaqi498** · 10-03-2012 08:58 AM

depends on approve column

**xelawho** · 10-03-2012 10:35 AM

I don't know what the approve column does, but something like this?

Code:

<head>
<style>
span{
display:none;
}
</style>
</head>
<body>
<a href="#" class="one" id="link1">click here</a><span id="span1">thank you for clicking</span><select class="link1">
<option>- choose one-</option>
<option value="yes">yes</option>
<option value="no">no</option>
</select><br>
<a href="#" class="two" id="link2">click here</a><span id="span2">thank you for clicking</span><select class="link2">
<option>- choose one-</option>
<option value="yes">yes</option>
<option value="no">no</option>
</select><br>
<a href="#" class="three" id="link3">click here</a><span id="span3">thank you for clicking</span><select class="link3">
<option>- choose one-</option>
<option value="yes">yes</option>
<option value="no">no</option>
</select><br>
<script type="text/javascript"> 
var sels=document.getElementsByTagName("select")
for (var i = 0; i < sels.length; i++) {
sels[i].onchange=function (){
if (this.value=="yes"){
document.getElementById(this.className.replace("link","span")).style.display="inline";
document.getElementById(this.className).style.display="none";
} if (this.value=="no"){
document.getElementById(this.className.replace("link","span")).style.display="none";
document.getElementById(this.className).style.display="inline";
		}
	}
}
</script>
</body>

Thread: Hyperlink to replace text

Thread Tools

Display

Hyperlink to replace text

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions