Virtual Forum Tour

[Brian]

Jan 12, 2016 10:46:18 GMT -8 Alan Vende said:

Jan 12, 2016 10:28:02 GMT -8 Brian said:

In the Parent Selector field type .container.boards and the plugin will move its way up through that board's parent elements until it matches the sub-boards container and will highlight it.

That worked. Thanks, Brian .

Is there a way to target the My Recent Threads through Participated buttons and have that highlight, too? I tried looking on W3Schools and can't find a way to put a class in the JS that manipulates that.

The Participated dialog doesn't exist on the page until the button is clicked and it's loaded through AJAX so it wouldn't be possible to make the tour target it.

[Alan Vende]

Jan 12, 2016 10:49:54 GMT -8 Brian said:

Jan 12, 2016 10:46:18 GMT -8 Alan Vende said:

That worked. Thanks, Brian .

Is there a way to target the My Recent Threads through Participated buttons and have that highlight, too? I tried looking on W3Schools and can't find a way to put a class in the JS that manipulates that.

The Participated dialog doesn't exist on the page until the button is clicked and it's loaded through AJAX so it wouldn't be possible to make the tour target it.

So, if it's not possible to target the Participated dialog, does that mean that the others (My Recent Threads, My Recent Posts, Recent Threads and Recent Posts) can't be tarted either?

[Brian]

Jan 12, 2016 11:04:21 GMT -8 Alan Vende said:

Jan 12, 2016 10:49:54 GMT -8 Brian said:

The Participated dialog doesn't exist on the page until the button is clicked and it's loaded through AJAX so it wouldn't be possible to make the tour target it.

So, if it's not possible to target the Participated dialog, does that mean that the others (My Recent Threads, My Recent Posts, Recent Threads and Recent Posts) can't be tarted either?

An element can only be targeted if it exists on the page prior to the tour loading. The Participated dialog should be the only thing you listed that can't be targeted as the rest of those reside on their own unique pages.

[Alan Vende]

Jan 12, 2016 11:43:28 GMT -8 Brian said:

Jan 12, 2016 11:04:21 GMT -8 Alan Vende said:

So, if it's not possible to target the Participated dialog, does that mean that the others (My Recent Threads, My Recent Posts, Recent Threads and Recent Posts) can't be tarted either?

An element can only be targeted if it exists on the page prior to the tour loading. The Participated dialog should be the only thing you listed that can't be targeted as the rest of those reside on their own unique pages.

Thanks, Brian . I wanted to highlight them all, but if I highlight three of them, I'll just mention the Participated button.

To highlight My Recent Threads through Recent Posts, I would do the following, right?

<a href="/posts/recent">
<a href="/threads/recent">
<a href="'/user/'+pb.data('user').id+'/recent'">
<a href="'/user/'+pb.data('user').id+'/recent_threads'">

I'm just noticing something else: If I click the tour's back button (the New Staff Tour) for some reason, it won't go back. Is there a reason for this? The tours work going forward, but not back. At least, the ones that I made.

[Brian]

Oh, you meant the actual buttons and not the pages they bring up. According to your HTML those all have the class .recent-threads-button so they should be able to be targeted like so:

.recent-threads-button[href="/posts/recent"]
.recent-threads-button[href="/threads/recent"]
.recent-threads-button[href="/user/$[user.id]/recent"]
.recent-threads-button[href="/user/$[user.id]/recent_threads"]
.recent-threads-button[href="/threads/participated"]

[Alan Vende]

Sorry, what I said and what I wanted it to convey were apparently two different things.

These would go into the CSS Selector area, right? (Just want to confirm).

I'm just noticing something else: If I click the tour's back button (the New Staff Tour) for some reason, it won't go back. Is there a reason for this? The tours work going forward, but not back. At least, the ones that I made. I noticed this a little bit on yours, too, when you go to a different page and click the back button to go to the previous one. That's when it happens.

[Brian]

Jan 12, 2016 13:03:37 GMT -8 Alan Vende said:

Sorry, what I said and what I wanted it to convey were apparently two different things.

These would go into the CSS Selector area, right? (Just want to confirm).

I'm just noticing something else: If I click the tour's back button (the New Staff Tour) for some reason, it won't go back. Is there a reason for this? The tours work going forward, but not back. At least, the ones that I made. I noticed this a little bit on yours, too, when you go to a different page and click the back button to go to the previous one. That's when it happens.

Yes.

I have no issues clicking the back button of the plugin in any browser I attempt it in.

[Alan Vende]

Jan 12, 2016 13:14:27 GMT -8 Brian said:

Jan 12, 2016 13:03:37 GMT -8 Alan Vende said:

Sorry, what I said and what I wanted it to convey were apparently two different things.

These would go into the CSS Selector area, right? (Just want to confirm).

I'm just noticing something else: If I click the tour's back button (the New Staff Tour) for some reason, it won't go back. Is there a reason for this? The tours work going forward, but not back. At least, the ones that I made. I noticed this a little bit on yours, too, when you go to a different page and click the back button to go to the previous one. That's when it happens.

Yes.

I have no issues clicking the back button of the plugin in any browser I attempt it in.

Thank you!

I'm not sure why I have a problem, then. I'm in Safari on a Mac.

[Alan Vende]

Also, did I ask you how to point the tour to a thread? Sorry if I did.

I'm putting in thread/883/boards-archived into the Landmark URL box, but it doesn't go to the thread, it directs me to my Moderation board.

EDIT: I just realized I don't have a / before thread in the above URL. It now directs me to the post, but the tooltip doesn't come up.

[Brian]

The tooltip doesn't appear because you don't have a CSS selector specified for it, so there's nothing for it to point at.

[Alan Vende]

Oh, duh. Thank you!

Also, for the buttons, the tooltip that I put into the plugin isn't coming up - the tooltip for the button itself is coming up. Is there any way to make it so mine comes up?

Or to highlight all of those buttons at once and put my tooltip on top of them all?

[Alan Vende]

Jan 12, 2016 14:15:02 GMT -8 Brian said:

The tooltip doesn't appear because you don't have a CSS selector specified for it, so there's nothing for it to point at.

If I want the whole post, along with the title and so on, to be highlighted, would the parent selector be .container.boards? It was bringing back nothing at first, but now it's just pointing to the post, but it's not highlighting it.

[Brian]

The parent container when viewing a thread is .container.posts as indicated in the page's source or when inspecting the element with your browser's developer tools.

[Alan Vende]

Thank you!

I don't have those available, that's why I ask these types of questions.

[Brian]

Jan 12, 2016 14:34:01 GMT -8 Alan Vende said:

Thank you!

I don't have those available, that's why I ask these types of questions.

Every browser can view a page's source at the least, and I know based on the fact that I had to do it for our office Mac that you can enable developer tools in Safari.

developer.apple.com/library/iad/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html