 |
| View previous topic :: View next topic |
| Author |
Message |
daltonlp
Site Admin
Joined: 24 Nov 2003
Posts: 1471
|
 Posted: Fri May 21, 2004 Post subject: calendar.indianhead.org |
 |
|
calendar.indianhead.org
This is the largest known installation of Plans, with (currently) 1000 events spread across 33 calendars.
It's running on an 800Mhz win2K box. Flat-file mode, no sql.
There are some custom icons, and colors, but everything else is stock 
It's worth noting that it ran for two years on a 200 Mhz windows NT machine. Performance was slow but acceptable. |
|
| Back to top |
|
 |
allthewhile
Joined: 26 Apr 2004
Posts: 25
|
| Posted: Mon May 24, 2004 Post subject: |
|
|
Resolution: 1024X768
Resolution: 800X600
This is what I'm talking about when I say, "fluid design".
See the difference in the two? |
|
| Back to top |
|
|
daltonlp
Site Admin
Joined: 24 Nov 2003
Posts: 1471
|
| Posted: Mon May 24, 2004 Post subject: |
|
|
I see several differences. Are you talking about the header above the calendar, or the calendar itself?
- Lloyd |
|
| Back to top |
|
|
allthewhile
Joined: 26 Apr 2004
Posts: 25
|
| Posted: Mon May 24, 2004 Post subject: |
|
|
I'm pointing out that the layout is obtuse if it's viewed at a lower resolution. The header seems to wrap fine at lower resolutions, but the calendar doesn't.
letft to right scrolling is a no no as far as design is concerned. I know my school's website suffers from it (slightly) and other design issues as well (where does all of my time go!), I just thought I'd tell you.
http://users.tm.net/gburghardt/webDesign/design/1-basics/designdebate.html |
|
| Back to top |
|
|
daltonlp
Site Admin
Joined: 24 Nov 2003
Posts: 1471
|
| Posted: Mon May 24, 2004 Post subject: |
|
|
The size of the calendar depends on the text in the cells (the words and the font size). If you have any ideas on how to improve this, I'm all ears. I don't like left-to-right scrolling either.
- Lloyd |
|
| Back to top |
|
|
Guest
|
| Posted: Wed May 26, 2004 Post subject: |
|
|
why can't the cells be squeezed horizontally and the text squeezed as well. It's only a little bit so that it can be viewed properly on an 800x600 monitor.
about 37% of all users have their resolutions set at 800X600. That means the calendars won't display properly for nearly 40 percent of the browsers who use plans.
http://www.w3schools.com/browsers/browsers_stats.asp
There's no way to make it more fluid? |
|
| Back to top |
|
|
daltonlp
Site Admin
Joined: 24 Nov 2003
Posts: 1471
|
| Posted: Wed May 26, 2004 Post subject: |
|
|
Changing the browser font size is the only way to "squeeze" the text that I'm aware of.
There very well may be a way (or multiple ways) to make it more fluid. I'm just saying I don't know what they are.
- Lloyd |
|
| Back to top |
|
|
Waffa
Guest
|
| Posted: Sat Jul 02, 2005 Post subject: Why wont You use screen / browser recontision script? |
|
|
I have some ideas... maybe they are not good ones, but here we go.
-----------------------------------------------------------------
1)
Maybe You could use something like text resizer script:
make file textsizer.js
| Code: |
//Specify affected tags. Add or remove from list:
var tgs = new Array( 'div','td','tr');
//Specify spectrum of different font sizes:
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
|
&
| Code: |
<HEAD>
<script type="text/javascript" src="textsizer.js">
</script>
|
& set up link what will increase / decrease font size, something like that 4 example:
| Code: |
<a href="javascript:ts('body',1)">+ Larger Font</a> | <a
href="javascript:ts('body',-1)">+ Smaller Font</a>
|
There are two basic areas within the script you can make changes.
First, within textsizer.js, you can add additional HTML tags the script should affect. Lets say your webpage's text are all controlled using explicit <font size="x"> tags. You can add "font" as a tag the script should affect.
Second, inside the code of Step 2, you may substitute "body" with another tag name or even ID name, to localize the text size manipulation to only the specified containers.
I do not use it with calendar, but with some other pages & it works, just need to customize it.
---------------------------------
2) Use script what wil look up user screen resolution & notifies him if Your page could be better viewed by other resolution:
| Code: |
<script language="JavaScript1.2">
<!--
var correctwidth=800
var correctheight=600
if (screen.width!=correctwidth||screen.height!=correctheight)
document.write("This webpage is bested viewed with screen resolution "+correctwidth+"*"+correctheight+". Your current resolution is "+screen.width+"*"+screen.height+". If possible, please change the resolution!")
//-->
</script>
|
---------------------------------------
Or maybe solution 3 would be to make 2 different "themes" for resolution 800x600 & 1027x768 . And then use script what will detect user screen resolution & automatically redirects them to the page what will display correctly on their screen.
| Code: | <script language="JavaScript1.2">
<!--
if (screen.width==800||screen.height==600) //if 800x600
window.location.replace("http://www.netscape.com")
else if (screen.width==640||screen.height==480) //if 640x480
window.location.replace("http://www.microsoft.com")
else if (screen.width==1024||screen.height==768) //if 1024x768
window.location.replace("http://www.planscalendar.com")
else //if all else
window.location.replace("http://otherSite.com")
//-->
</script>
|
I am not sore if it helped... i havent try them with palns, what You think? |
|
| Back to top |
|
|
Guest
|
| Posted: Fri Sep 23, 2005 Post subject: Re: Why wont You use screen / browser recontision script? |
|
|
| Waffa wrote: | I have some ideas... maybe they are not good ones, but here we go.
-----------------------------------------------------------------
1)
Maybe You could use something like text resizer script:
make file textsizer.js
| Code: |
//Specify affected tags. Add or remove from list:
var tgs = new Array( 'div','td','tr');
//Specify spectrum of different font sizes:
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
|
&
| Code: |
<HEAD>
<script type="text/javascript" src="textsizer.js">
</script>
|
& set up link what will increase / decrease font size, something like that 4 example:
| Code: |
<a href="javascript:ts('body',1)">+ Larger Font</a> | <a
href="javascript:ts('body',-1)">+ Smaller Font</a>
|
There are two basic areas within the script you can make changes.
First, within textsizer.js, you can add additional HTML tags the script should affect. Lets say your webpage's text are all controlled using explicit <font size="x"> tags. You can add "font" as a tag the script should affect.
Second, inside the code of Step 2, you may substitute "body" with another tag name or even ID name, to localize the text size manipulation to only the specified containers.
I do not use it with calendar, but with some other pages & it works, just need to customize it.
---------------------------------
2) Use script what wil look up user screen resolution & notifies him if Your page could be better viewed by other resolution:
| Code: |
<script language="JavaScript1.2">
<!--
var correctwidth=800
var correctheight=600
if (screen.width!=correctwidth||screen.height!=correctheight)
document.write("This webpage is bested viewed with screen resolution "+correctwidth+"*"+correctheight+". Your current resolution is "+screen.width+"*"+screen.height+". If possible, please change the resolution!")
//-->
</script>
|
---------------------------------------
Or maybe solution 3 would be to make 2 different "themes" for resolution 800x600 & 1027x768 . And then use script what will detect user screen resolution & automatically redirects them to the page what will display correctly on their screen.
| Code: | <script language="JavaScript1.2">
<!--
if (screen.width==800||screen.height==600) //if 800x600
window.location.replace("http://www.netscape.com")
else if (screen.width==640||screen.height==480) //if 640x480
window.location.replace("http://www.microsoft.com")
else if (screen.width==1024||screen.height==768) //if 1024x768
window.location.replace("http://www.planscalendar.com")
else //if all else
window.location.replace("http://otherSite.com")
//-->
</script>
|
I am not sore if it helped... i havent try them with palns, what You think? |
|
|
| Back to top |
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
FAQ 
Search 
Memberlist
Register
Profile 
Log in
