Need some help with html code!

Computer Help and Discussions The Lounge
1

I installed this WeatherUnderground widget with the following html code but it doesn't render properly. Also, I can't figure out how to set the location on the desktop or move it. This is on an XP system with a 1600x900 resolution monitor and the actual code added to the destop is in blue. The border you see is actually just part of the wallpaper. The issue is the large block of white instead of just the widget! Thank you!

<span style="display: block !important; width: 180px; text-align: center; font-family: sans-serif; font-size: 12px;"><a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:16354.1.99999&bannertypeclick=wu_blueglass" title="Titusville, Pennsylvania Weather Forecast"><img src="http://weathersticke...&ForcedState=PA&zipcode=16354&language=EN" alt="Find more about Weather in Titusville, PA" width="160" /></a><br><a href="http://www.wunderground.com" title="Get latest Weather Forecast updates" style="font-family: sans-serif; font-size: 12px">Click for weather forecast</a></span>

screenshot001sdl.jpg

Uploaded with ImageShack.us

2

Can you cleanup the code so that it's not in one line? It's prett tough to read >.<

3

I am wondering what your reason for using this is?

I know XP doesn't come natively with weather gadgets like Windows 7 does, but there are some really good programs if that is all you are trying to do.

Objectdock is a very good program that has a 5 day flyout weather app built in, complete with many skins, etc, as well as Google Desktop & Yahoo Widgets.

Then, there is the weather app for Firefox available.

_____

Are you just trying to get a good working weather app in XP? Or fix the code above for some reason?

If you only want a good weather app, I suggest Stardocks free ObjectDock program & delete all icons but their weather app.

4

Super Fast poster slowday has asked for help using html code.

5

Can you cleanup the code so that it's not in one line? It's prett tough to read >.<

I would even suggest that code belongs in a code box which can preserve formatting,

especially if you want some-one else to look at it and fix bugs.

6

Can you cleanup the code so that it's not in one line? It's prett tough to read >.<

This. I might have a slight idea about what the problem may be, but I need the code as it originally looked, if you can get that.

7

Super Fast poster slowday has asked for help using html code.

And Hazel, back on topic here.

Yes, as I stated above, I am aware of this.

I asked user what the reason was, as while a code fix is possible, if all they wanted was a good weather app, then the solutions listed above should work.

Just trying to be helpful here while others may post the HTML fix if they have more time than I to bug fix it.

8

Thank you for the replies. The best weather app was WeatherPulse. It included a desklet for the desktop. It could be moved around, you could change its transparency and with earlier versions even change its color. Unfortunately weather.com no longer is providing free feeds to it. I actually have a weather station and am always just one click away from from the temperature and/or forcast but it was also just very convenient seeing the temperature in the system tray and on the desktop when not having any programs or browsers open. I'll paste the code again, not sure why it is not rendering properly. I'm just trying to get rid of the "large" white box. I'm also not sure how to get it on a particular area on the destop but that is just an inconvenience. Here also are the XP directions:

  • Instead of copying all of the code, copy only the URL for the image file. This can be found in the image source tag which starts with < img src="http... Copy the text within the tag starting with "http" and, for Classic stickers, ending with the "gif" or, for New stickers, ending with "ForcedState=".
  • For Windows XP: Right click on your desktop and click "Properties". Go to the Desktop tab, then click the "Customize Desktop..." button. Choose the Web tab, then click on the "New..." button. Paste (Ctrl+V) the URL for the Weather Sticker into the Location box, then click OK. Back in the Desktop Items window, the URL for your Weather Sticker should show with a checked box next to it. Click Apply then OK, and it should appear on your Desktop.

<span style="display: block !important; width: 180px; text-align: center; font-family: sans-serif; font-size: 12px;"><a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:16354.1.99999&bannertypeclick=wu_blueglass" title="Titusville, Pennsylvania Weather Forecast"><img src="http://weathersticker.wunderground.com/weathersticker/cgi-bin/banner/ban/wxBanner?bannertype=wu_blueglass&airportcode=KFKL&ForcedCity=Titusville&ForcedState=PA&zipcode=16354&language=EN" alt="Find more about Weather in Titusville, PA" width="160" /></a><br><a href="http://www.wunderground.com" title="Get latest Weather Forecast updates" style="font-family: sans-serif; font-size: 12px">Click for weather forecast</a></span>

