JavaScript - Question About Changing Bgcolor And Text

I'm building a template editor and need some help changing some of the variables.

Part 1.

Only at DEALERNAME. Must present coupon at time of write-up. Cannot be combined with any other offer. 1 coupon per customer per transaction. Expires: 00/00/00.s

I need to be able to fill out two fields to change DEALERNAME and 00/00/00.
I found a way to do this but it required the output to be in a field. I need it the output to look no different than before.


Part 2.

I'm using this to change some text via radio button but I would like an option to select how many details are there is the first place. Say they only want 1 or 2 details and not 3.

Head
Code:

<script language="javascript" type="text/javascript">
        function detail1a(){
        document.getElementById("detail1").innerHTML = "Up to 5 Quarts";
        }
        function detail1b(){
        document.getElementById("detail1").innerHTML = "Synthetic Oil Extra";
        }
		function detail1c(){
        document.getElementById("detail1").innerHTML = "Lube Chassis";
        }
		function detail2a(){
        document.getElementById("detail2").innerHTML = "Up to 5 Quarts";
        }
        function detail2b(){
        document.getElementById("detail2").innerHTML = "Synthetic Oil Extra";
        }
		function detail2c(){
        document.getElementById("detail2").innerHTML = "Lube Chassis";
        }
		function detail3a(){
        document.getElementById("detail3").innerHTML = "Up to 5 Quarts";
        }
        function detail3b(){
        document.getElementById("detail3").innerHTML = "Synthetic Oil Extra";
        }
		function detail3c(){
        document.getElementById("detail3").innerHTML = "Lube Chassis";
        }
        </script>

Body
Code:

					
<span style="font-weight: bold;">Offer Details</span><br />
					<p style="margin: 8px 10px">
					Detail 1<br />
					<input type="radio" name="on/off" onclick="detail1a();" />Up to 5 quarts<br />
					<input type="radio" name="on/off" onclick="detail1b();" />Synthetic Oil Extra<br />
					<input type="radio" name="on/off" onclick="detail1c();" />Lube Chassis<br />
					</p>
					<p style="margin: 8px 10px">
					Detail 2<br />
					<input type="radio" name="on/off" onclick="detail2a();" />Up to 5 quarts<br />
					<input type="radio" name="on/off" onclick="detail2b();" />Synthetic Oil Extra<br />
					<input type="radio" name="on/off" onclick="detail2c();" />Lube Chassis<br />
					</p>
					<p style="margin: 8px 10px">
					Detail 3<br />
					<input type="radio" name="on/off" onclick="detail3a();" />Up to 5 quarts<br />
					<input type="radio" name="on/off" onclick="detail3b();" />Synthetic Oil Extra<br />
					<input type="radio" name="on/off" onclick="detail3c();" />Lube Chassis<br />
					</p>

Output
Code:

										
<ul>
<li><span id="detail1">Detail 1</span></li>
<li><span id="detail2">Detail 2</span></li>
<li><span id="detail3">Detail 3</span></li>
</ul>

Hello,
I'm learning javascript and made this little program that takes the price, qty, adds tax and gives you a total. I put in an if statement so that if qty is 0, it becomes 1 then does the calcs. However, if I put in say price 5 and qty 2, qty is changing to false and it doesn't calc. Here it is:

http://heresmary.com/test/Bought.html

I currently have an image and underneath it there are 6 thumbnails. When I run the cursor over them the big image changes. This works fine. However, I would like to have text beside the big picture that also changes depending on the thumbnail over which I am hovering.

I have tried to work it out myself but failed miserably. I have tried forums, but can't find what I need. My code as it stands at the moment is:

<script type="text/javascript">
if (document.images) {image0 = new Image;
image0.src = "i/p0.png";
image1 = new Image;
image1.src = "i/p1.png";
image2 = new Image;
image2.src = "i/p2.png";
image3 = new Image;
image3.src = "i/p3.png";
image4 = new Image;
image4.src = "i/p4.png";
image5 = new Image;
image5.src = "i/p5.png";
image6 = new Image;
image6.src = "i/p6.png";
}</script>

and

