PDA

View Full Version : pop up boxes - help needed



Carrie Meerten
20-04-2006, 4:35 AM
I have designed my own site and have made reference to some events. I would like to add pop up boxes for some info. ie. to find out what something means, click on the word and it brings up a small explanation box...... if you get my drift.

Anyone know how to do this. I have two packages Dreamweaver 8 (the suite package - whole lot) and FrontPage2005. At the moment my new site is done with FrontPage.

Any help would be great.
:)

Ed McKie
20-04-2006, 7:38 AM
I have designed my own site and have made reference to some events. I would like to add pop up boxes for some info. ie. to find out what something means, click on the word and it brings up a small explanation box...... if you get my drift.

Anyone know how to do this. I have two packages Dreamweaver 8 (the suite package - whole lot) and FrontPage2005. At the moment my new site is done with FrontPage.

Any help would be great.
:)
Carrie
all you have to do is to create a new page with the info on it and make a link from your main page to the new page. Not exactly a pop up exactly but it will work. Dont forget though to include a reminder in the new page, to use the back arrow on the browser to return to your main page- or provide another link to go back.

Cheers..Ed

arthurk
20-04-2006, 4:01 PM
all you have to do is to create a new page with the info on it and make a link from your main page to the new page. Not exactly a pop up exactly but it will work. Dont forget though to include a reminder in the new page, to use the back arrow on the browser to return to your main page- or provide another link to go back.
You can also include a bit of code (target="_blank") into the <A> tag, which makes the new page open in a new window. I don't know either Dreamweaver or FrontPage, but I think it's quite likely that they can do this for you - look at the hyperlink properties, and there may be a box to tick for "open in new window". If you can't do it that way you'd probably have to add it manually. I have an example of this on my site (URL in signature) - in the menu at the top of any page click on "Place Name Abbreviations". (The tooltip "Opens in a new window" was also added in the properties.)

However, not everyone wants a full window to open. I quite liked the idea of a small pop-up box just big enough for a single bit of extra information. To do that, though, I understand you need to use Javascript, which was too advanced for me at the time, and is also (I believe) not fully supported by all browsers.

Good luck,
Arthur

Neil Wilson
20-04-2006, 8:25 PM
I have designed my own site and have made reference to some events. I would like to add pop up boxes for some info. ie. to find out what something means, click on the word and it brings up a small explanation box...... if you get my drift.

Anyone know how to do this. I have two packages Dreamweaver 8 (the suite package - whole lot) and FrontPage2005. At the moment my new site is done with FrontPage.

Any help would be great.
:)I use the following web site http://www.dynamicdrive.com/ for all the code I need on my sites, that if you are confident using code (HTML tab in FrontPage). Make sure you follow the instructions to the letter.
Here is the link for the page that has the codes on it that you are asking about, all you have to do is decide which one you want. http://www.dynamicdrive.com/dynamicindex5/
Hope this is of help
Neil

David Sherriff
20-04-2006, 9:14 PM
I use Serif Webplus 9, which has this facility built-in. I would have thought that Dreamweaver would have this facility as well.

Rod Neep
20-04-2006, 11:28 PM
There is another, and exceedingly simple, way of making an explanation box pop up....

The result is like this:

http://www.british-genealogy.com/graphics/zex1.jpg

The green dot is simply a small graphic (a gif file) inserted between words. But any graphic can have a caption embedded into it using the "ALT=" command.

The code to produce that looks like this:

This little green dot<IMG SRC="graphics/ballgrt2.gif" WIDTH="10" HEIGHT="10" ALT="When you hover your mouse over this little green dot, then an explanation appears in a little box" BORDER="0" ALIGN="Top"> is an example of where an explanation can be embedded

So no javascript is needed, and no extra browser popup window.

Rod

PS... this is the little gif file of the dot if you would like to save and use it
http://www.british-genealogy.com/graphics/ballgrt2.gif

Carrie Meerten
21-04-2006, 2:30 AM
Thanks for that Rod. I never even thought of doing it that way. I have learnt about the ALT command but it was only for the name of the picture for example.

Will try this. But just to 'feed' my curiosity now, do you know how to get those little pop up windows that don't have all the banners etc on it - just plain and simple text?

I am on a mission now, one of those things that if I don't find the answer it will 'haunt me'. :eek:

malcolm
21-04-2006, 11:39 PM
The green dot is simply a small graphic (a gif file) inserted between words. But any graphic can have a caption embedded into it using the "ALT=" command.

Oh no Rod! That isn't the way to do it unless you are happy to depend on Microsoft's misuse of the ALT attribute which is there to provide an alternative when the image is not visible. ALT should never be used to provide additional information, there is separate TITLE attribute explicitly for that purpose. Even better, TITLE isn't limited to being used on a graphic - it can be used on a SPAN of running text.

= Malcolm.

Carrie Meerten
22-04-2006, 2:28 AM
there is separate TITLE attribute explicitly for that purpose. Even better, TITLE isn't limited to being used on a graphic - it can be used on a SPAN of running text.Do you know what HTML coding is to do that Malcolm?

We have not covered this part in my studies yet (if we even will). I would really like to know how this is done. Asking my teacher for this info is out of the question. I am still waiting to hear back on my last three assessments that were submitted, with the last one submitted abt 5/6 weeks ago. :rolleyes:

Barbara Griffiths
22-04-2006, 1:39 PM
I would like to add pop up boxes for some info. ie. to find out what something means, click on the word and it brings up a small explanation box...I have something like that on my web page at http://homepage.ntlworld.com/im.griffiths/parryfamilyhistory/parryprobate/abstractindex.htm where I have a list of abbreviations for the probate entries. If you right click and choose "view source" then search for "abbreviations" you'll find the section relating to how I did it. It is fairly simple, picked up from one of the online "how to write web pages" sites, but it might give you a start.

Regards
Barbara

malcolm
22-04-2006, 11:27 PM
Do you know what HTML coding is to do that Malcolm?

I'll use curly braces instead of lt/gt ...

Any run of {span title="explanatory text"}text can have a tooltip{/span} if you want it to.

= Malcolm.

Blain
01-05-2006, 12:37 AM
Carrie

Two pieces of advice.

1. uninstall frontpage from your computer burn the installation CD.

2. If it is a abbreviation the use the <abbr> tags, if it is an acronym uses the <acronym> tag, if you are referencing an event, then enter the event at the bottom of the page and use an anchor <a> to link to it.
That way all the relevant information is all on one page and a lot easier to reference.