Using <IMAGE_NOTES> with overlib

[kitkit201]

Hi folks

My problem is that I am trying to implement <IMAGE_NOTES> using the overlib javascript. It seems to only work when <IMAGE_NOTES> does not have ANY HTML tags on it.

Right now, this picture's <IMAGE_NOTES> has been stripped of ALL HTML tags and new line characters. http://www.photokit.net/index.php?showimage=296 . It works fine and the overlib float-over is fine.
<IMAGE_NOTES> output: <p><i>Spotted something back in October while looking for something new to publish. I am currently under the weather, so going outside may make me more ill. <p>Taken with Nikon D70 + Nikkor 18-70mm


However, the preceeding picture's <IMAGE_NOTES> still has all of it's HTML tags in it, but does not show up in mouseover of the picture. http://www.photokit.net/index.php?showimage=295
<IMAGE_NOTES> output: <p><i>SF's own DPT (Department of Parking and Traffic) directing holiday traffic a couple of days ago. Keep in mind that this exit is about 10 blocks away from Union Square (considered the main shopping area of SF). <p>Taken with Nikon D70 + Nikkor 18-70mm

Is this a problem with overlib or is there some kind of hack in pixelpost that I can use to overcome this dilemma?

I am using <IMAGE_NOTES_CLEAN> but it doesn't seem to work...
Thanks

[Joe[y]]

i wouldn't say it's a problem with pp if the imagenotes can be displayed normally on a noraml html template - so overlib may not accept html - i hven't had much experience with overlib to be honest.. i don't really like it.

perhaps it's to do with not closing your <i>

[TheRedRose]

Okay, I tried to implement this feature as well and I found the problem (I think)...
PP adds a linefeed to <IMAGE_NOTES(_CLEAN)>, regardless of the content. Overlib can handle HTML, the linefeed simply screws up the HTML-Code.

Template:
onmouseover="return overlib('<IMAGE_NOTES>', CAPTION, '<IMAGE_TITLE>')"
This is the code generated by PP:
onmouseover="return overlib('<p>..the sunset</p>
', CAPTION, 'driving by..')"

As you can see, there is a linefeed right after the image notes, if you enter any (html)text yourself it works well.

Now for the question: ;-)
How to get rid of the linefeed at the end of <IMAGE_NOTES>??

Thx for your help in advance.

[TheRedRose]

I solved the problem right now with a quick´n´dirty hack.

In index.php after this line
$image_notes = markdown(pullout($row['body']));

insert:
$image_notes = substr($image_notes,0,strlen($image_notes)-1);

This removes the linefeed (? still not sure what I remove here :D) and the overlib library can display the image notes, including html.
Remember not to use characters like ' and " in your image notes.
To implement links etc. you have to use &quot and so on...

[GeoS]

IMHO you should use this:

$image_notes_clean = strip_tags($image_notes);
$image_notes_clean = htmlspecialchars($image_notes_clean,ENT_QUOTES);

and after that use tag <IMAGE_NOTES_CLEAN>.

[TheRedRose]

Okay, I searched google for the use of this (I'm no web programmer, so php looks like java to me) and I like it. Will be using this for all the notes (not only image_clean) because overlib can display links, images and line feed.

thx :D