<img class="img" src="i/p0.png" align="left" width="300" name="rollimg" title='blah' alt="blah"/>
<span class="inverse-text"><this is where I want changing text to appear as I roll over thumbnails.</span>
<br clear="all"/>

<span onmouseover="document.rollimg.src=image0.src;"><img src="i/tb/t0.jpg" class="img" width="70" alt="blah" title="blah"/></span>

<span onmouseover="document.rollimg.src=image1.src;"><img src="i/tb/t1.gif" class="img" width="70" alt="blah" title="blah"/></span>

<span onmouseover="document.rollimg.src=image2.src;"><img src="i/tb/t2.gif" class="img" width="70" alt="blah" title="blah"/></span>

<span onmouseover="document.rollimg.src=image3.src;"><img src="i/tb/t3.gif" class="img" width="70" alt="blah" title="blah"/></span>

<span onmouseover="document.rollimg.src=image4.src;"><img src="i/tb/t4.gif" class="img" width="70" alt="blah" title="blah"/>

<span onmouseover="document.rollimg.src=image5.src;"><img src="i/tb/t5.gif" class="img" width="70" alt="blah" title="blah"/>

<span onmouseover="document.rollimg.src=image6.src;"><img src="i/tb/t6.gif" class="img" width="70" alt="blah" title="blah"/>

Ideally if you could tell me how to update the above script and code, so that it works, I would be very grateful.

I work at a college radio station and our brand new website just went live, but we're having one particular issue...

We have a set list of shows that air each day, and on the site we have a marquee tag on the homepage that scrolls through showing each show and its broadcast time. Right now we're stuck changing this schedule each day by hand, but it's tough considering we're all college students ourselves and sometimes our own schedules simply don't allow the time.

Is there a code that would allow this kind of a daily update to happen automatically?

The format for the schedule is such:
4 - 5 pm // "Show 01"
5 - 6 pm // "Show 02"
6 - 8 pm // "Show 03"
8 - 10 pm // "Show 04"
10 - 12 am // "Show 05"

Any help would be very much appreciated!

Is it possible to dynamically change the value of text on a page as the user types into a text box?

E.g. like:
You Are Typing:
<script>
var keyword = document.getElementById('string');
document.write(keyword);
</script>

Or I could probably insert it into a function and loop it over and over again or is there a better way?

Hi all,

I hoping somebody can help me.

I'm trying to acheive a line of text (with multiple links on each line) that change at set intervals.

The code below seems to be working but I can only get working links on the first line that appears.

Please can somebody help a gal out?

xo

[CODE]
<html>
<head>
<title>Rotating Text</title>
<script type="text/javascript">
var rotatingTextElement;
var rotatingText = new Array();
var ctr = 0;

function initRotateText() {
rotatingTextElement = document.getElementById("textToChange");
rotatingText[0] = rotatingTextElement.innerHTML;
rotatingText[1] = "why won't you work!?!?!?";
rotatingText[2] = "purdy please";
setInterval(rotateText, 5000);
}
function rotateText() {
ctr++;
if(ctr >= rotatingText.length) {
ctr = 0;
}
rotatingTextElement.innerHTML = rotatingText[ctr];
}
window.onload = initRotateText;
</script>
</head>
<body>
<span id="textToChange">log into your <a href="http://www.hotmail.com/">please</a> policy.</a> | can you <a href="http://www.google.com"> me?</a> </span>
</body>
</html>

I am looking for an input text that links to a iframe. . ?

To begin, we need some simple HTML elements:

A basic form;
An Input text that will contain the URLs we want to use;
An iFrame that will display the page we select from the input text.

Thanks in advance

Stickers

Hi,

The following doesn't work:

Code:

<!DOCTYPE HTML>
<title>Sample flash</title>
<embed id="foo" src="http://www.w3schools.com/media/bookmark.swf" width="400" height="40" type="application/x-shockwave-flash" />

<script type="text/javascript">
document.getElementById("foo").setAttribute("bgcolor", "#00FF00");
</script>

But if you change setAttribute to ("width", "800"), it works with no problem! What am I missing?

Any help is appreciated!
Mike

Yeah that was a loooong title. Hopefully it's clear enough

Right now, my div changes opacity if it's moused over qua the following code:

