Virtual Forum Tour

[Brian]

May 14, 2015 11:20:09 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

May 14, 2015 11:10:55 GMT -8 Brian said:

Nah, I got it. I just needed a normal use case where the page inserted it in the URL rather than doing it artificially, which you have my gratitude for providing.

I meant of the entire plugin silly.

Which plugin? I'm not sure what our goal is here.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

May 14, 2015 12:20:28 GMT -8 Brian said:

May 14, 2015 11:20:09 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

I meant of the entire plugin silly.

Which plugin? I'm not sure what our goal is here.

A video of Virtual Forum Tour, Touring a Forum Live.

[Brian]

May 14, 2015 13:25:18 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

May 14, 2015 12:20:28 GMT -8 Brian said:

Which plugin? I'm not sure what our goal is here.

A video of Virtual Forum Tour, Touring a Forum Live.

Oh.

You can do that if you want, but I don't really ever use anything like that with my stuff so you don't have to if you don't want to.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

May 14, 2015 13:46:20 GMT -8 Brian said:

May 14, 2015 13:25:18 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

A video of Virtual Forum Tour, Touring a Forum Live.

Oh.

You can do that if you want, but I don't really ever use anything like that with my stuff so you don't have to if you don't want to.

I will share it with you when I make a video for my forum then haha.

[Alan Vende]

Brian : I am trying to figure out how to target a board that has a sub-board. I want to target the board first and then the sub-board in the next tour window. What would be the class names for a sub-board (.container.boards.what?)

I noticed, though, that when there's a sub-board in a board, that the .container.boards targets the sub-board before the actual board itself. Is there any way to "reverse" this? (That's kind of what I was asking above.)

Is there a way to target one board in a category? I tried .container.boards #board-123, but that didn't work. t noticed that you did that on your forum, but I'm not sure how to replicate that on mine.

Also, is it possible to target one thread in a board to highlight that? And is there a way to target a certain board? Right now, what I am playing around with is trying to target a certain board. I have the ID number of the board (#category-36), but for some reason, it's not showing. When I do the .container.boards to show a board, it shows the Staff Category, but the only reason that it does that, from what I'm figuring out, is that it's the first category on the page. I then tried .container.boards #category-36 and that didn't target it. To target the certain board I wanted to target first, I was thinking .container.boards #board-286, but that didn't target that, either.

I'm beginning to think that there isn't a way to target it? Or are there just some things that I'm not thinking of?

Thanks for your time!

[Brian]

Alan Vende: I have no idea if you're talking about the sub-boards on the homepage or when viewing a board, so this will be going based on the homepage.

Each board should have a unique ID, so #board-123 should be a good starting point for targeting the board itself on the homepage.

The list of sub-boards within a board on the homepage does not contain a unique ID or class for each board so you'd need to target them using something that specifically targets the link's URL like this:

#board-123 .sub-boards a[href*="/board/7/"]

Threads also have a unique ID. Something like #thread-123 should suffice.


Some elements within tables can be targeted but not highlighted due to differences in how browsers handle the method in which elements are highlighted.

[Alan Vende]

Jan 12, 2016 9:22:19 GMT -8 Brian said:

Alan Vende : I have no idea if you're talking about the sub-boards on the homepage or when viewing a board, so this will be going based on the homepage.

Each board should have a unique ID, so #board-123 should be a good starting point for targeting the board itself on the homepage.

The list of sub-boards within a board on the homepage does not contain a unique ID or class for each board so you'd need to target them using something that specifically targets the link's URL like this:

#board-123 .sub-boards a[href*="/board/7/"]

Threads also have a unique ID. Something like #thread-123 should suffice.


Some elements within tables can be targeted but not highlighted due to differences in how browsers handle the method in which elements are highlighted.

My apologies. I meant the sub-boards when viewing a board. I wanted to highlight both of them.

I tried the thread, but that didn't work; all it did was make the screen gray as if it was going to go to the page and then it stopped.

I hope that makes sense since I can't make a video to show you what I mean.

EDIT: To give a better example: I want to target the board shown below the sub-board view here, and then I want to target the sub-board in the next tour panel.

[Brian]

Jan 12, 2016 9:25:20 GMT -8 Alan Vende said:

Jan 12, 2016 9:22:19 GMT -8 Brian said:

Alan Vende : I have no idea if you're talking about the sub-boards on the homepage or when viewing a board, so this will be going based on the homepage.

Each board should have a unique ID, so #board-123 should be a good starting point for targeting the board itself on the homepage.

The list of sub-boards within a board on the homepage does not contain a unique ID or class for each board so you'd need to target them using something that specifically targets the link's URL like this:
Threads also have a unique ID. Something like #thread-123 should suffice.


Some elements within tables can be targeted but not highlighted due to differences in how browsers handle the method in which elements are highlighted.

My apologies. I meant the sub-boards when viewing a board. I wanted to highlight both of them.

I tried the thread, but that didn't work; all it did was make the screen gray as if it was going to go to the page and then it stopped.

I hope that makes sense since I can't make a video to show you what I mean.

You can do what I ask you to do every time and link me to a live example which is more helpful than any video.

[Alan Vende]

Jan 12, 2016 9:27:04 GMT -8 Brian said:

Jan 12, 2016 9:25:20 GMT -8 Alan Vende said:

My apologies. I meant the sub-boards when viewing a board. I wanted to highlight both of them.

I tried the thread, but that didn't work; all it did was make the screen gray as if it was going to go to the page and then it stopped.

I hope that makes sense since I can't make a video to show you what I mean.

You can do what I ask you to do every time and link me to a live example which is more helpful than any video.

Oh yeah, because you can go in and see what I do. My bad, my brain wasn't thinking straight.

Trying it now.

I edited my post, by the way, before I saw your reply here.

EDIT: I put a Landmark ID on the newstafftour called newstafftourallstaffboardboardview, but it does what I said before - I get to the page and the tour shows as if it's going to begin on there, and then it stops.

[Brian]

In "newstafftourallstaffboard" you're targeting #board-287 which doesn't exist on that page, so the tour closes itself since it can't find that element.

Which container on the page are you trying to target using that landmark?

[Alan Vende]

I was trying to target the Staff Board category itself, but that didn't work when I put .container.boards #category-36, so I tried the board to see if that would work.

What I want to do, in order:

1. Target the Staff Board itself
2. Target the threads of the staff board (like you did with the Recent Threads in your example tour)
3. Target the sub-board of that board, as if I was viewing it from this page when the board is viewed.

[Brian]

Assuming this all takes place within the All Staff board starting from the "newstafftourallstaffboard" landmark:

1. .container.boards
2. .container.threads
3. #board-286

[Alan Vende]

That worked, but is there a way to target the sub-board container, too? I wanted to highlight Sub-Boards, too, along with the board itself, like with the highlight on .container.boards and .container.threads.

Otherwise, it works perfectly. Thank you.

[Brian]

Jan 12, 2016 10:03:48 GMT -8 Alan Vende said:

That worked, but is there a way to target the sub-board container, too? I wanted to highlight Sub-Boards, too, along with the board itself, like with the highlight on .container.boards and .container.threads.

Otherwise, it works perfectly. Thank you.

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.

[Alan Vende]

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

Jan 12, 2016 10:03:48 GMT -8 Alan Vende said:

That worked, but is there a way to target the sub-board container, too? I wanted to highlight Sub-Boards, too, along with the board itself, like with the highlight on .container.boards and .container.threads.

Otherwise, it works perfectly. Thank you.

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.