Author Topic: Post & Preview buttons (Read 1525 times)

Magicman · « **on:** May 29, 2011, 09:22:32 pm »

I miss the little dotted lines that used to appear in the Post and Preview buttons which indicated your last action.

D Hagens · « **Reply #1 on:** May 29, 2011, 09:39:54 pm »

...feel better MM

Jeff · « **Reply #2 on:** May 29, 2011, 09:42:00 pm »

Tell your browser. It made the change, we didn't.

Warbird · « **Reply #3 on:** May 29, 2011, 10:03:53 pm »

Did you recently upgrade Fire Fox to version 4?

SwampDonkey · « **Reply #4 on:** May 30, 2011, 04:08:46 am »

This may be the reason.

"The problem will be that the 'outline' styles are set to 'none' or '0' in
the [webpage] stylesheet. New browsers such as Firefox honour this rule and do not
display the outline. Older browsers do not honour the rule so they display
the outline regardless."

http://webaim.org/discussion/mail_thread?thread=4388

Magicman · « **Reply #5 on:** May 30, 2011, 08:16:15 am »

Thanks guys. I'll have to look at it when I get back home from the Cabin. This stuff is confusing to me.

SwampDonkey · « **Reply #6 on:** May 30, 2011, 07:48:35 pm »

Well I don't think there is anything you can do. It's in the page coding, FF just adheres to the rules when it says not to draw a dotted outline on a button when in focus.

Jeff · « **Reply #7 on:** May 30, 2011, 08:22:52 pm »

If I knew exactly where the specified issue lies, I think I could do something, but I'm not sure what or where we are talking about. Can it still be seen with IE?

SwampDonkey · « **Reply #8 on:** May 30, 2011, 08:38:22 pm »

test post

Yes it does in IE 6, but not Firefox. When posting the Post button shows focus, and when hitting preview it retained focus until you put the cursor in the post window, then post button has focus (dark outline)

SwampDonkey · « **Reply #9 on:** May 30, 2011, 08:39:06 pm »

test post 2

In Firefox the post and preview buttons pop back up and don't keep focus.

SwampDonkey · « **Reply #10 on:** May 30, 2011, 08:41:39 pm »

I suppose it's beneficial if your tabbing about to the page elements, to see whether Post or Preview has focus. I just click the button I want.

Tom · « **Reply #11 on:** May 30, 2011, 09:20:13 pm »

Y'all must be using a Mexican built monitor. Mine stays in focus all over. $:-\$

SwampDonkey · « **Reply #12 on:** May 31, 2011, 03:44:47 am »

Tom, I know your kidding but just in case.

When you use your tab key on the page you see each element get outlined. That indicates the screen focus so if you hit the enter/return key when an element is in focus it's like a left mouse click.

The box my TV came in, said made in USA, on the back of the TV it says assembled in China. How is that economical to RCA?

Warbird · « **Reply #13 on:** May 31, 2011, 11:05:13 am »

What versions of the browsers did you test with, SD? MM, what version of Fire Fox are you using?

SwampDonkey · « **Reply #14 on:** May 31, 2011, 03:47:02 pm »

IE6, FF4

Warbird · « **Reply #15 on:** May 31, 2011, 11:23:53 pm »

FF4 breaks all sorts of stuff I do at work. I am not surprised it is acting up here, as well. I don't have much to do with IE6 anymore but am surprised it has issues with this all of a sudden.

SwampDonkey · « **Reply #16 on:** June 01, 2011, 04:33:30 am »

FF just follows the rules, while IE breaks a lot of'm from what I've read over the years. I'm no expert web page builder, although I have coded my own website before.

Magicman · « **Reply #17 on:** June 03, 2011, 10:23:55 pm »

I'm back, now if you can tell me how to check my firefox to see which version I have tell me what to punch. If it is 4, I wish that I had my 3 back.

tyb525 · « **Reply #18 on:** June 03, 2011, 10:26:41 pm »

Still haven't encountered any major problems with Chrome 11. I actually was trying to switch back to Firefox, but then I realized I was having more trouble with it than I ever did with Chrome.

DouginUtah · « **Reply #19 on:** June 04, 2011, 12:35:35 am »

Quote from: Magicman on June 03, 2011, 10:23:55 pm

