Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 76
  • Last Modified:

Make code non clickable

I"m looking to make this code a non clickable link.  I am not coder by any means so any help would be appreciated..

<div class="tc_div_46231" style="width:100%;height:auto;border:1px solid #666666"><a title="Countdown" href="http://www.tickcounter.com/widget/countdown/1577750400000/utc/dhms/666666FF010DFFFFFFFF0000/0/C0C0C01/"></a><a title="Countdown" href="http://www.tickcounter.com/">Countdown</a></div><script type="text/javascript">(function(){ var s=document.createElement('script');s.src="http://www.tickcounter.com/loader.js";s.async='async';s.onload=function() { tc_widget_loader('tc_div_46231', 'Countdown', 650, ["1577750400000","utc","dhms","666666FF010DFFFFFFFF0000","0","6666661",""]);};s.onreadystatechange=s.onload;var head=document.getElementsByTagName('head')[0];head.appendChild(s);}());</script>
0
Stevens06
Asked:
Stevens06
1 Solution
 
Julian HansenCommented:
There is no such thing as a non-clickable link - if it is not clickable it is just plain text.

Is there a reason you can't just remove the <a> tags from around the text - or are you looking to modify the link after it is in page.

What is it you are wanting to do - or prevent from happening.
0
 
ste5anSenior DeveloperCommented:
That's not possible with that widget..
0
 
funwithdotnetCommented:
You might be able to add a transparent overlay.

Use the CSS Opacity property along with a positive z-index on a <div> that overlays the area with the 'disabled' link. Something like this might work:
HTML:
<div id="TransparentDiv"></div>

Open in new window

CSS: (I think this sample will 'disable' the entire page.)
#TransparentDiv
{
    display: block; 
    opacity: 0.0; 
    filter: alpha(opacity=0); 
    float:left; 
    position:fixed; 
    background-color: #FFFFFF;  
    width:100%; 
    height:100%; 
    z-index:3;
    margin-top: -20px;
    margin-bottom: -20px;
}

Open in new window

Toggle the display property from block to none to enable/disable the overlay.
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
Stevens06Author Commented:
Adding the overlay worked perfect.
0
 
Julian HansenCommented:
just be aware an overlay is dead simple to get rid of. Right click, Inspect Element, delete and it is gone.

One way of getting rid of the link is
Using jQuery
$(function() {
  $('a.tc_div_46231').attr({href: ''});
});

Open in new window


But without know what it is you want to do this might not be the right solution either.
0
 
ste5anSenior DeveloperCommented:
@Julian: This will stop the widget.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now