I want to get the colour in HEX format using "thing.style.backgroundColor". Like "#FFFFFF" or whatever. IE gives this but FF gives it as "rgb(0,0,0)" format.
Is there a simple function/method of getting it as hex? (or a conversion function)
When I set the background colour of an element using
tdRef.style.backgroundColor and then read it back, Firefox always
gives rgb(r, g, b) regardless of whether I've used rgb(...) or #rrggbb
to set it.
If I use tdRef.bgColor to set/read the value, I always get #rrggbb
regardless of whether I've used rgb(...) or #rrggbb.
IE, on the other hand, when using style.backgroundColor reports back in
whatever format was used (either rgb(...) or #rrggbb), but, like
Firefox, always gives #rrggbb for the bgColor method.
My question is which method is most consistent across various browsers?
I want to use style.backgroundColor (since some browsers don't support
bgColor, I guess it's a legacy from the ver 4 browser days). If I
decide to use rgb(...), is it consistently supported by other browsers
or do some report in #rrggbb regardless? Code:
I have written a javascript version of tetris and at every 10th cleared line, I change the body background color more towards red. However, the page only seems to update parts of the background. It is only after min/maxing the window or otherwise forcing a redraw that the whole page background is actually updated to the correct color.
Any idea why this is and if/how this can be fixed?
This line works as expected, but it may be relevant to highlight.
document.body.style.backgroundColor = "rgb(255," +GB+ "," +GB+ ")";
I have this php generated table
for ($i=0; $i<=count($mat)-1; $i++)
{
echo '<tr id="tr'.$i.'" class="table_body" bgcolor="GhostWhite"onclick="changeColor(this.id)">';
echo '<td width="150">'.$mat[$i][0].'</td>';
[Code]...
I would like to do things. 1) to change text in span to "" and 2) to change background of it.When I click on anchor, so "Saved!" with green backround will appear. And it would disappear after 1500 ms.
View 10 Replies View RelatedI'm trying to compare a <div> background color with another color. However, on FireBug, I noticed that my <div> doesn't have a background color code in it (I placed document.getElementById(o) on watch), even though I have already specified on my css. As a result, I'm comparing an empty string with another color code. Why is this so ?
Javascript:
function highlight(o) {
var color1;
color1 = document.getElementById(o).style.backgroundColor;[code].....
I need help with an IE8 problem. I want to give as many facts as possible.
Reference: [url]
I have already banned less than IE8 from my site but have the following problem with IE8 only (works on Mac and Win in these"allowed" browsers:Safari 5+, Chrome, FF 3.5+ and Opera 10+):
I use the backgroundPosition setter / getter extensively in this animation-extensive site.
But it breaks in IE8.
I did hack this as the only way I could get IE8 to work in a frame animation algorithm, noting that I have to test for browser and version (ugh) and then use this getter:
The following is an example that appears to work but seems unstable to me: (note that "accordionState"references an object within a data store attached to the "page" element):
There are many other cases where I have get or setbackgroundPosition,especially in the 'over' and out' functions where I use hoverIntent.
As a great fan and user of jQuery, I am puzzled that this will not work in IE8. Note thatbackgroundColor does not work either, although I do use UI to do these sorts of things and it seems to work in IE.
I have such code:
<a href='localhost' onclick='$.post("index.php?action=ax&save=1", { tname: "basic", rid: "3", col:"id", val:$(this).prev().val() } );$(this).next().html(" Saved!"); return false;'>Save!</a>
[code]....
There is a live search on my web page but the box of available options which falls below the 'input' field has a transparent background color. How can it be changed to non-transparent?This line below makes the background white, but all the text on the page shines through, since the default is transparent.
[CODE]
document.getElementById("linksearch").style.backgroundColor="#FFFFFF";
[CODE]
This instruction line does not help much 'cos I can't figure out the correct way to make it work:
[CODE]
i want to animate the backgroundcolor of the <body> when the page is loaded. It works - but sometimes when i switch from one page to another or if i just reload a page, it doesnt change.First i used this script:
<script>
$(window).load(function(){
$("body").animate({ backgroundColor: "#bdc58f" }, 1000);[code].....
But it doesn't make any difference - both are working generally, but sometimes if i load a page it doesnt change the color.
I would like to select all input elements on a page in which have a specific background-color.How would I go about doing that?
View 7 Replies View RelatedI have created a very simple JavaScript code to display larger images of a thumbnail image on the main section of a website. It works fine in FF3 however in IE 7 is giving me an error code of Invalid argument on line 6 character 1. The funny thing is I have used this exact code in another site and it worked fine with IE 7.
View 2 Replies View RelatedI have the following code:
var ns4 = (document.layers) ? true : false;
var ie4 = (document.all && !document.getElementById) ? true : false;
var ie5 = (document.all && document.getElementById) ? true : false;
var ns6 = (!document.all && document.getElementById) ? true : false;
function show(sw,obj) {
// show/hide the divisions
if (sw && (ie4 || ie5) ) document.all[obj].style.visibility = 'visible'
if (!sw && (ie4 || ie5) ) document.all[obj].style.visibility = 'hidden'
if (sw && ns4) document.layers[obj].visibility = 'visible'
if (!sw && ns4) document.layers[obj].visibility = 'hidden'
}
function showme(myarea,x){
//alert(myarea);
if(myarea==1){
//alert("area is yerushalayim");
show(true,x)
}}
for some reason it's not working at all on firefox -- (the hidden div never gets visible) -- anyone know why and how to fix?
This code works inside my coffee cup test browser but when i test in other browsers it doesnt work at all. none of the features work, drag and drop, highlight text on focus, and cursor change on mouse over.heres a simple code i put together.
<html> <head> <title>sample</title>
<script type="text/javascript">
function handleMouseMove(oEvent) {
[code]....
i have a item switcher i have made in php and java script but for some reason it works in google chrome but not in firefox. The switcher lets the user pick 1 item and make it there active item so they can do things with it.
[Code]...
I've inherited a page that enters data into a database, some of the fields are calculated and one uses today's date. In Firefox it all works fine but in IE it wont load the full page.
View 2 Replies View Related<HTML>
<HEAD>
<TITLE> MEA </TITLE>
[code].....
I have the following code that I modified from an online article that works great in internet explorer but not in Mozilla Firefox.
Code:
<script language="JavaScript">
var NS4 = (document.layers);
[code].....
wat does "native code" in firefox dom inspector mean?
function hasAttribute() {
[native code]
}
can anyone help me with this?
I have what I thought was a simple piece of code to count characters in a text area. The code works fine in FF and safari, but not in IE. Can someone explain if the problem is my code or something else.
View 3 Replies View RelatedI have some code, using all the DOM documentation in the developer.mozilla.org website. For some reason it's only working in the newest Firefox 2 versions, and not 1.5.0.x
I'm having a hard time finding any documentation of what's not supported.
Can you guys help me? Here are the functions I'm calling:
getRangeAt();
range.collapsed
document.createElement("div");
range.cloneContents();
element.appendChild(clone);
document.getElementById("divid");
do you think it's createElement div? Maybe I can't create a div element?
I have attached some files in a zip file. The idea of the code is to click on a textbox in the right frame and a copy is produced in the left frame which can then be dragged around. The code works fine in Firefox however does not work in IE. Can someone help me. The file to run is aspCreateForm.html . I am using a library called dom-drag for the dragging. a copy of this is in the attached zip file.
View 1 Replies View RelatedHow to code this line of javascript for Firefox.. Code:
if (document.all) fader.innerHTML = text_out; // document.all = IE only
I was trying to get the code below to work in Firefox as I can see it was aimed at old IE and Nestscape. I does work on IE7 but not Firefox or Safari or Chrome.What I was trying to achieve was playing a sound on mouseOver which would stop on mouseOut. That's all. I tried other things before I bumped into the code bellow. This one was very much what I needed but I really need to get it work in browsers other than IE and Netscape.Bellow is the original code:
Code:
<script LANGUAGE="JavaScript"><!--
var aySound = new Array();
// Below: source for sound files to be preloaded[code]....
re-engineer the above but have a different solution to playing a sound when you hover over a button (solution that works on the major browsers out there),
I want to focus on my error field but this won't work in firefox code...
View 1 Replies View RelatedI have created a new theme for Rapidweaver and integrated some neat JQuery animated sliding panels and frankly I was feeling pretty chuffed with my efforts as I am far from a JQuery expert.[URL]..In the side panel on the left, I have embedded a Titter feed widget, lifting the code direct from Twitter. In Safari, Chrome, Opera and even jolly old IE this works fine. But Firefox has a fit and displays a blank page - or just plain won't load. If I remove the Twitter widget the page loads perfectly happily. If I disable Javascript in FF, the page loads (but there is no animation etc) - so there is clearly a JQ/Javascript/Twitter script issue going on here that is causing FF to freak out...
Of course the simple solution is not to add the Twitter feed, but since this is exactly one of the uses I was planning for this sliding panel, that's a fat 'non' option. All the JQuery code I have used for the theme has 'no conflict' calls and I have even added specific calls for specific code - so stuff like:
[Code]...
