qtip2

qTip2 (tooltip) line break not working

由 微笑、不失礼 提交于 2019-12-12 04:54:15
问题 I'm trying to add some line break to the text of the plugin qTip2 without any success. So far I've tried <br/> , <p> and also white-space: pre-line without any success. You can view a full example http://jsfiddle.net/6asMt/1/ I've been searching around the google but can't find anything that works. I would like my final result to be: Date Start: 2014-04-08 10:00:00 Date End: 2014-04-10-10-00-00 And not Date Start: 2014-04-08 10:00:00 Date End: 2014-04-10-10-00-00 回答1: Please check this JS

Displaying qTip hover on outer nodes of Cytoscape.js graph?

由 与世无争的帅哥 提交于 2019-12-12 01:58:33
问题 When hovering over the outer nodes of graph in Cytoscape.js, the qTip dialog is not displayed. Is there anyway to display the qTip bubbles upon hovering on an outer node? I can have the qtip popup on nodes in the upper half but not much along the sides of the graph. Especially towards the bottom half. cy.elements('node').qtip({ id: function() { return this.data('id'); }, content: function() { return this.data('name') + '<br /><em>$' + this.data('weight') + '</em>'; }, position: { my: 'bottom

Why does the qtip tooltip appear on other buttons that do not share the same id?

由 岁酱吖の 提交于 2019-12-11 11:47:31
问题 So, I want to show tooltips for specific buttons and not for other buttons. Here's my code with an example where I want to show tooltip with the word "TAB" on hover for the TAB button. However, if I hover over other buttons like FOO and BAR, it shows TAB too. I'm not sure what would be causing this? Is it because they share the same class even though I put a particular ID for TAB? js function: $('#TabBtn').mouseover(function () { BrowserSide.Objects.ToolTip("#TabBtn", "Tab"); }).mouseout

qTip2 within an iFrame

由 江枫思渺然 提交于 2019-12-11 05:57:12
问题 I am using jQuery qTip2 within an iframe but since I am restricted to the size of the iframe width and height, is there anyway I could have the content actually appear on top of the iframe, i.e. within the parent window of the iframe and not within the actual iframe itself? In this way, I am not restricted within the iframe size. This is the current code that I am using as part of the iframe: $(document).ready(function() { $('img[title]').qtip({ content: { text: false, // Use each elements

FullCalendar and qTip UI issue when dragging event

由 喜欢而已 提交于 2019-12-11 00:29:14
问题 When dragging an event in week or day view. Randomly, qtips would be rendered with the old ones being still on the screen. I have been disabling the qtips using apis but no result whatsoever. Following is my qtip configuration for fullcalendar event render event: eventRender = function (event, element) { $(element).qtip( { content: '<div>Hello, World!</div>', position: { target: 'mouse', // Track the mouse as the positioning target adjust: { x: 5, y: 5 } // Offset it slightly from under the

Confirm tooltip dialog with qTip2?

由 感情迁移 提交于 2019-12-10 17:20:17
问题 So, i'm trying to create a small confirmation dialog (inline, toopltip) when a user clicks a delete button. I imagine it to look kinda like this (but with a small text and OK & Cancel buttons). But i'm not here to ask how to style it. I would prefer to use qTip2 as the plugin for the job, but if you have an better alternative i'd go for it too. So, how would i do to launch a tooltip with some interatice elements and only close it if looses focus or the close button is clicked. Also - the

qTip show/hide tooltip on click

由 霸气de小男生 提交于 2019-12-10 10:34:19
问题 I have a page with many tooltips. I want to show/hide every one seperatly on clicking a button. It does not work for me, can anyone help? <span><input type="button" value="b1" onClick="showMyTT('div1');"></span><span><div id="div1"></div></span> <span><input type="button" value="b2" onClick="showMyTT('div2');"></span><span><div id="div2"></div></span> <span><input type="button" value="b3" onClick="showMyTT('div3');"></span><span><div id="div3"></div>​</span> function showMyTT(id) { $('#'+id)

qTip 2 and Images

由 ◇◆丶佛笑我妖孽 提交于 2019-12-08 02:43:18
问题 I am using qTip 2 to display a larger image on hover and it semi works. The image shows but not the full width. How do I get it to show full width? Code: HTML <img src="img.jpg" usemap="#Map" class="center" style="width:900px;" border="0" /> <map name="Map" id="Map"> <area class="1" shape="rect" coords="4,3,225,150" /> </map> JS var $j = jQuery.noConflict(); $j('.1').qtip({ content: '<img src="img1.jpg" width="600" />', position: { my: 'left top', at: 'right top', target: $j('.1') }, style: {

Is it possible to set position of a Qtip programmatically?

由 ≡放荡痞女 提交于 2019-12-07 04:46:32
问题 I'm currently implementing Qtip2 tooltips thoughout my site, and they're working very well. However, I need to set the position of the tooltip on a per-element basis. For this I've setup a couple of data attributes like this: <img src="/images/help-icon.png" class="tooltip" title="Lorem ipsum dolor sit amet consectetur adipiscing elit" data-tooltip-my-position="right center" data-tooltip-target-position="left center" /> I have tried using a function to get the data attribute, however it

qTip show/hide tooltip on click

由 我的未来我决定 提交于 2019-12-06 09:23:53
I have a page with many tooltips. I want to show/hide every one seperatly on clicking a button. It does not work for me, can anyone help? <span><input type="button" value="b1" onClick="showMyTT('div1');"></span><span><div id="div1"></div></span> <span><input type="button" value="b2" onClick="showMyTT('div2');"></span><span><div id="div2"></div></span> <span><input type="button" value="b3" onClick="showMyTT('div3');"></span><span><div id="div3"></div>​</span> function showMyTT(id) { $('#'+id).qtip({ content: { text: 'Show the content', title: false }, position: { my: 'left center', at: 'left
订阅 qtip2