Is there a way to make the tootip that appears from the title element of html items display longer than the roughly 6 seconds it does by default? Can not use a custom solution involving divs/spans as they do not work in the current framework.
I dont think you can, however you might be able to use nicetitle instead? it doesnt require you to add divs/spans to your solution.
Related
I am using Tooltip for multiple input elements and showing the Tooltip on input elements both hovering and clicking. I need to prevent the JAWS reader from reading the Tooltip content while hovering. I have tried to remove the "role" attribute and set the "aria-hidden" attribute as true.
But none of this way works and the Tooltip still readable. Any assistance would be appreciable. we are using JAWS 2020.2008.24 ILM
There could be several things at play here. The first is that JAWS, by default, does not announce anything when you move the mouse so I'm puzzled why you are hearing something read when you hover. There's a "mouse echo" setting in the JAWS Setting Center but that's off by default for JAWS (unless you're running ZoomText). Did you specifically turn that feature on?
Secondly, you say you are showing the tooltip. So you're not relying on the default tooltip feature of browsers via the title attribute? You are handling the tooltip yourself and displaying it via javascript? JAWS will not announce newly displayed text unless the new text is in an aria-live region. Are you using live regions?
And lastly, if a tooltip attribute is being used, such as the title attribute, then the tooltip text might be used in the accessible name calculation or in the accessible description. It's the last attribute looked at (step 2.I). If it's being used in that manner, then you would not want to turn that off. It's expected behavior by JAWS users.
You may want to post some code to clarify all these issues in order to get a more accurate answer.
I am trying to build a sortable navigation tree using jQuery UI Sortable. I have it working great in Firefox with no prblems. In IE it works pretty well, however, there seems to be some inconsistent issues when trying to move an item with a nested list down in its navigational tier. The list doesn't expand to create a drop point for the list in motion and it often fails, however, sometimes the sort works anyway. I have played with this for longer than I care to admit! Does anyone have any ideas?
Here is a link to a demo with source.
To duplicate the problem: In IE drag the row (Move Show Item 12) up a few rows then try to move it back down to where it started. (Note: to move items you must click and hold on move)
You might get what you want if you try setting placeholder in the .sortable() call, i.e:
$("#list").sortable({
placeholder : 'placeholderClass'
}
Then make sure you have a class .placeholderClass defined, and you can choose what styles to apply when a block is being dragged - Not sure of this is what you want - just a suggestion.
Check out these pages if you need more info.
I noticed that if you drag below the list and then back up into it it works just fine. It must be some kind of jQuery UI / IE bug.
Alright after having searched thr whole web for my answer, I hope to have someone to help me on this plezzzz.
I'm working with a php styleswitcher to give my website a day/night look and i'm using 2 sifr-config files to handle the color changes needed for the text to keep be readble on both backgrounds color.
(let's say I'm writing in white with a black background and vice-versa)
In theory it's working great, BUT i'm obliged to hit F5 to force the refresh of the sirf SWF on style change, otherwise my browser keeps the same font file all time, I've tried meta no-cache, different variables names, differents swf's, ...I've tried to add a ramdom number at the end of thefont.swf?... I think it could be the solution but it's not working.
Do you see a solution?
Many many thanks!
It sounds like you want to change the sIFR font when the style switches? You'll have to reapply sIFR for this to work, which I guess is what the reload does.
Look into "sIFR rollback" on how to undo the replacements, and then run the replacements again with the new Flash file. You could also try and embed two fonts in one sIFR 3 movie and use the dynamic changeCSS method to switch to the other font family.
I hate default select control, that's because it can't be styled in IE using CSS.
This is why I developed a new select control from scratch, using HTML + CSS + JavaScript.
I did a great job in the past two days matching CSS and HTML together, but today I discovered a bug wich looks very hard for me to fix.
In IE 7, when I have tow controls on the same page, the one from top does not overlay the one from bottom.
See the image: coolrgb dot com/files/select-help.jpg
Download the demo page (HTML + CSS + Javascript): coolrgb dot com/files/select-help.zip
Please help me, this control looks so nice for me and I want to use it on all my projects from now on. This bug killed my hopes and lot of time.
Thank you.
If you give each control the same z-index, then you will not have control over the stacking order.
I would suggest modifying your control to behave more like a real SELECT element: only one can be open at a time, or losing focus causes it to close. Alternately, you can set a high z-index when the control has focus, and a lower one when it does not.
Another thing to look out for: try putting some other controls like radio, checkbox, and select under your control. You might find that IE also will not hover over those even if you give them a different z-index (as #grawity explained in his answer). This is why you'll typically see widget demos displayed on top of these elements, as shown here: http://jqueryui.com/demos/dialog/
A typical hack to fix this is to use an iframe, but that probably deserves a different question altogether.
Edit: After rereading the question, this answer now seems totally unrelated, but I'm keeping it here anyway.
Not really an answer, but an attempt to explain:
In Internet Explorer, <select> tags are implemented as simple windowed controls, while all other elements are windowless controls (this allows them to be styled). That's why these tags are always on top and don't follow the z-order rules. (The drop-down menu part must be styleable so it's a windowless control, and so it shows under the main part.)
In Firefox all elements are windowless, and in IE8 they should be too.
Now I'm using sIFR3. It works very nicely.
Additionally, I would like to put an effect on sIFR.
My idea is that when the page loaded, sIFR(ed) texts change its color. For example, sIFR in list item change color one by one.
The purpose is to emphasize the sIFR(ed) texts.
Reading the document, I thought Flash filters are not for like this animation.
Do you think is it possible to make animation on sIFR ?
Thank you for your help.
You could do this using JavaScript. See this answer for inspiration: Sifr and Javascript changing stylesheets (without a page refresh)