Supernotes and frames

I configured Supernotes and implemented it on a site. It wasn't until I was almost finished I discovered a problem when using it on a page with frames.

When I have a link that is located too far to the right in the page, the popup shows partly outside the frame. What I would want to do it to make Supernotes pop up to the LEFT of the mouse pointer at a give picture. Is this possible? If not, do you have any other suggestions of making a solution to this problem?

The problem can be demonstrated at the following link:

http://hem.passagen.se/anhe0098/musiksektionen

Press INFO and then press "Styrelsen". When moving the pointer over the pictures to the right you can see my problem.

I'll be grateful for answers, and yes, I'll make sure to make a donation if it's going to be used :)..

Andreas  Hedlund

Aha, I knew there was a feature I forgot to implement before uploading ;).

Yes,  this is a pretty simple omission on my part. Luckily it's easily fixed. You are using "mouseoffset" type notes in your page, so open up supernote_commented.js and scroll down until you find the "Handlers" section where "SuperNote.prototype.pTypes.mouseoffset" is defined.

You'll see it sets the left/top position of the notes there. All you need to do is put in a check there for the browser window size. I recommend you download my "Modular Layer API" script and copy the "page" object out of that. You can get the right window border by calling "page.scrollX() + page.winW()" and then compare mouseX to that result -- if it is too close, set the note to a smaller left position. Repeat for the mouseY/top line and you're sorted!

Good luck - Angus.

Sorry, I forgot your other question!

To use a config option, pass it as the second parameter to SuperNote like so:

var supernote = new SuperNote('supernote', { animInSpeed: 0.2, animOutSpeed: 0.3 } );

Have  name:value pairs separated by commas inside curly braces, shoudl be easy!

As for the browser window restriction -- might have to wait until I release an updated version of the script...

Good luck - Angus.

Update:

It is not due to frames... at least I don't think so... the popups work fine so long as they are in the top portion of the page. It is only when you scroll down on the page the error occurs. It seems to place the window relative to the top of the page rather than relative to where you are on the page.

Sorry if that is confusing. Example: Page is ten paragraphs long... notes in the first two, near the top of the page work fine. Notes in the ninth and tenth paragraphs, which you have to scroll down to see, still appear in the top two. Since they are not visible you have to scroll up to see that they even appeared. horizontally they seem to be properly placed however.