Cellphone/Mobile Scripts (XHTML Mobile 2.3 Certified)!

Fixed, plus added ajax to rain… That wasnt there…

new cell-ajax-dashboard.php attached.

I tried your new script but it no longer opens to the width of my phone like it did before, it now opens like a normal web page would with the page in the middle with black on both sides.

did you replace the css file?

I did. I even checked your page and it opens the same way.

you must have wide phone?

I have a HTC Sensation 4g with a screen rez of 540 x 960.

change this line

@media screen{
#container {
max-width: 320px;
}
}

to something bigger

I have a blackberry and i found I can go up 360… I can change the forecast synopsis to 50 now also. So maybe I need to writeup some documentation on some changes for different screens…

Im going back and changing the tables to say width=100% etc to make sure they are scaled… I do have some graphics that are fixed size, so that will need to be changed… maybe a variable for all of this?

I made some changes now… I added a variable called pagewidth to the css page and to the cell-top page… I then have all the images scale off that number. I also made the forecast synopsis parse off that number…

So if you guys like this, I can upload these files… Let me know…

That sounds good, with so many diffrent sized screens out there it would be nice to try and fit more than just my own.

Well, I’m trying to implement the script but I have some issues concerning the units.
I use the metric system so I made all necessary modifications in the scripts run in metric.

There are two values that units appear in English system, Current Temperature and Max Monthly
wind gust! All others are fine! Take a look(ignore the translation, I haven’t done with it yet):

http://www.meteothes.gr/cell.php

Anyway, thanks for the fine script!

Thanos

Yeah i’ve started from 2 year old code or so… Let me look into the temp and wind thing…

Your forecast page and webcam page will need to be updated lol :slight_smile:


let me know if this fixes your unit issue…

There is a request for a different fire index I will try to update that later and re upload scripts since I changed the width parameters…

Can someone help me out on fire index? Bashewa put out many different sets of graphics…

Right now its hardcoded to use graphics called CBI-Fire0.gif (fire16,fire25, fire31, fire32)… I figured anyone can use what graphics they want and just rename them to that?

Also If using Chander then I report the CBI.

But if using FWI, just report the number out of 31?? So use the same graphics code, but just change what is listed as text?? Am I understanding this?

Updated original “a” file… Included the ability to specify width (modify the css sheet and cell-top). Added Fire weather vs Chandler support. Included new graphic Moon2.png and sun2.png since I had to make them bigger for larger width cell phones…

I’m not sure why but your page dose not open the why it use to on my phone.
I attacked an image from my phone with the way the web page opens from your page and my page with your old script.


I have mine set to 360 pixels. I was doing some experimentation and it appears i can make it 1000 and it will just squeeze to fit… lemme switch it to 540 real quick and let me know what it looks lilke

ok set to 540… let me know if its bigger

It did get wider but it still dose not fit the screen. I think there was something in the old code that made the screen fit the page rather than the page fit the screen, if that makes sense.


Well so the code is working correctly, what can be done is to change the width even larger — or i can tell you what to change in the css to “break” it again … Its all driven by 2 CSS sections…

OLD
body{
background:#000;
color:#000;
font:12px Arial;
margin:0;
padding:0
}

#container{
border:1px solid #ccc;
text-align:left;
background:#FFF;
padding:4px
}

NEW
body{
background:#000;
color:#000;
font:12px Arial;
margin:0;
padding:0;
text-align:center;
}

#container{
text-align:left;
background:url(2.jpg);
padding:4px;
margin:0 auto;
}

I’m not even sure what the old one was doing, it was confused… But in the body section, the text-align:center is needed and in the #container section the key line is text-align:left (to make it not all centered) and margin:0 auto; (the auto is key).

Also the width is controlled by this:

@media screen{
#container {
max-width: 540px;
}
}
(media screen just means what it looks like on the screen), it would have print full width.

So its easy to fix it back to whatever you want… Not sure what I should do with the main release files… I’m thinking specifying a width. On my BB it fills the screen but its narrower than the monster phone you have.

I put the old css file in place and there was no change. I think the silly cell.php?skip=1 was doing something more than just being silly.

hmm… lemme look in a bit at that…