Welcome to the Cumulus Support forum.

Latest Cumulus MX V4 release 4.4.2 (build 4085) - 12 March 2025

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024

Legacy Cumulus 1 release 1.9.4 (build 1099) - 28 November 2014
(a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)

Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki

If you are posting a new Topic about an error or if you need help PLEASE read this first viewtopic.php?p=164080#p164080

All the help you can offer me PT 5

Other discussion about creating web sites for Cumulus that doesn't have a specific subforum

Moderator: daj

Post Reply
pacificblue03
Posts: 425
Joined: Sun 13 Jun 2010 12:35 am
Weather Station: Davis vantage vue
Operating System: windows 11
Location: Sydney Australia

All the help you can offer me PT 5

Post by pacificblue03 »

hello i am starting this topic on some more questions and golas i would like to complete

the first one is

Pre loading of SWF files - how do i do this?

and the next one i need help with is Positioning DIVS

thanks

Antonio.
captzero
Posts: 363
Joined: Wed 03 Mar 2010 10:20 am
Weather Station: Vantage Pro2 w/ daytime FARS
Operating System: Windows 10
Location: Brisbane, Australia
Contact:

Re: All the help you can offer me PT 5

Post by captzero »

pacificblue03 wrote:i need help with is Positioning DIVS
You should start by reading read David's article on Divs in the Cumulus wiki.

http://wiki.sandaysoft.com/a/Webpage_la ... V_html_tag
Dan

http://www.brisbaneliveweather.com




A man with a thermometer always knows the temperature. A man with two thermometers, not so sure.
pacificblue03
Posts: 425
Joined: Sun 13 Jun 2010 12:35 am
Weather Station: Davis vantage vue
Operating System: windows 11
Location: Sydney Australia

Re: All the help you can offer me PT 5

Post by pacificblue03 »

i want to position them like the attached pic
You do not have the required permissions to view the files attached to this post.
pacificblue03
Posts: 425
Joined: Sun 13 Jun 2010 12:35 am
Weather Station: Davis vantage vue
Operating System: windows 11
Location: Sydney Australia

Re: All the help you can offer me PT 5

Post by pacificblue03 »

i have an issue -- testing in internet explorer i get a white edges and a border look !
You do not have the required permissions to view the files attached to this post.
pacificblue03
Posts: 425
Joined: Sun 13 Jun 2010 12:35 am
Weather Station: Davis vantage vue
Operating System: windows 11
Location: Sydney Australia

Re: All the help you can offer me PT 5

Post by pacificblue03 »

anyone know why my current weather icon

Exceptional weather --- 1.png is not showing up on my site?

it is uploaded and the directory is correct but it still will not show??

Antonio
User avatar
daj
Posts: 2041
Joined: Tue 29 Jul 2008 8:00 pm
Weather Station: WH1081
Operating System: Pi & MX
Location: SW Scotland
Contact:

Re: All the help you can offer me PT 5

Post by daj »

i have replied to the same question in another of your posts
David
kippfordweather.uk
Cumulus MX & Raspberry Pi
pacificblue03
Posts: 425
Joined: Sun 13 Jun 2010 12:35 am
Weather Station: Davis vantage vue
Operating System: windows 11
Location: Sydney Australia

Re: All the help you can offer me PT 5

Post by pacificblue03 »

daj wrote:i have replied to the same question in another of your posts
yes i see and thanks :clap:
pacificblue03
Posts: 425
Joined: Sun 13 Jun 2010 12:35 am
Weather Station: Davis vantage vue
Operating System: windows 11
Location: Sydney Australia

Re: All the help you can offer me PT 5

Post by pacificblue03 »

I Would like to make my life easier as i learn more about coding in my web design class i am learning that the shorter or less the code the better and more readable it is.

in my Temp, wind direction and wind force and pressure javascript i have a loooong list of codes is there ways to shorten this? it is becomming to much on the code side..

they are

TEMP__________________________________________________
<script type="text/javascript">
var temp = "<#temptrend>";
if (temp==0){var imagen = "steady.png";}
if (temp>0){var imagen = "rising.png";}
if (temp<0){var imagen = "falling.png";}
document.write('<img src="images/'+imagen+'"/>');
</script>
______________________________________________________