I'm back, now if you can tell me how to check my firefox to see which version I have tell me what to punch. If it is 4, I wish that I had my 3 back.

Assuming you have the Menu toolbar showing: (File Edit...Help)

Click on Help, About Mozilla Firefox. The version is under the name Firefox. (On my 3.6.17)

You can get those dashed lines (called the focus) by pressing the tab key. Or shift-tab to go back.

SwampDonkey · « **Reply #20 on:** June 04, 2011, 04:21:01 am »

There is no trouble that I have seen with FF, it's just following certain page code where other browsers are not.

You could set the formatting of the page to show or hide the outline and IE would show it no matter what. Version 4 of FF got a facelift that some of us don't like because it was fine left alone. You know what they say about change, and don't touch what ain't broke.

Magicman · « **Reply #21 on:** June 04, 2011, 09:00:34 am »

Mine is 4.0.1. I now remember that I did "touch it" when it wasn't broken. $:-\$ I didn't follow DouginUtah on how to regain my focus. Or maybe a followed you Donk that I could not

SwampDonkey · « **Reply #22 on:** June 04, 2011, 10:43:42 am »

You can do it like Dough said my Tabbing when your text cursor is in the posting window. And just shift tab to back up. If you use the mouse and left click, then nope.

Magicman · « **Reply #23 on:** June 04, 2011, 01:24:58 pm »

Screwy? I am practicing to see if I understand. OK

Jeff · « **Reply #24 on:** June 04, 2011, 03:09:34 pm »

I still don't understand where the missing line is. I can play with focus elements and outlines with css but until I understand or I am showed a screen shot of whatis missing. I am at a loss. Its easy enough to add outlines to things with css, for example Click on this link, or other links on the page and hold the button down. See the new outline? Its PINK. For now. I'll remove it at some point.

Reload page link

Jeff · « **Reply #25 on:** June 04, 2011, 04:36:27 pm »

See if I have fixed what you were missing. I added some Mozilla specific css code to the style sheet to see if that fixes what the new firefox standard is looking for.

SwampDonkey · « **Reply #26 on:** June 04, 2011, 04:45:54 pm »

Jeff just set it for "Post' when the post window opens, then you hit the tab as normal to skip to "Preview" if you want to preview. When the preview finishes rendering the focus goes back to the "Post" control.

Almost there.

You've got focus set on both buttons as is.

SwampDonkey · « **Reply #27 on:** June 04, 2011, 04:48:51 pm »

I think this may help.

Your "POST" and "PREVIEW" are controls, meaning you click on them and it causes something to happen, not as a link to jump to another page.

So, an example in javascript is:

</form>
<script
type="text/javascript"
language="javascript">
document.getElementById("YourControlName").focus();
</script>
</body>

"YourControlName" should be the "Post" button.

I think in your code, where you open an input form (for a post), javascript would be called for setting the focus of the "Post" control. This code is placed right after the </form> (close form tag) but before the </body>

I think that's one way.

Jeff · « **Reply #28 on:** June 04, 2011, 04:50:29 pm »

Okay, you lost me. I thought what was being asked, that when the post was being previewed, that the preview button in on focus and that it has a red dotted decoration around the button. Once you post, you dont need to have the post button on focus.

SwampDonkey · « **Reply #29 on:** June 04, 2011, 05:08:46 pm »

No red dot outline, it's just the focus indicator (which is a dotted black outline).

Not focus to the Post button after you post, just when you open the post window (text box) and after a preview. The best way to handle it is when a post window has the text cursor in it, then the Post button gets focus.

I thought the javascript example I posted had to be after the </form> to work, that's if you went the javascript route.

For a matter of sanity, don't need to even bother. I thought I'd put ya to work.

Magicman · « **Reply #30 on:** June 04, 2011, 05:13:39 pm »

Some of us (me) old folks may not remember, after previewing, whether I actually posted or not. I could left arrow and back up to the posting window. My last action, post or preview would be outlined with the dotted line.

It was just a feature that I occasionally used to double check myself.

SwampDonkey · « **Reply #31 on:** June 04, 2011, 05:27:23 pm »

Jeff's method does work as far as recognizing which element, Post or Preview, has focus, it becomes enlarged with the red outline. Close enough. He only changed the display characteristics of the button from what your used to.

