Randomly Changing Color Of Specified Text On Page Reload
Jul 9, 2009
I am currently successfully using the following code to randomly change the color of specified text ("quotations" - see below) each time the page is reloaded. The only problem is that the colors are too random. Instead of the code I now have, I'm looking for code that would allow me to define a distinct list of colors through which the text would randomly rotate each time the page loads. In other words, I want to choose each of the randomly loaded colors of my text.
<html><head>
<script type="text/javascript">
var quotations = new Array()
quotations[1]= "text1"
quotations[2]= "text2"
quotations[3]= "text3"
quotations[4]= "text4"
quotations[5]= "text5"
function display(){
a=Math.floor(Math.random()*quotations.length)
document.getElementById('quotation').innerHTML=quotations[a]
setTimeout("display()",500000) .....
}
</script>
<script language="Javascript">
function rancolour(){
var red = Math.floor(Math.random() * 255);
var green = Math.floor(Math.random() * 255);
var blue = Math.floor(Math.random() * 255);
document.all.main.style.color = 'rgb('+red+','+green+','+blue+')';
}
</script>
<link rel="stylesheet" type="text/css" href="/style.css">
</head><body>
<body onLoad="rancolour();">
<div id="main" style="color:#FF0062">
<div id="quotation"><SCRIPT type="text/javascript">display()</SCRIPT></div>
<form onchange="display(this.value)">
<input type="submit" id="style3" value="M O R E" />
</form></div></div></body></html>
View 5 Replies
ADVERTISEMENT
Aug 6, 2010
i am invoking window.opener.location.reload function from a pop up window to reload the parent page. But this seems to behave randomly. Sometimes the reload would preserve form data eg. the state of the drop down lists. On some other occasions, it would reset all the drop down lists and form data. Does window.location.reload resend form data to the server?
View 1 Replies
View Related
Feb 3, 2009
So I'm trying to change the background color of a textbox depending on how many characters are enter (putting it green/red depending on count), and I'm having a hell of a time. There are 50 different textbox IDs on the page (give or take, dynamically generated), each unique/sequentially numbered (id1, id2 ... id50).Now I'm not that good with Javascript, but this is what I can up with so far.I was trying to use 'this.id' so I wouldn't have to name each of the IDs.
View 2 Replies
View Related
Aug 31, 2005
I want to change the color of a each word in a block of text. For example I want each word in a sentence to change to a different color automatically.
I was thinking that is if it was possible to move the color tags around each word and put a time delay between each time it moves but how I will accomplish these two actions.
View 4 Replies
View Related
Jan 9, 2007
How on earth do you use javacript to change the text color of an input element, and have it work with IE??? I've tried numerous solutions. All of them work on browsers such as Mozilla. But none of them work on IE.
This works in every browser I've tried besides IE:
var whatever = document.createElement( 'input' );
whatever.type = 'text'
// (more code)...
whatever.style.color = 'black'
This also works for other browsers besides IE:
whatever.style.cssText = 'color:black;'
I've tried other things as well. Nothing works in IE. Is there anyway
to change the text color inside an input box dynamically, and have it
work in IE?
View 10 Replies
View Related
Dec 10, 2007
I am trying to Change the text color of my buttons when they are clicked can somone tell me where to insert and what line of code needs inserted. I am very new to this, i kinda just got thrown into it at work here and am trying to make it happen Code:
View 1 Replies
View Related
Apr 6, 2010
I am attempting to use JavaScript to 'highlight' text by changing it's background color:
In JavaScript:
This produces no effect. I also have an onClick event in the same div, can I not have onClick and onMouseOver together?
View 3 Replies
View Related
Aug 30, 2009
Anyways I have a textarea that I have managed through the magic of google to have the default text clear out with the onfocus and if the textarea is left blank to put the default text back in with onblur. I now have a new problem that is a little CSS and a little JS I suppose. I want the default text in the textarea to be grey and the user submitted text to be black. I know it is possible because... well facebook has it.
<tr>
<td colspan="2">
Invite via Email: <br />
<cftextarea name="emails" cols="50" rows="3" value="Separate Emails by Comma" onclick = "if (this.value == 'Separate Emails by Comma') this.value = '';" onblur = "if (this.value == '') this.value = 'Separate Emails by Comma';" ></cftextarea>
</td>
</tr>
I don't actually have to put the text in the JS Function, but to have it pull the default text from attribute that would be awesome to.
View 1 Replies
View Related
Dec 23, 2010
I have a textbox thats initial text color is set to grey, I want to change the text color to black when the user clicks on it, is this done by using onclick="style=color:Black;" I have tried this and failed but maybe ive got something slightly wrong or is it done a different way completely.
View 7 Replies
View Related
Nov 19, 2011
How can I change the text color in a span tag after a refresh?
[Code]...
View 6 Replies
View Related
Mar 19, 2010
I have a small script that changes the background color of my page from white to grey when the user clicks a button.at the moment it works fine accept for when the user tries to navigate to another page (on my website) after changing the background color.if a user changes the background color to grey and than tries to view another page, the background color becomes white again.is there any way to make the change only controlled by the button?my head code looks like this (at least the relevant parts):
View 8 Replies
View Related
Oct 14, 2011
How can I dynamically change the color of values on a page, to show if they are above or below a target value entered in a text box on the page. Those below should be shown in green, those above in red, and identical (equal) should be in amber. Values can be put in a particular tag and then use the getElementsByTagName.
View 3 Replies
View Related
Feb 22, 2011
I'm working on implementing watermark in datepicker text field (JQuery V1.8.9). I have a datepicker field with watermark set (dd/mm/yyyy). Watermark text displaying in gray color. When I select a date, the text field still having the gray color instead of changing to black color. but, when i key in the date and focus out, it's working fine. Also, this is working fine in Chrome but not with Firefox. I'm not sure the exact cause...
View 3 Replies
View Related
Sep 29, 2010
1) search the database for the words user is typing in the text box. This will happen with each key press.2) if there is a match - I need to change the text color.
View 17 Replies
View Related
Sep 28, 2011
Alright so for a school assignment I need to create a button with the name of the color it is going to turn the background to. the assignment says nothing about naming the buttons the hex numbers for the color therefore: I was curious if someone could show me how to create a button in java script that would generate a random hex number for a color ie: #+()+()+()+()+()+() and the text shown on the button would be the same as the hex number generated.
View 11 Replies
View Related
Feb 25, 2006
Im trying to design a website at the moment...
and i dont know the first thing about javascript...
Basically what i want to do is have 6 images change randomly on load of the webpage...
Basically i have:
- 1 main image
- 1 logo
- 4 buttons
Now these buttons all have a certain colour in them...
Each one is different... (green, blue, orange, purple)
So when someone loads the webpage i need all the images to change randomly...
BUT, here comes the hard part for me...
I need the images to all change together...
So i dont have a green button, a red logo, a blue main image...
As they are randomly changing on load of the page, i need them to all change together... so there are 6 RED images...
Next time they load, there are 6 green images...
Its essential that colours are not mixed...
View 5 Replies
View Related
Feb 27, 2009
I have a div whose hover color is initially set through a CSS style sheet, but have found that if I change the background through a script, the hover is wiped out. Here's how I'm changing the colornode.style.backgroundColor = '#00FF00';Later on, I need to restore the normal color and have the hover still work. Is there any way to programatically reinstate the h
View 4 Replies
View Related
Mar 26, 2009
Is there code to just underline linked text to a certain color (red) but doesn't change the text color (it was white & when hovered over, it still stays white with a red underline)?
View 4 Replies
View Related
Jul 23, 2005
I want to make the date at the top right darker blue. But when I do that, all the light blue text next to the pictures also changes.
How can I control the color of the result of document.write output without changing the forground color of the entire page? Note my document write includes variables, so I was hesitant to imbed an html command in the document.write.
View 7 Replies
View Related
Aug 16, 2009
I need to change the font color, font size & font face of some text assigned in a div. To do so I have a form select option menu at the top, adn below the menu three's 3/4 divs with some text. I need to change text properties of the div from select menu, and the page must not refresh. Its actually a little version of text editor.
View 5 Replies
View Related
Feb 8, 2010
I have this markup:
[Code]...
There are two radio buttons, sometimes one will be disabled, other times the other will be disabled. I would like to make a script that: First: Changes the color of surrounding text of the disabled radio button to the color grey. Second: Checks the other radio button.
This was my plan: I would make a script that: First: Removes all the current classes and add the class "greyed_out" (or better: change only the color of) the parent element, all siblings and children of siblings (if any) of the radio button that is disabled at that time.Second: Sets the attribute "checked to the other radio button". I made a script, but when I set the bottom radio button to disabled the script doesn't work:
[Code]...
View 4 Replies
View Related
Jan 9, 2007
If I have a .js file filled with data like links. how do i access just
1 element [random] and bring it on my page
View 2 Replies
View Related
Dec 28, 2010
The Farbtastic color picker is an elegant solution to the color-picking problem, but its usefulness is prohibitive in those situations where there is not enough screen real-estate. Because it is large, these are many. Since I want to use it in such a situation, I started working towards a solution.
The designed solution involved in clicking on something small, such as Click to Activate, and having the rest of the page become faded-out, while the color-picker appears superimposed over other parts of the page.
That solution is implemented up to a point. In the code posted:
- The trigger appears as part of the original DOM.,
- Clicking the trigger makes the page text fade, the color-picker appear, and the trigger changes to something like Click to Deactivate,
- Upon clicking, it does disappear, and the page text resumes it original appearance..
After this point, one might work towards making it more modular and more easily usable as is farbtastic itself.
It requires a var to hold state, and other things. Ideally, it could be combined with the original to offer a wider range of usage patterns. I have no doubt that the code can vastly be improved, since I am relatively new to jquery, although not to computing.
The code is posted below, in the hope that it proves useful to others, The only change made to the farbtastic.js code itself is to add "id='fbc' " to the outermost <div which is added internally. This change is not shown because it would involve posting all of farbtastic.js for this one change. The section of text used to illustrate presumed page content is from the NSIS Users Manual, and has no significance beyond being some text. The div named 'overlay' was employed to allow shifting the whole thing around as a unit relative to the trigger but might be eliminated were that not needed, since everything else works without it, Note also that the input#color from the original farbtastic has been replaced by 'repeater' which is a <div, but seems to work ok to get the color info.
View 1 Replies
View Related
Mar 16, 2010
I'm creating a web page that randomly shows images when when a button is clicked. I appear to be having 2 main problems with it so I'll begin with what seems to be the easiest one to tackle.as the user scrolls down the page I need to keep the button statically, in the top right corner.here's the relevant code:
css
#button{
position: absolute;
[code]...
View 1 Replies
View Related
Jan 22, 2007
having a small bit of trouble with some javascript trying to change the background color of a div. The div is id=break and the function to change it is:
function changeBG(){
document.break.background-color = 'ffffff#'}
However that does not work, no colour changes. There is no obvious errors that I can see.
Have I misundertsood?
View 3 Replies
View Related
Feb 1, 2011
So my functions are dealing with Time. The function delay_time() is called by clicking a button in html and the return value of the function is displayed in a textbox. What I need to do is basically if the value of resultingtime is greater that the value of delay time I need the value shown in red(ff0000) and bold and if it isnt then I need it displayed in bold green(00ff00). but Ive tried doing this in my javascript and found that I cant code it in there the way that I know. I think that I have to do it in the html coding but I dont know how.
View 3 Replies
View Related
