Javascript Tooltip / Posts /

menu close in iOS

16
Hi there,

I am looking to implement your tooltip menu, but I need it to work on browsers and also in iOS where the submenus tend to stay open.

How can I have the submenus close on their own after a set delay on iOS

I really like that menu so far.

Thanks

Paul
Paul  11 years ago   viewed: 10887    

8 Answers

3
Menucool will release a new version of the tooltip widget in July 6th 2013 which will:

1. Support iOS devices(iPhone, iPad and iPod) and other mobile devices such as Android, IEMobile:
In mobile devices, the tooltip popup will contains a close button so that user can always close the tooltip window by clicking the button.

2. Support multiple forms:
The update will support the submit post if the tooltip window contains form element(controls) and even the submit button. The post can be submitted either through Ajax or through the whole page post.

3. Support smartPosition option
By default, if there is no enough space to show the tooltip window, the tooltip will re-position itself to make it always viewable. Sometimes it will be unexpectedly over an element and you cannot see or access it anymore. Set the smartPosition option to false will disable the re-positioning.
milo
  10 years ago
-1
We didn't test the tooltip widget in iOS, and don't know why it is like that yet.
milo   11 years ago
-1
thanks Milo,

is there a way to have the tooltip submenu close on it's own like they do in the demo and still have a working close button on it?
Paul   11 years ago
0
Then you need to set the sticky option as true. 
Please read the tooltip options under the How to Use tab on page http://www.menucool.com/tooltip/javascript-tooltip

milo   11 years ago
-1
That does not work because with sticky as true the submenu will remain open in all the browsers. I want all the submenus to close on their own as they do now. If I can have a close button as well, then in iOS the user will be able to manually close the submenu, at least until you find a better solution.

In your demo2, the last tooltip to appear has a close button because of :"    overlay: true", but it also closes on itself because of the "setTimeout(tooltip.hide, 16000);" in the script. 
That would work for both regular browsers and also in iOS, but I don't know how to have that function applied to the regular "<a href="#" onmouseover="tooltip.pop(this, '#sub1', {offsetY: -10})">some text</a>

If you can give me an example of how to give a setTimeout to the "onmouseover" then I think that would work everywhere.

Thanks

Paul
Paul   11 years ago
0
I don't think we are able to control the onmouseout of the target element as its onmouseout event is re-defined in the tooltip.js script:
a.onmouseout=function(){N=1;g.h(this.hideDelay+100)};
I am not sure if your iOS issue is caused by too short of the delay. If you open the tooltip.js with Notepad and update the +100 to +300, will it work?
milo   11 years ago
0
Thanks Milo,

I tried that and it did not make any difference. In iOS, the submenus remain open.

The easiest solution might be to add a close button, but I still need the submenus to close on their own in the other browsers, so I can't use sticky.

Paul
Paul   11 years ago
0
Regretfully I cannot go further as I have no iOS and therefore no way to detect where the issue is.
milo   11 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question:
▲