Example page to show the problem: http://crunchbang.org/forums/viewtopic.php?id=15667
There are some scrolled frames with content of .Xresources file.
Now, there is any way to jump between those frames or scroll content?
When I use Vimperator I'm able to move through whole page, but I don't know how to (easy) scroll those frames.
Example page is just an example, there is many many more websites with similar frames.
Make sure you want to change the focus to a frame and not a div
For frames:
Use brackets [ ] to toggle through different navigation frames on a page.
f[ toggles back
f] toggles forward
For divs:
Use ;; and then focus some element within the div.
Source:
http://sheet.shiar.nl/vimperator
the closest (most effective) i could get on the example in the original question is to focus visually nearest element using ;; and then Tab or Shift+Tab to the desired element.
If the target element contains something focusable by 'extendedhinttags' then obviously go for that using ;;
then scroll using hjkl keys
WARNING: Works in Pentadactyl only, a fork of Vimperator.
On your example page, I was able to switch focus between the main frame and the code content with Tab and Shift-Tab.
Related
I made a custom dropdown. In the last line of the table, scroll is created when dropdown is open. I need to scroll to see dropdown elements. I do not want this.
I want you to open up the body of the dropdown or enlarge the body. How can I do it?
Document is already enlarged by enlarged content/element, scroll shows that. You need only scroll to view entire enlarged element, f.e.:
elmnt.scrollIntoView(false);
Real problem (using react) is that should be done after change state and rendering enlarged element.
I probably would use setTimeout called from setState callback. It's quite common way to be sure it's called after updating state/view. You'll find examples on SO.
I'm using CSS3 to arrange articles ("cards") into columns. This is what I have now http://i.imgur.com/ygINTAv.jpg
For each "card" there's a list of action buttons (those with icons). Some of them (for example the maginifier) populate content into the card. That's when a problem happens: the card gets longer, and the browser decides to re-render the columns, causing the cards to be re-arranged. For example, a card at the bottom of the first column, once gets longer can be moved to the top of the second column. As a result, it can disappear from the current viewport and confuse the user.
Is there a way to prevent this? Thanks in advance.
We are using Plone 4.1.3. When we go to the Contents page of a folder, there appears to be Up and Down arrows in the first column of the table in the page for a split second. I suppose these Up and Down arrow are for changing the display order of the items and subfolders inside the folder. Since these arrows are now gone, there is no way we can change the display order of an item in a folder. Instead Up and Down arrows, there is just a icon showing 2 columns x 4 rows of tiny dots which does not respond to mouse click. Is this a bug?
Thank you very much in anticipation.
cmgui
Rather than clicking quickly, click-and-drag those 2x4 tiny dots up and down. You can drag items anywhere in the table.
With JavaScript turned off you'll see Up and Down arrows. Clicking one will move the item one place up/down. The split second change you see is your browser loading the JavaScript that replaces the up/down arrows with the draggable dots.
In my air app I have a list(vertical) on the left side, like a sidebar. It`s working fine! The things is I want to put some animation in this list, which all the times when I select one item all the list moves, and this item goes to the center of the list!
Someone have same example or URL, or something?
Thanks!
I've done something similar using the AnimateProperty effect to animate the scrolling of a list to a given index.
See my blog post here:
http://flexdevtips.blogspot.com/2011/01/animated-scrolling-list.html
I have a header frame, and a body content frame.
My header frame by default is to put logo and logout button.
My body frame is to put all the contents.
Issue now is:
I decided to add in a drop down menu at header frame.
When scroll over, it will drop down a long list.
But, when scroll over, it drop down inside the header frame itself. I want it to drop down menu to overlapping the body frame.
I know it can easily done if all the thing is in 1 single page.
But now I'm using frame.
Is there any way to work out on this? CSS? or ? or no way at all?
AFAIK, you can't. Each frame is a separate page. One more case for not using frames.
Assuming that both of the pages exist on the same site, you can use Javascript to control one frame from the other.
Put the menu in the top frame, and the flyout part with a height of 0 in the lower frame.
Then add a mouseover event to the top menu which calls a function in the other frame to expand the flyout part.
Basically, it could be done. But I have no idea why you would it that way. It would be brittle [not always work - what if JS is off], hard to setup, and limited in capability.
If you just like getting frustrated, you needn't worry, just spend more time getting things to work on IE6 :)