Response title
This is preview!
- Screen name: trebly
trebly's Profile
2 Posts
3 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 18-Apr-2015 09:02 AM
- Forum: Using jQuery
Hi,Problem :I try to do so that, when a fragment is reached from an URI inside a document, an event with a defined function should be activated on the "targetted fragment".The reason for context : The function will adjust the position of the targeted fragment :note : the top of window is occupied by a sticky menu and the auto scroll (by navigator) into the document sets the "targeted fragment at the top of window then it is hidden by the menuWith CSS : when from a link a URI list <a href="#fragment_id"> which points to <tag id="fragment_id">.....a css defines : " #fragment_id:target { attribute... }" or .fragments_class:target { attributes...} will attrib attributes to current targeted #fragment_id.This functions but the height of the top margin is not known, then JQ is the solution to make able to calculate the suitable position.Tries- $(".fragment_class:target").focus( function{....} /* or .scroll doesn't function */
- );
- $("document").scroll (function () {
- $(".fragment_class:target")....
- }); /* will be activated at each scroll but not only if the element is focused after a target, anyway can make the UI unusable with to much events */
Summary : I have not found any good solution to :Activate a function on an element (a fragment), defined by a selector, when it is reached (focused) by the activation of a link to the fragment.This is valid for internal or external defined URls or auto by navigator when a reload (chrome, at reload, will position - target - on the previous element id) is performedDo somebody can help meBest regardsTrebly- 29-Mar-2014 12:52 PM
- Forum: Using jQuery UI
Hi,
jq-ui 1.10.4 - Widget menu
Summary :
Large menu management with overlapping submenu :
When the submenu(s) position is managed so that they overlap (collision:"none" and position set by calculation) it is not the last opened submenu which gets the blur event control.
So it is impossible to move the mouse into submenu without changing the active option of the up level.
where is the solution ?
The context- A menu with thousands of options
- with sometime long text (120c)
- most current five levels of menu but till seven
- separate in two menu is not fair
Theoretical and fair solution- Large width menu (to display on two lines when need)
- Each submenu level indented
- Total width controlled by soft = (max width + n_level*indentation) fits the windows
- When the user wants to leave a submenu it moves out the submenu to the visible part (at left) of an upper level element of the menu
It doesn't function because the blur event is raised for the menu level 1 item when the mouse is moving into the level 2 (submenu) upon another item of level 1.
The submenu has not the blur control.
A way is to manage the blur event for each menu and submenu by the top level soft : it is awful, to forgot.
The other solution, for which one I have not found the good way to implement it, should be to send the blur event owner to the new activated submenu (has in Windows the upon windows always take it).
In such way we have a submenu stack and the blur event can be raised only for the top one.
A detail is to set the timer to avoid control lost because of errors of mouse positioning.
Thanks for help
Trebly- «Prev
- Next »
Moderate user : trebly