|
When applying a size to html form's input elements (type=text) I couldn't help but notice that Netscape (in all its glory) displayed the input boxes approx. twice as large as those displayed in IE.
A workaround to this is to apply a style to the form elements, and set the font-face to a fixed-width font (e.g. Courier). After doing this the size of my input elements was consistently the same for both IE and Netscape.
Martin Eising
|
|
|
|
|
Thanks for the tip!
Jon Sagara
"After all is said and done, usually more is said than done." -- Unknown
|
|
|
|
|
Thanks for that Martin. I'd love to know why it's only fixed-width fonts that work properly. Some dodgy programming methinks 
cheers,
Chris Maunder (CodeProject)
|
|
|
|
|
Actually Chris, the answer to that is both yes and no.
There is a perfectly reasonable explanation why it works the way it does, but it is true that IE's way of accomodating it works better than NS's.
What happens is that a fixed width font has all of it's letters built on a "tile" of space that is exactly the same size for every letter. This makes calculating the width of the form element easy. It also makes them not look as nice, because the kerning and leading are all messed up.
Variable width fonts build each letter on a "tile" that incorporates just enough white space to make the letter look it's best, (providing it was well designed). Thus the font looks much better in most situations. This does mean that every letter is a different width though, making calculating the width of a form element difficult.
What NutScrape does, I believe, is take the largest letter in the base font and make the field long enough to accomodate the maximum possible length of the string. Simple, brute force, pessimistic, looks like sh*t.
What IE does, as far as I can tell, is to find the average width of a letter in the base font and calculate the display length of the field using that value. More elegant, looks better, but fields will sometimes scroll even if you set both the size and the maxlength values to the same number.
Try it sometime, make a form field with its size and maxlength the same value using a variable width font. Open the page up in IE, then hold down the "i" key until you run out of space. Delete all the i's and repeat using the "w" key. Now try it in NS. See what I mean?
Sorry if you knew all that, but I don't get to show off all that often and all you darn MFC programmers make me feel like a novice even though I have been at this for more than a decade. 
Jason Jystad
Cito Technologies
www.citotech.net
Sonork ID 100.9918
>-------------------------------------------------<
Every program has at least one bug and can be shortened by at least one instruction -- from which, by induction, one can deduce that every program can be reduced to one instruction that doesn't work.
>-------------------------------------------------<
|
|
|
|
|
Ah-ha! Mystery solved.
Thanks Jason.
cheers,
Chris Maunder (CodeProject)
|
|
|
|
|
Good going figuring this out!
If I may ask, how long did it take you to figure out?
I am fairly knowledgable about the arcane aspects of fonts and it still took me a couple of hours of head scratching before I thought of this and tried a fixed-width font.
Of course I had been up for 32 hours at that point, but that is no excuse. That is what we have caffeine for! MMMmmmMm caffeine, my old friend.
(http://www.road-to-health.com/rhcoffee.htm  )
Jason Jystad
Cito Technologies
www.citotech.net
Sonork ID 100.9918
>-------------------------------------------------<
Every program has at least one bug and can be shortened by at least one instruction -- from which, by induction, one can deduce that every program can be reduced to one instruction that doesn't work.
>-------------------------------------------------<
|
|
|
|
|
We have an ecommerce site using site server and were requested to create a unique order number. The number is not hard to create, but trying to insert it into the pipeline is proving to be a pain. If we don't put it in the pipeline then the chance of 2 querys done at the same time is slim, but still a chance. Creating the number in the pipeline is throwing troubles further down when the number is saved to the db, error server timing out. Anyway, if anyone knows anything about this situation please help!
chris tranchina
web developer
|
|
|
|
|
I welcome! I have problem of such plan. There is big article. The visitor by virtue of some reasons selects a part of the text. Whether somehow it is possible to learn with help DHTML, what was particularly allocated to make with this piece the certain action? If it is possible, in what browsers it will work? 
|
|
|
|
|
I've been trying to work out how to do the same thing. AFAIK you can't - but if anyone has managed to do it PLEASE enlighten us!
cheers,
Chris Maunder (CodeProject)
|
|
|
|
|
Someone at another forum has advised me to use a method "select". I think it can't help me. May be, I am wrong...
|
|
|
|
|
What sort of software packages are out there to assist in creating a shopping cart and connecting to a merchant account?
|
|
|
|
|
More than you could shake several hundred sticks at. 
I'll list a few here. Be warned that while some of them are good, I have not found one yet that I really like. Miva is probably the one I like best so far, but that is because I can modify the code, not because it is so great.
Miva Merchant
IIS Cart
Interchange
PerlShop
ASPCart
CoolCart
Those are the ones I can remember off the top of my head.
(It scares me, how many of those I can just recite)
Jason Jystad
Cito Technologies
www.citotech.net
>------------------------------------------------<
"Luckily," he went on, "you have come to exactly the right place with your interesting problem, for there is no such word as 'impossible' in my dictionary. In fact," he added, brandishing the abused book, "everything between 'herring' and 'marmalade' seems to be missing."
-- Dirk Gently (Douglas Adams)
>------------------------------------------------<
|
|
|
|
|
Thanks, just need someplace to start.
|
|
|
|
|
No problem, that is what I figured you wanted thats why I gave a list of possibilities.
If you find one you think is extra spiffy, let me know so I can look at it too. I am always up for a new product, and good cart systems are hard to find. There are a ton of different ones out there, but so few of them are REALLY good.
Good Luck,
Jason Jystad
Cito Technologies
www.citotech.net
>------------------------------------------------<
"Luckily," he went on, "you have come to exactly the right place with your interesting problem, for there is no such word as 'impossible' in my dictionary. In fact," he added, brandishing the abused book, "everything between 'herring' and 'marmalade' seems to be missing."
-- Dirk Gently (Douglas Adams)
>------------------------------------------------<
|
|
|
|
|
Don't you hate it when you work hard on your project, only to find your client isn't so impressed just because of what it looks like on the outside?
If you need help with graphics and user interface layout, Z Web Graphics can help. We specialize in working with developer's to give your project the image it deserves. We know how hard you work behind the scenes, and we will help you reflect that on the surface.
All you have to do is email us at info@zwebgraphics.com, or fill out our customer profile form located on our website at www.zwebgraphics.com. It all can be done via email, by you telling us a little bit about you and your project, then we can begin designing mock up layouts, and sending you graphics via email. It is all very easy, and very inexpensive.
Contact us at info@zwebgraphics.com or visit our website at www.zwebgraphics.com for more information.
Z Web Graphics
|
|
|
|
|
Once again, who are these FiretrUCKing gits and why ware they posting ads all over?!? 
Jason Jystad
Cito Technologies
www.citotech.net
>------------------------------------------------<
"Luckily," he went on, "you have come to exactly the right place with your interesting problem, for there is no such word as 'impossible' in my dictionary. In fact," he added, brandishing the abused book, "everything between 'herring' and 'marmalade' seems to be missing."
-- Dirk Gently (Douglas Adams)
>------------------------------------------------<
|
|
|
|
|
I use the following script written by Massimo Foti to make an image appear to always fit the size of the window.
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = "http://www.myAddress.com/images/banner_04.gif";
if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;}
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();}
if (NS4) onresize = reDo;
if (IE4) onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;}
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = "<div id=elBGim"
+ " style='position:absolute;left ;top ;z-index:-1'>"
+ "<img name='imBG' border='0' src="+imSRC;
if (scaleWidth) imStr += " width="+winWid;
if (scaleHeight) imStr += " height="+winHgt;
imStr += "></div>";
document.write(imStr);}
makeIm();
I use this on about 15 seperate plain html pages, and I change the images weekly. What I am asking is, can i instead of writing:
imSRC = "http://www.myAddress.com/images/banner_04.gif";
can I write a variable that links to an external javascript file that has the addresses to the images. for example if I have a page that's about cars, then I want to write something like imSRC="car" which is linked to a javascript file called "backgrounds.js" which has in it something like:
....
car variable ="http://www.myAddress/images/wednesday_car.jpg
boat variable = "http://www.myAddress/images/wednesday_boat.jpt
...
I want this so I can change the image addresses in one spot instead on each page.
So, how do I set the variable on each page and link to "backgrounds.js" and how do I set up "backgrounds'js".
I realise I can do this more automatically if it was database driven, but I aren't ready for that...
I hope I have clearly explained what I want.
Regards
jaslr
|
|
|
|
|
I can see a bunch of ways to do what you ask, but there are two in specific that I think are the best.
Assuming you want to stick to HTML and JavaScript I would recommend using an include file. That way all of your pages will contain the same referance to an external include file and you will be able to just edit the include file to effectively change all of them. Your include file would simply contain some JavaScript that declared the variables you are talking about. Then you could just enumerate the appropriate variable in the JavaScript inside the page to populate the SRC attribute of the IMG tag.
The more powerful way to do it would be to use a server side scripting language such as ASP or PHP to select and output the appropriate image based on a query string. Then you could simply point the SRC attribute of the IMG tag to the ASP or PHP script with the query string set for that page. This is the more elegant solution, and is the way I would choose to do it.
Let me know which way you would prefer and I can give you specific code examples and article references.
Jason Jystad
Cito Technologies
www.citotech.net
>------------------------------------------------<
"Luckily," he went on, "you have come to exactly the right place with your interesting problem, for there is no such word as 'impossible' in my dictionary. In fact," he added, brandishing the abused book, "everything between 'herring' and 'marmalade' seems to be missing."
-- Dirk Gently (Douglas Adams)
>------------------------------------------------<
|
|
|
|
|
Take a look at this article
http://javascript.about.com/library/weekly/aa102901a.htm
it talks about external javascript files, referanced like so:
another approach would be traditional include files. but I would try the external javascript first.
Here are a couple of links to some info on SSI in general. If you decide to try includes, you can give them a read.
http://mkruse.netexpress.net/info/ssi/
http://hoohoo.ncsa.uiuc.edu/docs/tutorials/includes.html
hope that helps. if you decide you want to try the dynamic version using asp/php let me know and I'll post a code snippit.
Jason Jystad
Cito Technologies
www.citotech.net
>------------------------------------------------<
"Luckily," he went on, "you have come to exactly the right place with your interesting problem, for there is no such word as 'impossible' in my dictionary. In fact," he added, brandishing the abused book, "everything between 'herring' and 'marmalade' seems to be missing."
-- Dirk Gently (Douglas Adams)
>------------------------------------------------<
|
|
|
|
|
you can link to an external javascript file by using the attribute in a script tag src="background.js" by incuding that attribute you can interact with the JS file withing the script tag.
-Steven
Visit Ltpb.8m.com
Surf the web faster than ever:
http://www.404Browser.com
|
|
|
|
|
Ok, I have my html page called test.htm, my external javascript file called images.js and one of my images called banner_02.gif. They are all in the same directory.
This is my html code (don't mind the rest, just my variable imSRC = banner;:
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = banner;
if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;}
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();}
if (NS4) onresize = reDo;
if (IE4) onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;}
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = "<div id=elBGim"
+ " style='position:absolute;left ;top ;z-index:-1'>"
+ "<img name='imBG' border='0' src="+imSRC;
if (scaleWidth) imStr += " width="+winWid;
if (scaleHeight) imStr += " height="+winHgt;
imStr += "></div>";
document.write(imStr);}
makeIm();
------------------------
Now, I aren't sure how I should write images.js
This is all I have:
var banner = "banner_02.gif";
--------------------------
I know that test.htm is reaching images.js, because when I remove script src="images.js" I get an error with the variable banner.
How do I write the external javascript file?
Regards
JRoberts
|
|
|
|
|
The images.js file should be somethign like this:
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = banner;
if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;}
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();}
if (NS4) onresize = reDo;
if (IE4) onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;}
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = "
+ " style='position:absolute;left ;top ;z-index:-1'>"
+ "
";
document.write(imStr);}
makeIm();
in test.html it should have:
var banner = "banner_02.gif";
Visit Ltpb.8m.com
Looking for more tutorials? Ltpb.8m.com/Tutorial
3D Image Library: Ltpb.8m.com/Image
Surf the web faster than ever:
http://www.404Browser.com
|
|
|
|
|
How to transform this using XSL ?
<TAGNAMES>
<TAGNAME a="1" b="2">
<TAGNAME a="1" b="3">
.
.
<TAGNAME a="2" b="4">
<TAGNAME a="2" b="5">
.
.
<TAGNAMES>
to the form
<P>
<X x="1">
<Y="2">
<Y="3">
.
.
</X>
<X x="2">
<Y="4">
<Y="5">
.
.
</X>
</P>
Thank you!
|
|
|
|
|
Actually this isn't valid XML. No closing of the TAGNAME tags.
I'm affraid what you are trying to do may not be possible in a general case
 . If the A values are from a known set you can probably do it, by doing an xsl:if and a xsl:foreach for each possible value
<br />
<xls:if select="TAGNAME[@x='1']"> <br />
<xsl:foreach select="TAGNAME[@1='1']"> <br />
...<br />
<br />
The absence of genuinely variable variables in XSL otherwise rather screws you up.
|
|
|
|
|
jenitennison.com is very helpful. It shows how to group XML elements based on keys.
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
