Pop-Up Windows for a beginner

[Ralph Lee]

I am very new to the world of creating web pages, and so far Blue Griffon has been really helpful.

I am building a page with text that I would like to annotate with pop-up windows.  I have created links and a pop-up window will appear with the title that I have assigned to the link.  This is useful for some of my purposes, but what I would really like to do is just have the pop-up window without having to create a link each time - so that the pop-up can just give a little more detail on something.  Is there a way to do this using Blue Griffon.

[Alex Paton]

Ralph

I don't believe there is a way to do this in any program.  It isn't really something that HTML does, so it isn't something that web design programs can do, unless you introduce other technologies. There are some very elegant javascript solutions to provide 'help text' so that when you hover over a piece of text, it will show a little box showing your additional information. Unfortunately, this solution will not work on all browsers, and will not work on many phones.

You could also use a server side scripting language (e.g. PHP) and database (e.g. MYSQL) to store the information, then use the scripting language to populate your links and the additional information.

I would suggest that if you are new to web design, both of these solutions are probably a way away from where you currently are.

Sorry I couldn't be more help.

Alex

On Wednesday, 17 July 2013 07:14:22 UTC+1, Ralph Lee wrote:

I am very new to the world of creating web pages, and so far Blue Griffon has been really helpful.

I am building a page with text that I would like to annotate with pop-up windows.  I have created links and a pop-up window will appear with the title that I have assigned to the link.  This is useful for some of my purposes, but what I would really like to do is just have the pop-up window without having to create a link each time - so that the pop-up can just give a little more detail on something.  Is there a way to do this using Blue Griffon.

[Greg Chapman]

Hi Alex,

On 17 Jul 13 10:55 Alex Paton <lotapro...@gmail.com> said:
> I don't believe there is a way to do this in any program. It isn't
> really something that HTML does, so it isn't something that web
> design programs can do, unless you introduce other technologies.

You're a little too negative and are forgetting the "title" attribute.
The code might look something like this:

<p>Here is an <em title="This text appears on hovering">important</em>
word.</p>

In most browsers this will provide a a pop-up "tooltip".

You can add one through BlueGriffon, like this:

1. Open the DOM Explorer Panel
2. In the top part, select the element to which the tooltip is to be
attached
3. In the bottom part, select the "Attributes" tab, then click the [+]
button at the bottom.
4. Enter "title" (without the quotes) in the "Name" column box and hit
TAB
5. Enter the required tooltip text in the "Value" box and complete it
by hitting CR/ENTER.

On top of this there are plenty of CSS possibilities, many of which
can be added using just BlueGriffon's WYSIWYG interface, without any
special coding skills.

A good starting point for ideas might be Stu Nichol's site, e.g.:

http://www.cssplay.co.uk/menu/alert.html
http://www.cssplay.co.uk/menu/balloons.html

Both of these particular examples, use relatively old techniques. This
page is probably better:

http://www.cssplay.co.uk/menu/cssplay-tooltips.html

Greg Chapman
http://www.gregtutor.plus.com
Helping new users of KompoZer and The GIMP
Still exploring BlueGriffon

[Alex Paton]

Greg

As always, you are a star. I never would have thought of doing that.

Alex