Clickable Rows [Deleted]

[BobbyWibowo]

@Jeremy P Alright, I changed the selector to this instead:

href = this.$rowItem.find('h3.title a:not(.prefixLink,.ReadToggle)').last()
    .attr('href');

Shouldn't hurt to extend the selector with 2 not expressions. And it seems to be working fine on threads with prefix, conversation list, and resource manager (with or without prefix).

 

[Jeremy P]

Awesome, that works. I'll include your changes in (with credit). Feel free to send a PR, otherwise I'll do it manually.

 

[BobbyWibowo]

Sent PR

 

[Jeremy P]

Jeremy P updated Clickable Rows with a new update entry:

Fix conversation list handling

This release fixes a bug where clicking rows in the conversation list wouldn't correctly open a conversation. Credit for the fix goes to @BobbyWibowo. This release is long overdue, and I appreciate the patience.

Read the rest of this update entry...

 

[SEOmers]

Quite like this on my site - Well done Sir!

 

[Lee]

Hi @Jeremy P

How easy is it to add custom clickable rows to this modification?

I have some <li> sections in a custom page I would like to make clickable.

 

[Jeremy P]

Hi @Jeremy P

How easy is it to add custom clickable rows to this modification?

I have some <li> sections in a custom page I would like to make clickable.

Sorry for the late reply. Unfortunately it is a little difficult. It requires modifying the Javascript file and running it through Babel.

The process is as follows:

1. Grab the full clickablerows.js file from the source code
2. Attach the Jrahmy.ClickableRow object to your element by adding the following near the bottom of the file with the others:

   XenForo.register('li.yourClass', 'Jrahmy.ClickableRow');

3. Add a type for the element in the getType() function:
   

   if (this.$rowItem.hasClass('yourClass')) {
     return 'YourType';
   }

4. Add a href (link) getter to the bottom of the switch statement in the getHref() function:
   

   case 'YourType':
     return this.$rowItem.find('a.yourLinkClass').first().attr('href');

5. Run the modified file through Babel, you can probably use the online REPL with minify option: https://babeljs.io/repl/
6. Save the resulting code and upload it to js/jrahmy/clickablerow.js in your XF installation (overwriting the old file)

 

[Jeremy P]

This resource has been removed and is no longer available.