Wind Direction__________________________________________
<script type="text/javascript">
var wind ="<#wdir>";
if (wind=="E"){var imagen = "E.png";}
if (wind=="ENE"){var imagen = "ENE.png";}
if (wind=="ESE"){var imagen = "ESE.png";}
if (wind=="N"){var imagen = "N.png";}
if (wind=="NE"){var imagen = "NE.png";}
if (wind=="NNE"){var imagen = "NNE.png";}
if (wind=="NNW"){var imagen = "NNW.png";}
if (wind=="NW"){var imagen = "NW.png";}
if (wind=="S"){var imagen = "S.png";}
if (wind=="SE"){var imagen = "SE.png";}
if (wind=="SSE"){var imagen = "SSE.png";}
if (wind=="SSW"){var imagen = "SSW.png";}
if (wind=="SW"){var imagen = "SW.png";}
if (wind=="W"){var imagen = "W.png";}
if (wind=="WNW"){var imagen = "WNW.png";}
if (wind=="WSW"){var imagen = "WSW.png";}
if (wind=="---"){var imagen = "Calm.png";}
document.write('<img src="images/'+imagen+'"/>');
</script>
________________________________________________________

Pressure is like temp

Forces __________________________________________________
<script type="text/javascript">
var windscale ="<#beaufort>";
if (windscale=="F0") {var imagen = "F0.jpg";}
if (windscale=="F1") {var imagen = "F1.jpg";}
if (windscale=="F2") {var imagen = "F2.jpg";}
if (windscale=="F3") {var imagen = "F3.jpg";}
if (windscale=="F4") {var imagen = "F4.jpg";}
if (windscale=="F5") {var imagen = "F5.jpg";}
if (windscale=="F6") {var imagen = "F6.jpg";}
if (windscale=="F7") {var imagen = "F7.jpg";}
if (windscale=="F8") {var imagen = "F8.jpg";}
if (windscale=="F9") {var imagen = "F9.jpg";}
if (windscale=="F10") {var imagen = "F10.jpg";}
if (windscale=="F11") {var imagen = "F11.jpg";}
if (windscale=="F12") {var imagen = "F12.jpg";}
document.write('<img src="images/'+imagen+'"/>');
</script>
____________________________________________________________



So as you can see the script code is quiet long and annoying to me unless i need this to work i want it shorter but the problem is i dont know how... we are not covering JavaScript until stage 2

Antonio
User avatar
beteljuice
Posts: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: All the help you can offer me PT 5

Post by beteljuice »

As you are using <#webtags> and not eg. building the page from realtime.txt, everything except the temp trend can be html.

eg. for wind

Code: Select all

<img src="images/<#wdir>.png" alt="Wind Direction <#wdir>" title="Wind Direction <#wdir>" />
NB: You would need to rename your Calm.png to ---.png

PS. When you DO start JS or PHP coding, thousands of lines are not uncommon :lol:
Image
......................Imagine, what you will KNOW tomorrow !
pacificblue03
Posts: 425
Joined: Sun 13 Jun 2010 12:35 am
Weather Station: Davis vantage vue
Operating System: windows 11
Location: Sydney Australia

Re: All the help you can offer me PT 5

Post by pacificblue03 »

beteljuice wrote:As you are using <#webtags> and not eg. building the page from realtime.txt, everything except the temp trend can be html.

eg. for wind

Code: Select all

<img src="images/<#wdir>.png" alt="Wind Direction <#wdir>" title="Wind Direction <#wdir>" />
NB: You would need to rename your Calm.png to ---.png

PS. When you DO start JS or PHP coding, thousands of lines are not uncommon :lol:
haha yes i have very much noticed that, well at least its working i guess.

Im hopefully going to make my website more, Professional with the home page only loading minor amounts of content, as we learnt in call the other day the home page should never be cluttered and also should have only Necessary content on it, i guess i just got excited and added heaps of things i did not need as other pages provide the exact same information.

I am going to change my layout as shown in the image few posts up from here but i tried it today to position a simple div (float left) and another next to it (float right) not exceeding the pages width and they still go under each other :/

Antonio.
Post Reply