Hi, I want to change the background of a textbox with the following javascript:
document.getElementById("N
seems to work fine, except in safari. does anyone have a solution?
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
I created an application right here:
http://xentor.mysticwicks.
that does exactly what you ask, including in Safari.
Yes, Safari is picky. Instead of reacting to ['style']['backgroundImage
My script just sets them both...
Aargh, I just been too busy and must have not read your entire comment last time I read it.
You are correct in your assumption. In Safari you can _not_ style any form elements. It's a decision made by apple that form-elements are part of the user-interface, to aid usabillity such elements must be imutable as far as style is concerned.
I am not aware of any hack that will allow you to override this behaviour, the only option left, it seems, is to replace the fields with something else, however, I wouldn't want to be the one replacing all the text-inputs with html/javascript constructs. This however in no way breaks the CSS2 spec, so don't bother filing a bug or anything. The spec warns about form-elements not nessecarily being stylable.
mreuring, please check your sources. The page I linked to contradicts your statement. At least the textarea element can have its appearance changed (some other elements might be shielded against such tampering).
reinoutkool: Safari does support png too. What version are you using? I tested with the public 3 beta (3.0.3 (522.15.5)) for Windows, and the latest nightly Webkit (r25585).
OJ: No need to check my sources, I've got Safari running on my powerbook (G4 with OSX.4) and it doesn't work...
As Safari 3 is not currently the default on OSX I have not yet bother to check if that does anything more than Safari 2. Since the mentioned link was produced in 2006 I rather doubt the creator even took note of Safari at the time...
P.S. It's not a matter of politics, it's a matter of technology that creates a Safari version that can't run on a lower OSX version (More or less like IE7 can't run on w2k and wasn't running on Windows XP until Microsoft started losing market penetration to more secure alternatives.)
The author of that page is me... and yes, I did bother to look at Safari and yes, I did use an iMac at the time. Unfortunately the harddrive died and I had to resort to an Wintel box... where Safari 3 is being promoted as the only browser by Apple.
Thus when you're stating that Safari can't, you're wrong. Maybe specifying more precisely, like Safari 1 and 2 on MacOsX can't, you might be right. Safari 3 on Windows can.
And yes, those technology choices are Apple's. It is politics: it forces us to upgrade to a newer version of the OS. That's a different topic, though.
I am no more wrong than you are, we just use a different reference.
As most people who bother to target Safari are doing so for the benefit of OSX users I choose the common denominator of that target group. Safari 3 is in beta and not part of the automatic update program, it's only in use by two or three distinctly small groups of users. Those that want to test for Safari on Windows, those that are early adaptors and those that develop widgets for OSX.5
The common OSX users doesn't even know Safari 3 exists and certainly isn't interrested until it appears in their Software Update dialog. So, when I speak of Safari, I speak of the most commonly used version, as that is the most relevant one in regard to development.
Business Accounts
Answer for Membership
by: mreuringPosted on 2007-09-13 at 14:00:26ID: 19887102
I've found that Safari can be quite picky when trying to set styles from javascript. Possible ways of solving would be using the full background syntax:
document.getElementById("N
Or the seperate styles:
document.getElementById("N
document.getElementById("N
Another possible problem may be that the id is not unique or the id matches an internal javascript object. So I would like to know if you've enabled the debug menu and checked the javascript log, which might provide an answer for you :)