loss of function after update

I’m sorry about the update time. Tonight, i’ll be able to freely code.

For the tips with extra trailing chars, you should re-edit the tips.

ok. I will try. then I will go back to the earlier version again if it does not work

Micro update in upload just for you.

great! was that 2.1.5?
It seems to be working now with just a few bugs.
on a pc using a tooltip or media tip work ok. THANKS!
on my iphone, the tooltips and media tips appear when i tap on the word, but they no longer disappear (so you have to refresh the page). Do you think this is easily fixed?

I tried inserting a glossary term. But, it seems to just make a link to the glossary page, rather than a tooltip.

Have you checked in the options if “Tooltip content” is either on “Full” or “Excerpt”?

I used “full”

actually, now I’m having a strange problem in which media-tips that worked after the upgrase stopped working. when I looked at the text, it had somehow changed automatically when I saved the post, making the media-tip disappear. should I start a new thread about it, or continue in this one?

for example, if this is in the text editor:

[ithoughts_tooltip_glossary-mediatip mediatip-type=”localimage” mediatip-content=”{“url”:”https://itaintmagic.riken.jp/wp-content/uploads/topics-tooltip151209.png”,”id”:1715,”link”:”https://itaintmagic.riken.jp/?attachment_id=1715″}” mediatip-link=”undefined”]Topics[/ithoughts_tooltip_glossary-mediatip]

and then I toggle views, or save the draft and reopen the editor, it sometimes spontaneously changes to this:

[ithoughts_tooltip_glossary-mediatip mediatip-type=”localimage” mediatip-content=”{” mediatip-link=”undefined”]Topics[/ithoughts_tooltip_glossary-mediatip]

Ok. And is your tooltip display mode on “Click” or “Responsive”?

it is responsive.
actually, I noticed something else strange going on that is probably related.

my images in the media library have totally new permalinks.
they used to have links that ended with attachment_id=[xxx]
but, now they are simply text that is the name of the image.
I have no idea how that happened, and I do not even now how to find the attachment id anymore. totally weird and probably not related to you (maybe it was the last divi update). ugh.

let me ask an unrelated question to clear my mind. is there a spot in the code I can add code to customize how the glossary word appears on the page? (right now the default is blue font like a link, but I want to play around with different styles if possible)

Sorry for another message.
it seems that if I insert a media tip or a tooltip everything is fine initially.
But, if I open up the editor and edit anything in the text, it changes somehow to what I posted above. Even if no editing is actually done, simply reopening the editor makes it happen.

As for inserting from the glossary, i don’t need to worry about it now. maybe later.
i just need to be able to get rid of the tip when it’s on a mobile device.

can you check out the word Topics on this page using a mobile device to see what I mean?
https://itaintmagic.riken.jp/whats-up-with-us/riken-at-a-glance/1324/

Ok, I will check soon why the shortcode attributes are modified when switching between WYSIWYG editor and Text editor.

Your problem with pictures seems to be that your permalink structure has changed, so tooltips are not up to date.

If you want to customize styles, I suggest you to set the rules into your child theme styles.css file. It won’t be deleted by updates.

Your mediatip works well on Android. I have to test it on an iPhone, to see the problem.

Ok, I’ve found the problem with your mediatip that changes when you switch tab.

[ithoughts_tooltip_glossary-mediatip mediatip-type="localimage" mediatip-content="{"url":"https://itaintmagic.riken.jp/wp-content/uploads/topics-tooltip151209.png","id":1715,"link":"https://itaintmagic.riken.jp/?attachment_id=1715"}" mediatip-link="undefined"]Topics[/ithoughts_tooltip_glossary-mediatip]
should be remplaced with
[ithoughts_tooltip_glossary-mediatip mediatip-type="localimage" mediatip-content="{"url":"https://itaintmagic.riken.jp/wp-content/uploads/topics-tooltip151209.png","id":1715,"link":"https://itaintmagic.riken.jp/?attachment_id=1715"}" mediatip-link="undefined"]Topics[/ithoughts_tooltip_glossary-mediatip]

The “"” things are handled by javascript like quotes ‘”‘, but quotes are the marker for the end of the attribute.

thank you.
I think I understand. I just have to figure out why the &quot is automativally changing to actual quotation marks.

also, is there a particular class I can set style words for?
right now I made my own class and inserted a span around the word in the text. but if I there is already a class that controls the way it looks I’d rather set rules for that directly.

The " are left by the update process, that missed them. I used the wrong encoding function, but next release should solve it.
About classes and CSS, here are the main selectors to use:

/* All tooltips link style */
.ithoughts_tooltip_glossary-glossary,/* for term */
.ithoughts_tooltip_glossary-mediatip,/* for mediatip */
.ithoughts_tooltip_glossary-tooltip/* for inline tooltip */
{

}

/*********************************\
|******* Tooltips themselves *****|
\*********************************/

/* General tooltip */
.qtip {
}
/* Title bar */
.qtip-titlebar {
}
/* The body of the tooltip */
.qtip-content{
}

Use those into your child theme styles.css to customize the tooltip. If some rules are not applied, try to make them more precise, prefixing them with, for example, html > body, and/or for tooltip styles #ithoughts_tooltip_glossary-tipsContainer.

The style editor is still in dev. But I have to make the plugin more stable first.

Great, that all sounds good.
I’ll try the first ones out.

you’re amazing

You can also style the link differently from his container.
Here is the link container

.ithoughts_tooltip_glossary-glossary,/* for term */
.ithoughts_tooltip_glossary-mediatip,/* for mediatip */
.ithoughts_tooltip_glossary-tooltip/* for inline tooltip */
{
}

Here is the link itself

.ithoughts_tooltip_glossary-glossary > a,/* for term */
.ithoughts_tooltip_glossary-mediatip > a,/* for mediatip */
.ithoughts_tooltip_glossary-tooltip > a/* for inline tooltip */
{
}