התחבר | הרשמה | שאלות נפוצות
Anonymous

problem java script pls help

+ פרסם תגובה

3 הודעות עמוד 1 מתוך 1


problem java script pls help

על ידי strikefist » ב' אפריל 04, 2011 6:24 pm

<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript">
function change_it() {

if (document.getElementById && document.createTextNode) {

var new_color = "";
var color_sel = document.getElementById("change_bg").value;
color_sel *= 1;

switch (color_sel) {
case 0 : window.alert("Please select a color."); return false;
case 1 : new_color = "#FF0000"; break;
case 2 : new_color = "#0000FF"; break;
case 3 : new_color = "#FFFF00"; break;
}

document.body.style.backgroundColor= new_color;
return false;

}

}
</script>
</head>

<body>

<form action="#" onSubmit="return change_it();">

<input type="radio"name="change_bg" id="change_bg" value="1">blue <br>
<input type="radio"name="change_bg" id="change_bg" value="2">red <br>
<input type="radio"name="change_bg" id="change_bg" value="3">yellow <br>
<input type="submit" value="Go!" />
</form>
</body>
</html>

"its making a choice for radio button and when confirm it changes background color
סמל אישי של המשתמש

strikefist

  • הודעות: 2
  • הצטרף: ב' אפריל 04, 2011 4:40 pm

Re: problem java script pls help

על ידי HTML.net » ב' אפריל 04, 2011 6:52 pm

I am not a javascript expert. But I think you could make it something like this:

קוד: בחר הכל
<script type="text/javascript">
function check(x)
{
document.body.style.background=x
}
</script>
</head>
<body>
<input type="radio" name="name" onclick="check(this.value)" value="#FF0000">Red<br />
<input type="radio" name="name" onclick="check(this.value)" value="#0000FF">Blue<br />
<input type="radio" name="name" onclick="check(this.value)" value="#FFFF00>Yellow<br />
</body>
</html>


- Andreas, HTML.net
סמל אישי של המשתמש

HTML.net
Site Admin

  • הודעות: 1194
  • הצטרף: ש' ספטמבר 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Re: problem java script pls help

על ידי strikefist » ב' אפריל 04, 2011 11:44 pm

can you make it to have a sumbit button before it change color? see i test all output produce value =1
<script>
function change_it()
{
var a=document.forms["myForm"]["colorc"].getInputValue

if(a="blue")
{
alert("1");
return false;
}
else if(a="red")
{
alert("2");
}

else if(a="yellow")
{
alert("3");
}
}

</script>

<form name="myForm">
<input type="radio" name="colorc" value="blue">blue <br>
<input type="radio" name="colorc" value="red">red <br>
<input type="radio" name="colorc" value="yellow">yellow <br/> <br />

<input type="button" value="changecolor" name="ChangeColor" onClick="return change_it()"> <br /> <br />

</form>
סמל אישי של המשתמש

strikefist

  • הודעות: 2
  • הצטרף: ב' אפריל 04, 2011 4:40 pm


+ פרסם תגובה

עמוד 1 מתוך 1