Nested tooltip (tooltip within tooltip) - javascript

I have a page which is having some link and when i click on that link it open a tool tip form that also contains some link and now i want to open another form within already opened tool tip. Is there any possible way? Please help.

I had the same problem yesterday. What I realized is that a tooltip is a very specific thing and you are not supposed to show two tooltips at once or nest them. In my case, displaying the second tooltip closed the container and none was visible.
My solution was to replace the container tooltip with a JQuery UI dialog which made more sense and then use the tooltips inside.

Related

Is there any way putting dropdown in gojs panel?

Is there any way we can integrate HTML controls like dropdown in goJS panel. I can see we can have text box inside panel and checkboxes as well. But i can't find dropdown.
There's currently no way to add arbitrary HTML to a GoJS panel, but you could fashion elements to work like a drop-down.
It may be better to bring up HTML elements when you click on a node, which might suit you. The custom context menu sample does that (but with right click context menus).
Another example of showing HTML elements over a Diagram is the data visualization sample, though this works on mouseOver instead of click, the idea should be similar.

Using anchors in Wordpress menu creates selection box around content

Working with WordPress, I have created a one page site that uses anchors in a custom menu to jump to specific parts of the page.
It jumps to the section of the page that I have specified, as intended. However, it is creating a very visible, blue selection box around the content that it is jumping to. I have not included code in the CSS file or any project files that should be adding a selection box. So my assumption is that it is being caused by Wordpress?
Is there a way to disable a selection box around the content that is being jumped to?
What is happening is you are getting the outline property add around your selection this happens on chrome alot when you click buttons or focus on something. Try adding a class similar to this
SELECTION:focus {outline:0;}
to the object that is being highlighted or anchortag without seeing the code and what it is doing its hard to pinpoint the exact class

jQuery iScroll clickable list elements while retaining scroll?

Is it possible to have clickable elements? Such as list elements? While using iScroll? Currently it seems like short of a button, or maybe a link I can't click on an element to make it do something. I had a similar issue with inputs as well. But with enough searching I was able to find a solution that helped me get to a place I could work with inputs. Now I have a need to have a scrollable ui while having the ability to click on something thats not a button or a link, such as a li contained within specific uls.
So I am wondering if there is a way of having iScroll tell the difference between a click or tap rather vs a scroll, and as such have it do the action desired.

disabling background of document when certain div opens

,
HI,
I need some ones help with this, thank you in advance.
In my site i have that when the user clicks on a input box then a new div opens up on top of the input box in that exact place.
Now i need to add that when that div opens i need the background of the hole screen to become black with some opacity, i think it is called overlay.
some thing like i want you can find here:
http://www.omnipotent.net/jquery.sparkline/
if you hover with the mouse over the div on the side that says "come work at splunk".
How can i do something like that with jquery or any thing else.
Thank you very much
You want to use the jQuery UI Dialog Modal.
Edit: jQuery's Dialog method will give you a similar effect but is usually used for onclick events rather than mouseover/mouseout. Have a look at the javascript code on the page you linked (around line 356) and you'll see:
$('#splunkjobs').mouseenter(function() {
// make element absolute, positioned over the top of the float and resize
$('<div id="shade"></div>').
appendTo('body').
css('height', $(document).height()).
animate({opacity: 0.6});
This essentially creates a that covers the page and then fades it in.
I still think using a Dialog for your button is preferred (and much simpler).
this is caled 'modal', you can use jquery:
http://jqueryui.com/demos/dialog/#modal
http://www.queness.com/resources/html/modal/jquery-modal-window.html
http://dev.iceburg.net/jquery/jqModal/#examples
or if you still need more:
http://coderplus.com/2009/11/jquery-modal-boxes-to-improve-your-ui/

How to expand on mouse click

http://findaccountingsoftware.com/directory/gba-systems/fams-fixed-assets-management-system/
this site contain a tab container. On Applications tab clicking on + sign it goes to expand, I want to know this process name. How to do it?. There is a strange thing occur clicking on + sign expand automatically scroll move and focus on text. What this process name is. How to do that?
This effect is called an 'accordion' menu. jQuery UI has a great one which you can use and also has some great documentation explaining how to use it :)
http://jqueryui.com/demos/accordion/
Beautiful full customization accordion in Bootstrap.
Please refer the following documentation.
https://getbootstrap.com/docs/5.0/components/accordion/

Categories