JavaScript - Combination Script For Game Not Working

Hi All

Not sure if this is the right place to post but could do with some help.

Scenario:

1 Box holds 3 items, Complete box weighs 75g, each item 25g, customer chooses their own 3 combo items. This could be the same all the same item or 3 different items.

I need a script that will require the selections to make up 75g in order to continue the process. i.e customer can only continue when 3 items / 75g worth are selected.



Here is a short version, I have about 12 selectors at the moment and possible more will be created (if that matters).

Code:

<form name="cart_quantity" action="myProduct?action=add_product" method="post" enctype="multipart/form-data">
<
    <div class="placeholder">
    <img src="" alt="Image Placeholder" />
    </div>
<label class="attribsSelect" for="attrib-6">Hard Boiled 1</label><br />
<select name="id[6]" id="attrib-6">
  <option value="">Select Portion</option>
  <option value="24">25g</option>
  <option value="25">50g</option>
  <option value="26">75g</option>
</select>

    <div class="placeholder">
    <img src="" alt="Image Placeholder" />
    </div>
   <label class="attribsSelect" for="attrib-7">Hard Boiled 2</label><br />
<select name="id[7]" id="attrib-7">
  <option value="">Select Portion</option>
  <option value="27">25g</option>
  <option value="28">50g</option>
  <option value="29">75g</option>
</select>

    <div class="placeholder">
    <img src="" alt="Image Placeholder" />
    </div>
   <label class="attribsSelect" for="attrib-8">Hard Boiled 3</label><br />
<select name="id[8]" id="attrib-8">
  <option value="">Select Portion</option>
  <option value="30">25g</option>
  <option value="31">50g</option>
  <option value="32">75g</option>
</select>

    <div class="placeholder">
    <img src="" alt="Image Placeholder" />
    </div>
   <label class="attribsSelect" for="attrib-9">Hard Boiled 4</label><br />
<select name="id[9]" id="attrib-9">
  <option value="">Select Portion</option>
  <option value="33">25g</option>
  <option value="34">50g</option>
  <option value="35">75g</option>
</select>

</form>

The section of the form is just the portion with selctors, there are other fields with radio buttons for color choice etc.

I have searched for something like this all over but cant find it.
Please please please could some genius out there help.

Thanks in advance

Ok so i want to work on an EASY basic game. As simple as Guess what number... But there are some twist...

Ok So here is my example...

(HTML, i know this.)I'm Guessing a number 1-99. What is it?

(java) Lets say its 66 and they guess 53, have the text rusult be in a pop up window be: Too low!

(java) Lets say they guess 78, have the text rusult be in a pop up window be: Too high!

(java) Lets say they guess 100+, have the text rusult be in a pop up window be: Out of range!

(java)But lets say they guess 66, have a text result be in a pop up window be: You've won!

(java) I want a text field where you can enter your answer, and it will do the actions above.

Can anyone code this?
Thanks for reading!

This is a simple basic game i want to make.

Its a "What Am I" Riddle...

The questions is (In HTML which i already know):
I'm as light as a feather but no man can hold me for long. What am I?

the answer is: Your Breath.


(This is where the JAVASCRIPT comes in)
Lets say they guess a rock, have a pop up say:
Wrong Answer. Please try again.

Lets say they guess Your breath -OR- Breath, have a pop up say:
Correct!

I want a text field where you can enter your answer, and if they choose ANYTHING but the 2 correct answers above, it will display please try again.

Can anyone code this please?
Thanks for reading.

We have an ASP website which everything works fine in pre-IE8, firefox and even our iPhone browsers but not IE8.

I know what the problem is and where the problem is but don't know how to fix it, it should be pretty simple but I am not a developer...just trying to fix this one problem

When the page loads it is supposed to automatically fill in a text box with the word: No
This is the javascript that is supposed to do that:

Code:

<script type="text/javascript">
function statusdefault(oSel) {
status = 'No';
document.getElementById('theLabel5').value = status;
}
</script>

and this shows the onload line:

Code:

<body onload="statusdefault(this)" bgcolor="#FFFFFF" background="images/background_stripe.jpg" text="#000000" link="#CCCCCC" vlink="#CCCCCC" alink="#CCCCCC" leftmargin="0" topmargin="10" marginwidth="0" marginheight="10">
<form action="<%=MM_editAction%>" method="POST" name="frmDetail" id="frmDetail">

