how would i go about changing the background of a row in a table that has colums when a check box is clicked...i can change the colour of a single column but how can i change all the columns in a row? ive heard about this "get prarentnode" thing but i dont know how to use it.
View 7 RepliesI don't mind about fancy stuff with the Superfishmenu. I just want to be able to change the colour of the text and the background. The default is light cyan and blue. How can I do this?
View 1 Replies View RelatedA client has approached me to build a website which allows visitors to display a rug, select different parts of the rug and change it's colour.I've come across a website that does exactly this, it displays a photo of the rug, you select a colour and then click the part of the image you want to be that colour, and it changes it.
Does anyone know how 1) to pick a colour from an image, and then to 2) change it. Is this possible with javascript, or will I need to use javascript to select the colour from the image, and then some server side PHP to manipulate and reload the image?
I am relatively new to JS, altho have a lot of experience in HTML. Am experimenting with pull-down menus, and I would like the font colors of my text options in each menu to correspond to the text. Here's my code, and I've also included a list of the font colours if anyone can help with this that would be fantastic! Or if you could even get the backgrounds of the options to match the colours listed below (if you hit 'reply', look at the pull-down menus and underneath ''Colours'' you can see what I mean!) Code:
View 2 Replies View RelatedIs it possible to create a text hyperlink with 2 different font colours in one word e.g. Hyperlink so that the colours swap over when the mouse is placed over any part of the link i.e.. Hyperlink. ?Using #FF6600 for orange and #006600 for green and by setting the css as follows:
.graph a:link {
color:#FF6600;
text-decoration: none;
[code]....
There are a couple of things I'm having issues with and was hoping someone could point me in the right direction:1) When you click the check boxes, the image area is selected in red. I'd like to make it so when you click on mild=yellow, moderate=orange, severe=red. But as the colour is specified in default_options. How do I specify the colour for each check box separately?2) I'd like to move the text and check boxes to the top left of the image (I can get the image to float right, but can't seem to move the text (as an asp:panel) to the top left. It is still at the bottom, even after playing with the height etc.
View 5 Replies View RelatedWhere I work there are certain dates where nothing can be done, certain times where work can be done with caution, and dates where work can be done. I want to put on the site a traffic light that would change colours based on the calendar dates where work can/can't be done.
For example, if April 11th there is stuff to do, the traffic light would be green. But April 12th, there isn't work to do, it would turn red. Do you know how I would go about doing this?
I can't seem, for the life of me to get this to work at all. I've tried everything out there and can't get it to work with IE 7: I would like to change the border color of my table row on hover.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
[Code]...
I have a table nested in a row of another table, briefly:
<table id='table1'>
<tr id='row1'>
<td id='col1'>
[code]....
I have a problem with changing the pictures in cells in the javascript created table.I need to change the picture in specific cells. Like: 5.th row, 4.th cell and so on.Here is the code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
I'm new to jquery so I'm having a bit of an issue cloning a table row and having all of the id's change correctly. I'm able to clone a row with no problem and change the id of the tr after clicking a button by doing this:
var newId = document.getElementById("id").value; // This works because I am using a hidden input for my id $(id).clone().attr("id", "row" + newId).insertAfter("#div_id");// This changes the id of row The problem I am having is when I want to change the other id's inside of the tr. After insertAfter() I'll do the following: .find("span").text("Item" + newId).find("#Item_A" + oldId).attr("id", "Item_A" + newId);
The first .find will change the text with no problem, its when I get to Item_A that it will keep the old id instead of incrementing to the new id. Yes, I am declaring oldId as a variable and assigning it as newId - 1. Any ideas on how to make sure all id's are incremented properly?
I am currently making a website with 2 Frames, top and bottom. Top Frame will be a table.Bottom Frame will be a row with the information from the last row *you* clicked in Top Frame.
______________________________
| |
| TABLE HERE |
[code]....
I am building a schedule web page and before I just had it use plain static HTML and CSS to control the styling. I wrote some javascript that goes through the table's rows, then cells (double for loop), and if the cells innerHTML == "" then the style class is changed. I do have some working code, however it only works in IE. Here's a copy of the script:
<script type="text/javascript">
for (var i = 0; i < document.getElementById('table').rows.length; i ++)
for (var j = 0; j < document.getElementById('table').rows(i).cells.length; j ++)
if (document.getElementById('table').rows(i).cells(j).innerHTML == "")
[Code].....
I'm new to Javascript so bear with me. I'm trying to change the bgcolor of specific rows in a table, here's the code for one of the row:
<tr id="testing" valign="top" bgcolor="#<?= $defaultcolor;?>">
<td><?=$lang[store_name]?></td>
<td>
<select name="namebg" onChange="document.getElementbyId('testing').bgColor=this.options[this.selectedIndex].value">
<option selected="selected" value="">Select Row Color</option>
<option value="FFFFFF">White</option>
<option value="F0F8FF">AliceBlue</option>
<option value="00CC99">Green</option>
</select>
</td>
</tr>
I tried to use style.getBackgroundColor but that didn't work either, please, any help would be appreciated.
I have a DIV element on a page that has a style="visibility: false" when the page loads. When a user unchecks a checkbox, I am using JQuery to do many things on the page. All of which are working but one thing. I cannot seem to make the DIV element visible. I have tried several things all of which have not worked. how to make this DIV element visible using JQuery? Here is one of the things I tried which didnt work... dv1 being the ID for the div.
[Code]...
I need to write to table cells in a given column. To illustrate:
<table id="tableName">
<tr>
<td id="col1">some value</td>
[code]....
I'm populating a table from my database using .Net and within this application, I am then comparing the value the user has entered to the first column of every table row in the pre-populated table.For some reason, when I loop through each row in the table and return the value in the first column...the value always stays the same when in fact i know its different by just looking at it on the screen and in the html source.I throw up an alert message for each time it loops, and it its looping the correct amount of times, just not returning a the correct value.
HTML:
<table id="tblProducts" name="tblProducts">
<tr>
<td id="tdProdNum">
[code]...
Since IE does not support hover for elements other then link I would like to use an event listener via attatchEvent to change the style of the row when the mouse is over and then again when it is out.
myElement = getElementById("row2");
myElement.attachEvent("onMouseOver", IEmouseOver);
myElement.attachEvent("onMouseOut", IEmouseOut);
<table>
<tr id="row1"><td>Row 1</td></tr>
<tr id="row2"><td>Row 2</td></tr>
</table>
What I am sketchy on is how to create the functions to change the row background color.
I'm the webmaster for a recreational organization. As part of one page of the
site, I have an HTML "Calendar at a Glance" of the organization's events for
the month. It's a simple table of a calendar, 7 across by whatever needed
down, and I manually create it each month - not a big deal.
Every day I go in and darken the background color of the current day's cell
by changing the appropriate <TD> entry to <TD bgcolor="c63800"> and uploading
the page. Takes well under a minute start to finish. Thus the calendar
gradually changes color over the course of the month, with the past dates dark
and the future dates lighter and thus more apparent to the eye.
But I have to ask if there's a nifty way in which this might be done
automatically, based on the current day and the number (the day of the month)
that follows the <TD> entry.
A typical "before" entry is
<TD>23<br>Peet's Coffee, Newport Beach<br><br>8 AM: Don<br>9 AM: Molly</TD>
and an "after" entry is
<TD bgcolor="c63800">23<br>Peet's Coffee, Newport Beach<br><br>8 AM: Don<br>9
AM: Molly</TD>
I don't pretend to be a javascript heavy, but can usually stumble my way
through a task given some words of wisdom. Is this "doable"?
I'm writing a dynamic form that allows users to add fields. Thesefields are contained in a table.I have this function to clone the rows (my table has an ID of
EventType)
function addEventType()
{
[code]....
I'm super new to any kind of java script. What I want is a menu that, when clicked, changes the background color of a table cell to blue. When a different option is clicked, the current highlighted table should turn back to gray and the new selection should be blue. Well, I have all of that working. What I need now is just to have the first option start out highlighted and to become unhighlighted when another option is clicked.
[Code]...
Basically, I'm trying to make a "chat-like" updater with javascript.
html.html includes the following:
<html>
<head>
<script>
var t;
function getData () {
document.getElementById("dataStore").href = "test2.html";
}
function update (message) {
getData ();
document.getElementById("txt").innerHTML= message;
t = setTimeout ("update ()",1000);
}
</script>
</head>
<body onload="getData()">
<div id="txt">hello</div>
<script id="dataStore" type="text/javascript"></script>
</body>
</html>
The file that it should get variables from is from test2.html, which is below:
var updateData = "hello!dasd";
update (updateData);
For this example, basically - I want javascript to change the "hello" in test.html to "hello!dasd" found in a variable in test2.html. This should keep asking for new updates from test2.html (which will be dynamic with php).
This should be simple, but can I change parameters like the url coming
in:
www.testpage.com?test1=a
<script>
document.setParam("test1", "b");
</script>
something like that? I want the parameter to change based on the code..
I am looking at ways of altering the appearance of web pages by calling alternate external stylesheets. This has obvious use in catering for accessibility issues.
There are existing sites that offer the facility to change font size, font colour, background colour, but these use server-side code. I would like to do this using client-side code, because I want to intergrate this with an HTML-based virtual learning environment (VLE) that is unlikely to accept server-side code.
I can obviously call a second stylesheet, which overrides that called in the <head> part of the HTML code. However, I cannot do this by user control using an <a href "javascript" ... call.
What is going wrong? As I have indicated in the comments in the file, the 'document.write' statement works in its own right to call a new CSS file. The function also works in its own right. However, the href doesn't do what I expected.
However, that is just the start. If I can get this to work, I would like a way of passing the 'new' stylesheet to other pages, so that the user selects their options once and then sees the same appearance in all pages in the VLE.
I have a small problem this my javascript. I want it to change the url/src of an iframe I have on the screen, but I can't find anything that works.
var newiframepath = "http://newURL.htm";
frames['iframeName'].location.replace(newiframepath);
I also have this (again doesn't work):
var newiframepath = "http://newURL.htm";
iframeName.location.replace = (newiframepath);
Can anyone help?
I have bigpage.html that has the text "click" in it. Also, it contains the iframe small.html.
In small.html there is the text "visible"
How do you get it so that when you click on "click", "visible" changes from black(default) to red?