I got 3 sections on the site, at the bottom of each are 5 bars which are used to change the text color. I'm trying to minimize the code, so I created an array which contains all the colors, but I'm not sure where to put the call to the array. If I put it in the for loop, the selected color will always be green no matter which color you click. The bars should also go up to 40px when clicked and when the next bar is clicked the current bar at 40px should go back to it's originals size(20px)
this is the JS var colors = new Array(4); colors[0] = "#ed1c24"; colors[1] = "#736257"; colors[2] = "#620460"; colors[3] = "#e87e01"; colors[4] = "#00a650"; [Code]....
I have a master table list containing 30 songs and a "play" button at the bottom of the page.when i click on "play" button it should generate one more table containing 5 random songs from the master table above. each of these rows should be loaded dyanamically after the previous song is played. As the song random song is played in the second list that same song should be highlighted in the first list dynamically. How can i do this using javascript. I have the first part of generating the list of 30 songs.How can i continue from there.
I'm trying to make buttons that change from one color to another when you click them and change back when you click them a third time. I wrote this page (http://cf.lehigh.edu/ems/test.html) but it only works on Firefox(Not IE or Chome, untested on safari or Opera). I'm using javascript to change the button colors. Is there another way to do this that works universal or another tool such as CSS?
I was wondering if I could change the text of a link with a JavaScript. I want to set it up with a JavaScript function so that when A link is clicked on, the text of that link changes and it points to a different function.
Any way to change row colors of table based on content.
For example: <span style="font-family: courier new,monospace;">+-----|-----------------------+</span><br style="font-family: courier new,monospace;"> <span style="font-family: courier new,monospace;">|acess| COSTUMER |</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">|-----------------------------|</span><br style="font-family: courier new,monospace;"> <span style="font-family: courier new,monospace;">| 1 | joseph |</span> <span style="font-family: courier new,monospace;">| 2 | mary | </span><span style="font-family: courier new,monospace;">| 3 | john | </span><span style="font-family: courier new,monospace;">| 4 | joseph | </span><span style="font-family: courier new,monospace;">| 5 | joseph | </span><span style="font-family: courier new,monospace;">| 6 | guile | </span><span style="font-family: courier new,monospace;">| 7 | mary | </span><span style="font-family: courier new,monospace;">| 8 | craig | +-----------------------------+<br style="font-family: courier new,monospace;"> </span><span style="font-family: courier new,monospace;"></span> in this table, the name Joseph and Mary are repeated, so, every "joseph" or "mary" row must have the same color (picked randomly or not). so as every "craig", "guile" or "john" row.
I don't want to use css class names based on the name of the "costumers" because I don't know how many costumers are and how many times they appear or repeat.
I have DIV section with a CSS class that defines a gradient. However, when the user clicks a button, I want to dynamically change the two colors of gradient via Javascript. What is the DOM structure to change the colors in this field similar to this command: document.getElementById('content1').style.color = p_color;
I want to have <div> cells that the background-color css style dynamically change between 4 colors depending on how many times they are clicked. The options are none, yellow, red and green then repeat. So when the page loads, they are all at none, and if you click once it goes to green, twice to yellow, three times to red, then back to none.
Can anyone explain why replace doesn't work in the code below, the anchor text doesn't change when I click on the link.I will be happy if someone can tell me
1. how to change the linktext to "Hide information" when I click on the link. 2. how to hide the showInfoText (which has been visible when I clicked the first time) when I click on the link - now with the text "Hide information" - again. 3. how to make the link clickable again. Just now it is only clickable once.
I'm trying unsuccessfully to get some text links to change & restore their colour.
[URL]
Referencing this link - there are 3 text links at the top of the page, which scroll to different anchor points on the same page.I need the following to happen: On hover, change colour (easy using css) On click link A, change colour When clicking link B, link A restores to original colour.
I need to change all the links on my site that say "more information" to something else. Unfortunately I don't have access to change the component that places these links in the first place, so I need to use Javascript at runtime to go through, find each instance of a link with the above string and change it. Is there a good cross-browser way of achieving this? Is HTMLAnchorElement a good place to start?
I need to set the border width of a link when it is clicked. The link calls a javascript and so I need a way to identify which link has been clicked, hence the outline...i tried this.style.borderWidth = 'thin';but to no avail...?!I have already assigned border-color and border-style in the style sheet if that makes any difference...
I am creating a training manual but i find using pictures slightly boring. I have created Shockwave/flash files showing in detail how to use certain things.
I have tried to embbed the shockwave file into powerpoint and it kind of works.
What i want is to create a link which opens the shockwave file in a new window, but just the shockwave file without any toolbars or anything. I noticed javascript files open in a new window which is ideal for me.
How do i do that? I have a powerpoint file and a shockwave file??
How can I "click" an existing link with javascript so that the referrer is being passed on? please dont answer with "location.href=..." cause that hides the referrer.
How can I change a URL link dynamically based on the date.If my link is now [url.....html. Next Tuesday,how do I dynamically change it to www domain/24.html .I am getting the date from the week function so I need to pass it to the URL
I got a paragraph, and i want the letter of A will change to N and the letter of P will change to A when i click the link of the "click me to change the letter".
I am trying to change the color of a link after it has been clicked on WITHOUT using CSS.
When the link is clicked some javascript is called. I can do this in IE by adding this "this.style.color = 'black'". However this doesn't work in other browsers. Anyone know how I could get this to work in other browsers?
I am using some code I found on the internet to make all my external links in a new window. Also, I want to make these links gray. I think I once heard you coulden't change link colors at all once a page was loaded, but I may be wrong. In any case, it won't work.
Here is my code:
Now I find I can't make them open in a new window either.
I am trying to create a list of customers that we do weekly reports for. What I would like to do is if the current date falls in between $date (variable of last updated report) and $date+7 (i.e. a week later) then display the text in green else display text in red.
I used CSS to change the cursor on my website, as well as the cursor for link hovers. Is there anyway to override this and use a different cursor for just one link on my website?
I read some other threads regarding how to toggle an image but I was having a hard time understanding. I have a bunch of images on my page, each links to a different lytebox presentation when you click on them. I'd like to have the clickable image change to another image to indicate to the user that they have viewed that presentation. I was hoping there was a way to switch to the new image permanently rather than just toggling back and forth between the two images if they click on the presentation more than once.