Code:

style="opacity:0.3;filter:alpha(opacity=30)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.3;this.filters.alpha.opacity=30

but this isn't quite optimal, cause if the user mouses out, it changes back to fade, and the user can't quite see what he's entering. So I would like the div to have opacity=1 when one of the textfields in it is active and opacity=0 when it's not. Is there a way to do that?


//deafdigit

So I need some help with figuring out how to reset both my text boxes when I click a different radio button so that I can give another value in the textbox area. I am trying to do it without a reset button. Any helpful ideas? I am just confused with the process of resetting the values of both the text boxes in the code.Hmmm......lol I feel like the answer is to put it inline in the <input> tag...

Code:

<body>

  <div id="content">
    <h1>Convert temperature</h1>
        
    <input type="radio" name="conversion_type" id="to_celcius" onclick="document.getElementById('degrees_celcius').disabled=this.checked;"  />From Fahrenheit to Celcius<br />
    <input type="radio" name="conversion_type" id="to_fahrenheit" onclick="document.getElementById('degrees_fahrenheit').disabled=this.checked;"  />From Celcius to Fahrenheit<br />
    <br />
    
    <label>Degrees Fahrenheit:</label>
    <input type="text" id="degrees_fahrenheit" class="disabled" /><br />
    <label>Degrees Celcius:</label>
    <input type="text" id="degrees_celcius"  class="disabled"/><br />
    <br />
   
    <input type="button" id="convert" value="Convert" /><br />
    <br />        
  </div>
  
</body>

I'm having a problem with one of my Labs and My TA is not answering emails.

I need to make a button, that when you click it, turns the bgColor blue, when you click it twice, it turns bgColor yellow, and a third time turns it orange.

The tricky part is, I need to use an internal CSS style sheet for the color, and a function for the javascript.

Here is what I have so far, but I'm completely stuck.

Code:

 <html>
	<head>
		<style type="text/css" media="all">
			
			highlight {background-color:yellow;}
			
			</style>
		<script type="text/javascript">
		
		function blue()
		{
			document.bgcolor = blue;
		}
		</script>
	</head>
	<body>
		
		<p>Good morning. In less than an hour, aircraft from here will join others from around the world..... </p>
		
		<input type="button" value="Push me to change color!" onclick="document.bgColor= 'blue'">
		
	</body>
</html>

(I cut out the doctype for readability)

Obviously I'm not utilizing the function.. I tried replacing 'blue' with blue() (which is the name of the function) but that didn't work..

So how I utilize both the function, and the CSS sheet, AND get the button to do consecutive actions onClick..?

-Thanks, this is my first post, I hope everything is understandable.

Not sure if this is a CSS or Javascript fix I need.
I think it will be a javascript issue/solution.
Browser=Firefox 6.0.2

website page:
[suspicious link removed]

I am attempting to use CSS for Alert Box background.

I created a class:
Code:

<style type="text/css">
  .alert {
  background-color:#5f9ebe;
  }
</style>

But I have tried so many ways to use .alert
and none of them work.
Code:

function btn1(x)
{
if (x.anyText.value == "")
    alert("Type Something")
else
    alert("You typed: " + x.anyText.value)
    x.anyText.value = ""
}

Perhaps my question really is:
How do I make class="alert" change Alert Box Background.

I am very new to Javascript but learning everyday.
I would prefer code help not be jquery.

Thanks so much.

codeFLY

hey
another know how can i change the background color of the title bar in the dojo dialog box?
cause i search and i couldn't find any way....
Please help me and reply asap
Thanks
p.s if can show me sample code of how to change

I want the inserted text to be under the droplist not on top of it!

<html>
<body>

<script type="text/javascript">
function showSelected(val)
{
document.getElementById('selectedResult').innerHTML="<a href='mailto:" + val + "'>" + val + "</a><p><font size=3></font>&nbsp;</p>"
}
</script>

<div id='selectedResult'></div>
<!-- This sets up the drop down list of names -->
<select name='test' onChange='showSelected(this.value)' ID=Select1>
<option value='user.1@email.net'>First User</option>
<option value='user.2@email.net'>Second User</option>
</select>

</body>
</html>