Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Make code non clickable

Posted on 2016-10-06
6
Medium Priority
?
67 Views
Last Modified: 2016-10-07
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
Comment
Question by:Stevens06
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 
LVL 59

Expert Comment

by:Julian Hansen
ID: 41832133
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
 
LVL 35

Expert Comment

by:ste5an
ID: 41832140
That's not possible with that widget..
0
 
LVL 12

Accepted Solution

by:
funwithdotnet earned 2000 total points
ID: 41832488
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
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 

Author Closing Comment

by:Stevens06
ID: 41833879
Adding the overlay worked perfect.
0
 
LVL 59

Expert Comment

by:Julian Hansen
ID: 41833971
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
 
LVL 35

Expert Comment

by:ste5an
ID: 41834266
@Julian: This will stop the widget.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

610 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question