Disable Cell Link

[tisminimike]

Hello,

I found a code online to put in the Global Footer that is meant to disable being able to click the cell itself as a link and makes you have to click the text instead but It doesn't seem to work for me..
This is the code

<script type="text/javascript">
<!--
var td = document.getElementsByTagName('td');
for(i=0; i<td.length; i++) {
if(td.item(i).width.match(/^(66|4(3|8))%$/) && td.item(i).onclick) {
td.item(i).setAttribute('onclick','');
td.item(i).style.cursor = 'default';
}
}
//-->
</script>

This is my forum:
lifestylers.proboards.com/

Any help would be appreciated

Thanks
Mike

[tisminimike]

Bump

[Former Member]

It's probably for V4, not V5 and thus not working. Hmmm.. I think what makes the cell 'clickable' is the class Main Clickable but I'm not sure if removing that would harm things or not.

[tisminimike]

Dec 19, 2013 6:48:28 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

It's probably for V4, not V5 and thus not working. Hmmm.. I think what makes the cell 'clickable' is the class Main Clickable but I'm not sure if removing that would harm things or not.

Good point, I didn't look at the date it was posted. I did have a look at that in Layout Templates "<td class="main clickable">"
but not sure how to edit it

[Former Member]

You would change it to just <td> but I'm not sure if that'll ruin any other coding. I'd suggest copying it to keep it safe in case you need to revert and then changing it to just <td> and seeing if it breaks anything and whether or not it does make the cell not clickable

[tisminimike]

I tried leaving it like this <td class=""> and it seems to work but then then the hover text colour will not work

[Former Member]

Adding hover again should be easy. Go to the bottom of the layout template and put:

<style> .somethingclass a{ color: #000000 !important; }
.somethingclass a:hover { color: #ffffff !important; }
</style>

you can change somethingclass to any name you want but make sure it isn't something already used on the site, thus I use outlandish names like somethingclass. xD Then change #000000 to the hex code color you want it to be before hover and #ffffff to what you want it to be after hover. Then, find the text you want changed (I was assuming this is a link text so if it's not then remove the A in the above code) and put the somethingclass as a span class or div class around the text.

[tisminimike]

Dec 19, 2013 7:30:33 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

Adding hover again should be easy. Go to the bottom of the layout template and put:

<style> .somethingclass a{ color: #000000 !important; }
.somethingclass a:hover { color: #ffffff !important; }
</style>

you can change somethingclass to any name you want but make sure it isn't something already used on the site, thus I use outlandish names like somethingclass. xD Then change #000000 to the hex code color you want it to be before hover and #ffffff to what you want it to be after hover. Then, find the text you want changed (I was assuming this is a link text so if it's not then remove the A in the above code) and put the somethingclass as a span class or div class around the text.

wow thanks I will give this a try tmoro, when I'm back at work aha Thanks for your help! I'll let you know how i get on