Thinking about my previous post, it can't work the way I described, as only the text box or the Post button can have focus I believe, not both at once.

Jeff · « **Reply #32 on:** June 04, 2011, 05:36:47 pm »

Quote from: Magicman on June 04, 2011, 05:13:39 pm

Some of us (me) old folks may not remember, after previewing, whether I actually posted or not. I could left arrow and back up to the posting window. My last action, post or preview would be outlined with the dotted line.

It was just a feature that I occasionally used to double check myself.

Did I fix it or not?

Jeff · « **Reply #33 on:** June 04, 2011, 06:17:10 pm »

Okay, this should leave no doubt that you are looking at preview. I defined a style for the preview_body element giving it a dotted border and watermarked the background with preview. I could change the background color if needed as well.

Magicman · « **Reply #34 on:** June 04, 2011, 08:27:24 pm »

Lets see

Nope, I guess that my little dotted lines are gone. $:-\$

To me it was kinda like checking a thread and the little yellow "new" flag. The last one that I read keeps the little dotted lines which indicates the last thread that I looked at. Keeps me from having to think and remember.

Jeff · « **Reply #35 on:** June 04, 2011, 08:59:30 pm »

Okay, we must be talking about completely different things. I have no idea what you are talking about now. Here is an image of this post being previewed:

Jeff · « **Reply #36 on:** June 04, 2011, 09:00:09 pm »

Note the red line around the preview.

Jeff · « **Reply #37 on:** June 04, 2011, 09:02:05 pm »

THe only other thing I can think you are talking about with the last thing read statement, is that your browser is set to open links in a new tab? You then close the tab and go back to the original window? I dunno, I'm lost.

Magicman · « **Reply #38 on:** June 04, 2011, 10:24:00 pm »

Quote from: Magicman on May 29, 2011, 09:22:32 pm

I miss the little dotted lines that used to appear in the Post and Preview buttons which indicated your last action.

Jeff, Back to my OP. I was simply talking about the dotted line that appeared inside of the Post or Preview buttons after I selected either of them which indicated the last action that I had made.

DouginUtah made it appear by placing my arrow over either button and pressing Tab.

Anyway, I guess before I "upgraded" to Firefox 4 the dotted lines were automatically there. Now they are not. It was just a simple little thing that I occasionally used. I could left arrow back to a post and verify my last action.

Chet · « **Reply #39 on:** June 04, 2011, 10:41:26 pm »

I have no clues what you guys are talkin' 'bout,

But what ever it is mine works fine.

I think

SwampDonkey · « **Reply #40 on:** June 05, 2011, 05:13:08 am »

This is all he's after Jeff.

When you open a post window and the cursor is in the pane, the Post button is highlighted with a black outline. If you hit tab at that time focus jumps to the Post button and you see the dashed box around the text of the Post button.

Hit tab again and that disappears and the Preview button become highlighted with the dashed box around the text of the Preview button.

What ever you did yesterday made both the Post and Preview button have the dashed box on the button text simultaneously. But when you tab from the post window, the Post button now expands and the black dashed box becomes red. Tab again and the Preview does the same to indicate it is now in focus.

The images were a snapshot in IE 6.

Magicman · « **Reply #41 on:** June 19, 2011, 05:25:56 pm »

Thanks Jeff. You da man !!!

Magicman · « **Reply #42 on:** June 19, 2011, 05:47:01 pm »

Jeff, that red that you are now using to outline the "new" posts after you read them kinda washes out.

Jeff · « **Reply #43 on:** June 19, 2011, 06:04:39 pm »

I have no idea what you mean.

SwampDonkey · « **Reply #44 on:** June 20, 2011, 05:47:44 am »

I think he means the focus indicator was color red with Post and Preview buttons and is black or grey with other links and buttons.

Jeff · « **Reply #45 on:** June 20, 2011, 07:25:41 am »

The only new post indicator I know of looks like this.

Magicman · « **Reply #46 on:** June 20, 2011, 07:53:37 am »

Correct Jeff. When I look at that "new" post and do not respond to it, it has that dotted focus around it. That dotted focus is an indicator to me which "new" thread that I looked at last. The dotted focus is now dim and red which washes out on my laptop. It had been much darker and easier to see.

News:

Author Topic: Post & Preview buttons (Read 1525 times)