additionally when someone changes a selection in one of the comboboxes it should change the textbox to: Yes
Here is the code for that (which also does not work):

Code:

<script type="text/javascript">
function statusupdated(oSel) {
status = 'Yes';
document.getElementById('theLabel5').value = status;
}
</script>

which of course gets triggered by this:

Code:

<select name="lstQueue" id="select" onChange="statusupdated(this)">

This is the code for the said textbox:

Code:

<input name="txtStatusUpdated" type="text" id="theLabel5" value="<%=(rsQ.Fields.Item("StatusUpdated").Value)%>">

The error I get in IE8 is "This page cannot be displayed..." and give a http500 error with no other info.

It looks like this javascript code was copied and pasted throughout this same ASP page and altered to do different things. All of the other scripts like this one work fine so I know it is just something in these particular ones that have a problem.

Thanks for any help that can be given!!!

Scott

Hey, I'm a total noob when it comes to javascript. and manged to make this code for a different forum:
Code:

//This script was created by TROPAFLIGHT2
var d=new Date();
var theDay=d.getDay();
switch (theDay)
{
case 1:
  document.write("<EMBED src="http://bit.ly/Ky9R5F" autostart=true loop=true volume=100 hidden=true>");
  break;
case 2:
  document.write("<EMBED src="http://bit.ly/Ky9R5F" autostart=true loop=true volume=100 hidden=true>");
  break;
case 3:
  document.write("<EMBED src="http://bit.ly/JGUdU9" autostart=true loop=true volume=100 hidden=true>");
  break;
case 4:
  document.write("<EMBED src="http://bit.ly/JMVvl0" autostart=true loop=true volume=100 hidden=true>");
  break;
case 5:
  document.write("<EMBED src="http://bit.ly/JVq7yb" autostart=true loop=true volume=100 hidden=true>");
  break;
case 6:
  document.write("<EMBED src="http://bit.ly/J7fvwY" autostart=true loop=true volume=100 hidden=true>");
  break;
default:
  document.write("<EMBED src="http://bit.ly/J2mc7a" autostart=true loop=true volume=100 hidden=true>");
}

That code obviously didn't work so I manged to fix certain things:

Code:

//This script was created by TROPAFLIGHT2
var d=new Date();
var theDay=d.getDay();
switch (theDay)
{
case 1:
  document.write;"(<EMBED src="//bit.ly/Ky9R5F" autostart=true loop=true volume=100 hidden=true>)";
  break;
case 2:
  document.write;"(<EMBED src="//bit.ly/Ky9R5F" autostart=true loop=true volume=100 hidden=true>)";
  break;
case 3:
  document.write;"(<EMBED src="//bit.ly/JGUdU9" autostart=true loop=true volume=100 hidden=true>)";
  break;
case 4:
  document.write;"(<EMBED src="//bit.ly/JMVvl0" autostart=true loop=true volume=100 hidden=true>)";
  break;
case 5:
  document.write;"(<EMBED src="//bit.ly/JVq7yb" autostart=true loop=true volume=100 hidden=true>)";
  break;
case 6:
  document.write;"(<EMBED src="//bit.ly/J7fvwY" autostart=true loop=true volume=100 hidden=true>)";
  break;
default:
  document.write;"(<EMBED src="//bit.ly/J2mc7a" autostart=true loop=true volume=100 hidden=true>)";
}

Problem is, it still doesn't work and I don't really know why. I've stared at it for a long time but the problem didn't click like last time. Any help at all would be appreciated.
Thanks in advance, me.

Ok, I've determined that my problem wasn't in the script itself, but in the fact that Opera 10 Beta 2 apparently does not recognize the "onload" attribute of the body tag. Is there a way to work around this?

Hello,

Im new to scripting. I have 2 scripts that work in firefox but not in ie. I was wondering if anyone could help me?

The First Javascript
Code:

<SCRIPT language="javascript">
<!-- // ***** GET TOTAL

function CalculateSum(setup, month, plan, form)
{
var A = parseFloat(setup);
var B = parseFloat(month);

form.x_amount.value = A + B;
form.user5.value = plan;
}
-->
</SCRIPT>

The second javascript
Code:

	var os_price = 0;
	var base_price = 0000;
        var total_carryover = 0000;

function show_price() {

	features = 0;
	for(var pr in price) {
		features+=price[pr];
		
	}
	
	month = features + base_price + os_price ;
	total = month + total_carryover;

	
	document.getElementById('setup_price').innerHTML="$"+(setup)/100;
	document.getElementById('monthly_price').innerHTML="$"+(month)/100;
	document.getElementById('total_price').innerHTML="$"+((total)/100+setup/100);
	

}

Thanks in advance for any help.

Hey:

I have two javascripts on my page but one isn't showing with both codes in page.

[CODE]<script type="text/javascript" src="js/image-slideshow.js"></script>[ICODE]
The above code is for the image slide. When this is in the html the other one doesn't work (a text changer).

The wbesite is
http://www.uwics.com/constitution.htm

There is no text at the top of the page currently.
If you check Home you'll see how it should be.

Any help would be greatly appreciated.

Thank you,
Mitka

Hi there, i have this simple script that replaces the scrollbar of an iframe called iFrame1 with 2 up and down arrow images, but it only works in IE, i've tried it in Chrome and Firefox...

here is the code

Code:

<script type="text/javascript" language="javascript">
function bsh_iFrame1(step,time){hs_iFrame1=setInterval("sh_iFrame1("+step+")",time)}
function esh_iFrame1(){clearInterval(hs_iFrame1)}
function sh_iFrame1(step)
{
  scrollx=iFrame1.document.body.scrollLeft
  scrolly=iFrame1.document.body.scrollTop
  scrolly=scrolly+step
  iFrame1.window.scroll(scrollx,scrolly)
}
</script>

Code:

</td><td align="center" valign="middle" width="31"><img src="up.png" alt="up" border=0 vspace="5" hspace="3"
	onMouseDown="esh_iFrame1();bsh_iFrame1(-3,2)" 
	onMouseUp="esh_iFrame1();bsh_iFrame1(-1,20)" 
	onMouseOver="bsh_iFrame1(-1,20)" 
	onMouseOut="esh_iFrame1()"><br>
<img src="down.png" alt="down" border=0 vspace="5" hspace="3" 
	onMouseDown="esh_iFrame1();bsh_iFrame1(3,2)" 
	onMouseUp="esh_iFrame1();bsh_iFrame1(1,20)" 
	onMouseOver="bsh_iFrame1(1,20)" 
	onMouseOut="esh_iFrame1()">

thanks in advance for any answers...

Hi all, thanks in advance for any help.

For a lot of years now I've used a javascript that does a simple rollover image swap, but also changes another alternate image at the same time. It's always worked like a charm.

Lately I realized that the script no longer works in IE, though it used to in older versions of IE (I think it stopped working in anything past IE 7). It still works fine in Firefox, Safari, etc.

I haven't been able to find a good alternative for this script, so I'm really trying to get it to work again in IE, but so far no luck.

Here's the link to the actual script itself.
http://www.jsmadeeasy.com/javascript...nges/index.htm
(you can see that even the example on this page doesn't work in IE anymore)

You can also see it in action at this site:
http://www.augustroad.com/
(notice when you roll over the menu bar an alternate image appears in FF, but not in IE).

Again, thanks in advance for any help. I truly appreciate it!
Jordan

<script type="text/JavaScript">
function refreshPage(s)
{
window.location.reload();
if((s.options[s.selectedIndex].value) = "zed=catcher")
{
alert (s.selectedIndex); //this is showing
<?PHP
//the next lines does not execute?????
echo $form['service_code']->renderLabel();
echo $form['service_code']->renderError();
echo $form['service_code'];
?>
}
}
</script>
please help?
thanks

i have a script that measures the window size and - at this point - only adjusts the width of one css element.

first function:

Quote:
var myWidth = 0, myHeight = 0;
function getWindowSize() {

if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
// window.alert( 'Width = ' + myWidth );
// window.alert( 'Height = ' + myHeight );
}
second function:

Quote:
//changecss JavaScript Functions by Shawn Olson
//Copyright 2006-2008
//http://www.shawnolson.net

function changecss(theClass,element,value,sheet) {
//Last Updated on October 10, 1020
//documentation for this script at
//http://www.shawnolson.net/a/503/altering-css-class-attributes-with-javascript.html
//ms: 5.5.11 added sheet: you have to point at the stylesheet by number
var cssRules;

var added = false;
var mySheet = document.styleSheets[sheet];



if (mySheet['rules']) {
cssRules = 'rules';
} else if (mySheet['cssRules']) {
cssRules = 'cssRules';
} else {
//no rules found... browser unknown
}

for (var R = 0; R < mySheet[cssRules].length; R++) {
if (mySheet[cssRules][R].selectorText == theClass) {
if(mySheet[cssRules][R].style[element]){
mySheet[cssRules][R].style[element] = value;
added=true;

break;
}
}
}
if(!added){

try{
mySheet.insertRule(theClass+' { '+element+': '+value+'; }',mySheet[cssRules].length);

} catch(err){
try{mySheet.addRule(theClass,element+': '+value+';');}catch(err){}

}


}

}
i call the function in a php script that is to rule out that the server is talking to a mobile device, however, it echos javascript and a document ready function:

Quote:
$useragent=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/android|...(non relevant code)...|zte\-/i',substr($useragent,0,4)))
{
echo '<link rel="stylesheet" type="text/css" href="1" />';
//the above never happens as i am testing on big screen
}
else
{
//echo '<link id="screensize" rel="stylesheet" type="text/css" href="stylesheet.php?cssid=47&mediatype=screen" />';
echo '<script type="text/javascript">';
echo '$(document).ready(function() {
getWindowSize();
//ms: these variables come back: myWidth, myHeight

if (myWidth >=1225) {

changecss(".core-pageWidth","width","1225px",1);
}
else if (myWidth >1000) {

myWidth=myWidth - 20;
changecss(".core-pageWidth","width",myWidth+"px",1);
}
else if (myWidth >910) {
myWidth=myWidth - 20;
changecss(".core-pageWidth","width",myWidth+"px",1);

}

});
</script>';
}
the changecss() does not work in https but works fine in http. is this to be expected?

mario

Hi All,

I am using one script which is functioning properly incase of IE but incase of Mozilla evenif the shift key is pressed and any character key is pressed then it is displaying Caps Lock is On.
can anyone tell how can I make it Mozilla and IE compatible.

Dear All Experts

I wrote a simple code in javascript and it is working fine with IE but when I open the page in FireFox or in Google Crome it is not working as I expect. Actually I am enabling and disabling the combo box on the on change event of radio button.

Please check the code attached here. And visit my site for output
www.crispwerx.com/catasset

Thanx to all viewer and helper

Nice for a change: a piece of code that does work in all versions of IE, but not in Firefox. I'm stuck.

Code:

<img alt="Loodgieters" title="Loodgieters" src="/core/loodgieters_uit.png" name="loodgieters" 
          border="0" style="margin-right:1px; margin-top:1px; float:left; cursor:pointer;" 
          onclick="document.location='/pages/loodgieters.php';" 
          onmouseover="foto1.style.backgroundColor='#392d63'; loodgieters.src='/core/loodgieters_aan.png'" 
          onmouseout ="foto1.style.backgroundColor='#008ac9'; loodgieters.src='/core/loodgieters_uit.png'" />

Explanation: element "loodgieters" is a menu button that should change on mouseover. It doesn't in FF, it does in IE.
Secondly, when you "mousover" the image, it should change the backgroundcolor of a second element (foto1).

Element 'foto1' is a table cell. In return, when you mouse-over this table cell, the image element 'loodgieters' should change as well. So it's a two-way thing. The code for the table cell is:

Code:

<td height="189" id="foto1" bgcolor="#008ac9" valign="top" 
	onmouseover="style.backgroundColor='#392d63'; loodgieters.src='/core/loodgieters_aan.png';" 
	onmouseout="style.backgroundColor='#008ac9';  loodgieters.src='/core/loodgieters_uit.png';" 
	style="cursor:pointer;" 
	onclick="document.location='/pages/loodgieters.php';">
	<img alt="Loodgieters" title="Loodgieters" src="/core/loodgieters.png" 
	style="border:0; margin-left:auto; margin-right:auto; margin-top:10px; display: block;" /></td>

Again: it all works as I expected in IE, Safari and Chrome, but it does not in Firefox.

The whole page validates as XHTML 1.0 Transitional
What am I overlooking here? I'm stuck. Any help is welcome