9

Did you try posting the code within the code tags? If not, click on the button that looks like this <> and paste your code there. It should render properly with that.

10

Did you try posting the code within the code tags? If not, click on the button that looks like this <> and paste your code there. It should render properly with that.

If you have any trubbs with <>, use old school ► ekgg1s.png begets 

Place your text here

11 

<span style="width: 180px; text-align: center; font-family: sans-serif; font-size: 12px; display: block !important;">
<a title="Titusville, Pennsylvania Weather Forecast" href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:16354.1.99999&amp;bannertypeclick=wu_blueglass">
	<img alt="Find more about Weather in Titusville, PA" src="http://weathersticker.wunderground.com/weathersticker/cgi-bin/banner/ban/wxBanner?bannertype=wu_blueglass&amp;airportcode=KFKL&amp;ForcedCity=Titusville&amp;ForcedState=PA&amp;zipcode=16354&amp;language=EN" width="160">
</a>

<a style=“font-family: sans-serif; font-size: 12px;” title=“Get latest Weather Forecast updates” href=“http://www.wunderground.com”>

Click for weather forecast

</a>

</span>

However in the instructions

it states

Instead of copying all of the code, copy only the URL for the image file. This can be found in the image source tag which starts with &lt; img src="http... Copy the text within the tag starting with "http" and, for Classic stickers, ending with the "gif" or, for New stickers, ending with "ForcedState=".

are those the instructions you are trying to accomplish?

Here are my results of said instructions

post-21882-0-91414600-1326494539_thumb.jpg

if the white covers your whole desktop (and not just that little bit) it could be that you have maximized the widget

to unmax (go back to the size of the original picture) press the button to which my arrow points

post-21882-0-20630900-1326494651_thumb.jpg

You can use a resize arrow on a non maximized one (as per any window) but it shrinks the image as well. I have been able to get away from such resize by

pasting the entire code (as is above) into a new html document as seen below

<html>
<head></head>
<body>
<span style="width: 180px; text-align: center; font-family: sans-serif; font-size: 12px; display: block !important;">
<a title="Titusville, Pennsylvania Weather Forecast" href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:16354.1.99999&bannertypeclick=wu_blueglass">
<img alt="Find more about Weather in Titusville, PA" src="http://weathersticker.wunderground.com/weathersticker/cgi-bin/banner/ban/wxBanner?bannertype=wu_blueglass&airportcode=KFKL&ForcedCity=Titusville&ForcedState=PA&zipcode=16354&language=EN" width="160">
</a>
<br>
<a style="font-family: sans-serif; font-size: 12px;" title="Get latest Weather Forecast updates" href="http://www.wunderground.com">
Click for weather forecast
</a>
</span>
</body>
</html>

I then saved this html doc somewhere on my pc and pointed the Active desktop to it

This allowed for a fair amount of cleanup of the white space using the resize arrow

I also was able to make the background a different color by adding

style="background-color: Black;

to the body tag (The Blue is my desktop background so yes the entire widget is black)

post-21882-0-98821700-1326495658_thumb.jpg

Hope this gave some help sorry it was so long winded

EDIT: (Again) I don't know if this will work but if you add <meta content="5" http-equiv="refresh"> to the head section of the above html doc it may allow your weather to refresh itself. I don't know if Active desktop allows that or not so you have to experiment

http://www.hscripts....autorefresh.php

12

Really Sick of the IPBoard (the forum software for this site) Stripping out html code from my code boxes (and inserting it into my text) everytime I edit; so if I'm missing important code that I missed it removing let me know

:sigh:

and to follow up on my edit (again) above, yes meta refresh should work per http://forums.techguy.org/windows-xp/63219-active-desktop-refresh.html

13

Wow, that was really nice of you to do! I'll mess with it over the weekend. Also, relative to changing the code, that is what happened in my original thread. It didn't exactly paste correctly. Thank you again and have a good weekend!

14

For those of you that were helping me, I have a little update. I discovered that there is a "fool proof" (at least it was for me) three application system to add the Vista Side bar and it's gadgets to XP. Apparently it's been available for quite some time. I installed the three apps and added the weather gadget and all is well! I'm including the link if anyone cares to play with it. Thank you again!

http://joshoon.devia...6472?loggedin=1