Page 1 of 1

Buoy Page Help!

Posted: Fri 04 Jan 2013 9:24 am
by William Grimsley
Hi Ken,

How do I put a class="image_shadow" onto my Mesomap, I'm quite stuck. Also, I'm having trouble changing the units from knots to mph. Currently, I have the words showing in "mph" but the figures are not in mph they are in knots.

Please help,

Thanks

Will

EDIT: I have converted the winds units correctly. Though, I am still stuck on class="image_shadow" to put onto my Mesomap.

Re: Buoy Page Help!

Posted: Fri 04 Jan 2013 7:12 pm
by saratogaWX
Are you trying to put a CSS-based shadow around the imagemap of the buoys?

Re: Buoy Page Help!

Posted: Fri 04 Jan 2013 7:39 pm
by William Grimsley
Correct.

Re: Buoy Page Help!

Posted: Fri 04 Jan 2013 7:45 pm
by saratogaWX
I'm not sure it's entirely feasible due to the way the buoy-data.php generates the HTML for the imagemap+background image.

You can save the CSS generated with buoy-data.php (output in the $BUOY_CSS variable) to a .css file on your website, then change the page including the buoy-data.php script to use that saved CSS instead of doing a <?php print $BUOY_CSS; ?>. That would allow you to experiment easily with the .css file directly.

Re: Buoy Page Help!

Posted: Fri 04 Jan 2013 7:48 pm
by William Grimsley
Well, I just looked through buoy-data.php and changed this:

Code: Select all

$htmlnext ='" usemap="#meso" 
    alt="Mesomap of nearby weather buoys" style="border: none"/>
To this:

Code: Select all

$htmlnext ='" usemap="#meso" 
    alt="Mesomap of nearby weather buoys" style="border: none" class="image_shadow"/>
And...it worked!

Thanks for your help!

Will

Re: Buoy Page Help!

Posted: Fri 04 Jan 2013 8:31 pm
by saratogaWX
Glad you sorted it out :)