Automated Tooltip (FREE)

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
Post Reply
User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Automated Tooltip (FREE)

Post by Adendum » Mon May 23, 2011 11:20 pm

I just added "Automated Tool Tip" to the extensions under the Miscellaneous section. Available from here.

This extension will prove useful for those pages (or entire web sites) where technical or complex words require a glossary or definition to assist the visitor in understanding the page or site content.

Working demo available here.
Last edited by Adendum on Tue Sep 06, 2011 12:02 am, edited 1 time in total.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
protectourlands
 
 
Posts: 668
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: Automated Tooltip (FREE)

Post by protectourlands » Sat May 28, 2011 7:33 pm

Where do you add the tooltip content?

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Automated Tooltip (FREE)

Post by Adendum » Sun May 29, 2011 11:45 am

Everything is clearly laid out in the HELP file - click "Getting Started" in Extension Manager.

e.g.:-
Preparation & Use
1. You will need to create a list of terms and definitions. Using Notepad or similar text
processor; open the file terms_and_definitions.js and edit as required.

nPairs[nPairs.length] = "Term >" + "The definition to be applied to the term.";

Add your terms where you see red above and your definition where you see blue.

A 'Term' may be more than one word; e:g: “Recycling Plant”
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
protectourlands
 
 
Posts: 668
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: Automated Tooltip (FREE)

Post by protectourlands » Sun May 29, 2011 4:36 pm

So only 1 textbox on the page can have the extension applied?

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Automated Tooltip (FREE)

Post by Adendum » Sun May 29, 2011 4:45 pm

Correct - that's what the help file says:-

Known limitations
Only one text ID of subjectMatter is allowed per page.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
protectourlands
 
 
Posts: 668
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: Automated Tooltip (FREE)

Post by protectourlands » Sun May 29, 2011 5:04 pm

I appreciate your work on this extension.

May I suggest you add some clarity to the step of adding the page content by referring to the text frame as a "text object" instead of a "text box" ? Also, I think it would help to specify that this is where the text content that applies the extension function is to be situated.

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Automated Tooltip (FREE)

Post by Adendum » Thu Aug 25, 2011 8:18 pm

UPDATE

25/08/11
: Previous naming update caused a problem with published files. Corrected.

25/08/11 : Removed the file terms_and_definitions.js from the published folder so that
your edited file is not overwritten on each publish. This therefore requires you to manually
copy the file from the ZIP file supplied into the TT folder. The terms_and_definitions.js file will also be found in the folder /WYSIWYG Web Builder/system/extensions/

Download from the extension manager or from http://extensions.wysiwygwebbuilder.com/
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Automated Tooltip (FREE)

Post by Adendum » Fri Aug 26, 2011 11:53 pm

Hi,

Not 100% sure I understand what you're looking for - maybe you can post a url of the page you've kludged so I (or someone) can get a better understanding.

However if you want to do what I think you do, I suspect I may have an answer.

Once you have placed your HTML Text Box content in the page you can access the HTML Properties of the text box by right clicking it and you will get the Object Properties dialogue window (you can do this for any object). This gives you access to BEFORE, INSIDE and AFTER tags and in the inside tag you could put id="subjectMatter".

Is that what you were looking for?
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Automated Tooltip (FREE)

Post by Adendum » Fri Aug 26, 2011 11:58 pm

Hmmm, I take that back! You can do that but when published the inside tag addition doesn't appear. In fact none of the tags hold on publish!!

Guess that's something Pablo will need to look at.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Automated Tooltip (FREE)

Post by Adendum » Sat Aug 27, 2011 12:04 am

lol, I'm having a conversation with myself....

May have the answer...

When you open the HTML Text Box extension there is an HTML button at the bottom of the window. Click that and enter <div id="subjectMatter"> before your content and a </div> at the end.

See if that works.

Code: Select all

<div id="subjectMatter">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div>
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Navaldesign
 
 
Posts: 1051
Joined: Sat Mar 01, 2008 8:08 pm
Location: Italy
Contact:

Re: Automated Tooltip (FREE)

Post by Navaldesign » Sat Aug 27, 2011 7:29 am

Yje HTML box extension actually is a HTML editor.
Editors don't add an ID because they actually are customized text editors, they don't keep an internal objects "register" and therefore they can't add an automated id attribute because they simply don't know which and how many objexts exist in the page code.

In this post viewtopic.php?f=42&t=41554 the solution has been suggested.
www.dbtechnosystems.com

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Automated Tooltip (FREE)

Post by Adendum » Sat Aug 27, 2011 2:15 pm

Navaldesign wrote:In this post viewtopic.php?f=42&t=41554 the solution has been suggested.
Yeah, came to the same conclusion in the other thread...
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

UPDATED: Automated Tooltip (FREE)

Post by Adendum » Tue Aug 30, 2011 4:19 pm

30/08/11 : Added option to have no underline for each term.
30/08/11 : Changed z-index to ensure the definition always appears on top.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

UPDATED: Automated Tooltip (FREE)

Post by Adendum » Thu Sep 01, 2011 6:07 pm

01/09/11 : Modified both the .js and .css files to overcome issues with styled text causing a
'ghost' definition to appear in text blocks.

While resolving an issue with rgsolutions it became evident that the previous version of this extension had issues with text styles that were give a CLASS attribute and this caused an empty definition panel to appear over any block of text that had class attributes set. I have therefore modified the original authors JavaScript file (previously unedited by me) so that it no longer looks for a CLASS statement and now has its own unique attribute of <ttt> and </ttt> rather than a <span> tag with a class attribute.

During discussions with rgsolutions, who I thank for his patience and testing of this revision, it also became apparent that using the extension with the HTML Text Box wasn't as simple as it should be. Therefore TWO methods of dealing with the HTML Text Box extension have been introduced to the updated HELP file.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

UPDATED: Automated Tooltip (FREE)

Post by Adendum » Fri Nov 11, 2011 8:02 am

10/11/11 : Having only realised I could do this yesterday (doh!) I have modified this extension (and all my extensions - see list below) so that the live rendering of the extension in design view is greatly improved. In many cases the design view will take on a background colour you set in the extension properties.

Updates available from the WWB extensions site and my own demo site. Remember to check out the extensions listed below.

Anything Slider
Directory Listing
Elastic Thumbnail Menu
Image Information Panels
Image Swap Menu
Kick-Butt-Mega-Menu
Orbit Slider
Photo Info
Simple Horizontal Accordion
Slide Down Box Menu
Stacked Images
tab Slide Out
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

Post Reply

Who is online

Users browsing this forum: No registered users and 5 guests