Trip t BARBADOS if U Can Solve These MouseOver & <a href> Problems

[drfredrick]

Hi,

PLEASE HELP!!  (A Trip to Barbados Awaits anyone whom can solve these Problems.....)

I have recently discovered, downloaded and installed CMS Made Simple (and have been wondering why I have not used this before... It is wonderful)

However I have noticed a number of idiosyncrasies that seem to suggest peculiar behaviour which I cannot resolve!

Mouseover..

I have the code below in a content page, however when I view the web-page concerned the mouseover DOES NOT WORK, WHY?

Code...
                        Individual Vaccination
We offer a drop-in service for flu vaccination – all you have to do is come along to our Central London clinic.


As a specialist centre, we offer a choice of standard as well as new technology vaccines. More…





PROBLEM ...

I have the code below in a content page, however when I view the web-page the code does NOT pop-down the appropriate Answer.. WHY?

Code...
Q: Are there any special reasons for worrying about flu this year?

A: It’s been a while since there’s been a big outbreak of seasonal flu, nobody knows when the next major outbreak will occur.

Individual protection could also be important if there was a flu pandemic (global outbreak) and experts believe that seasonal flu vaccination is a key part of preparing for one.





PLEASE HELP!!  (A Trip to Barbados Awaits anyone whom can solve these Problems.....)

[JeremyBASS]

Well I can tell you this from your post,

Q1 you did post the JS for it so we can't anwser that to competion but the next one could be used to fix the first Q....

Q2 try using CSS to hide the anwser (dissplay:none) and the your can have it to a onmouseclick="javascript:toggleDiv('hideMe3')" in the anwser links, Then you could use JS to pop it up...

use this JS
if(document.getElementById(divid).style.display == 'none'){
      document.getElementById(divid).style.display = 'block';
          }else{
      document.getElementById(divid).style.display = 'none';
    }
and this html

Possablie anwser/a>
Possablie anwser
Possablie anwser

add this

Right Anwser
 

worng Anwser
 
ect..



Lastly ... make the switch to CSS instead of <font size="3" or any inlines... this should get you rolling...

[faglork]

Hi,

may I offer a different solution ...

q1:
try Dustin Diaz' "Sweet titles" script. You install it, and then you just have to set the TITLE attribute of a link to show a nice tooltip. This takes out all those individual pieces of JS, uncluttering your code. You can format the tooltip  with CSS.
Look here:
http://www.fachmarkt-gath.de/
just hover your mouse over the horizontal menu.
The source:
http://www.dustindiaz.com/sweet-titles/

q2:
No need for javascript at all. You can use pure CSS for that.
Look here:
http://www.counciltenantsmortgages.co.uk/
hover your mouse over the left navigation

or here:
http://www.goldner-stern.de/service-ang ... chen.shtml
move your mouse over the thumbnails in the map

This is based on Eric Meyer's "pure css popup", the source is here:
http://meyerweb.com/eric/css/edge/


hth,
Alex

[drfredrick]

Thank You FAGLORK!!!


You R The Winner.

I like your elegant solution, and the fact that you seemed to understand that simplicity is the key.

!!!

[JeremyBASS]

The css solution is tried and true, but limited.  lol good luck with that quiz