Hi there !

I'm a total newby in jQuery, so please forgive me :o)

Here's the code someone else put on the site of a client :

new jBox('Tooltip', {
attach: '.zlc-infobulle',
getTitle: 'data-jbox-title',
content: $('#infobulle-content'),
closeOnMouseleave: true,
pointer: 'center:-50',
maxWidth: 400,
adjustPosition: true,
adjustTracker: true
});

With this code, each time there is two tooltips, the first one is correctly displayed, and also the title of the second, but the content is always the same, so the second tooltip has the content of the first one.

Could you please help me with this ? What should I put in content: '' so that both of the tooltips display correctly ?

Thanks and have a bright shiny day !

sorry my english ，I am Chinese

Line Number：767 Source code:el.on(trigger + '.jBox-attach-' + this.id, function(ev)

I use it like this：$("a[title]").jBox("Tooltip");

I have a build script which states: var jBox = require('jBox'); Which my build script (using Browserify) reports Cannot find module 'jBox'...

The docs on using this with npm seem to skim over the steps in doing so. Can you say if jBox needs to be imported in some specific way with a specific name?

I can confirm the module is downloaded into node_modules, but still the import fails. Any ideas?

Thanks.

Hi Stephan,

great work on jBox! I have a quick question about it. I need the tooltips to show a specific text for each tooltip. The text is placed in a separate json file.

In the HTML the contents of the language file are called this way:

There can be different tooltips an a single page. How can I modify this to work?

Thanks a lot in advance!

I need to have multiple boxes open at the same time. Easy!

However, closing the active box also closes all inactive boxes. I noticed that closing a box removes all jbox related classes on . Is this the cause for this behavior?

Is there any work around for this?

Thanks for your great jBox. I have tested it to use it to block a drag & drop file upload page until the user selects that they agree to Terms and then can either Continue or Cancel (code below).

I'd like some guidance to see if I can add a Form where the user must enter a name and email address into two Form fields and have 'confirmButton' be the 'Submit' (submit the form) before he can 'Continue' (to the upload page). I have tried and failed adding the

$(document).ready(function() {
  new jBox('Confirm', {
    content: '<h5 style="color:white;">Simply Select <i>Continue</i><br /> To Agree To The</h5> <a href="/terms.html"><h5 style="color:#cccccc;"><u>Upload Terms</u></h5></a>',
    width: 830,
    height: 205,
    cancelButton: '<a href="/index.html"><h5 style="color:white;">Return Home</h5></a>',
	confirmButton: '<h5 style="color:white;">Continue</h5>',
    confirm: function () {
    close();
    },
    cancel: function () {
    disable(),
    window.location.href = "/index.html";
    }
  }).open();
});
</script>

Much thanks for any help.

Hi! It's me again... There is an issue that I can't resolve, maybe you can help me... :)

I have this page with scroll, I'm moving it down for select a row:

These icons open a modal popup with the selected row data:

When the jBox is opened, the scroll of the main window moves up, at the very top; I'm missing the row I had selected (I mean, I don't know what was the row I opened):

Can you help me? Thanks in advance

Hi Stephan

`