JavaScript - Please Check This Out For Me :)

Hi,

I'm trying to create a test using Javascript. Actually, I did this in PHP, but we need to put it a server that does nor run it, I think I can convert it to Javascript. I hope it'll be work as in PHP somehow.

Test will be composed of 15 questions and each question has either "Yes" or "No" as answer. And, I use radio buttons here for answers. By the way, there will be more than one radio groups.

Now, I want to check the value of clicked radio button in each group and use an if-statement to determine if it's correct. And, if it's correct, I want to increment a variable by 1.

Finally, by the resulted variable incremented for each question in the test, I want to use another if-statement to show specific result message for and interval of that variable.

I tried this for one radio button like this:

Code:

<script language="JavaScript">
 
function get(form) {
			
var ans1 = document.form.q1;
var score = 0;

for( i = 0; i < ans1.length; i++ )
	{
		if( ans1[i].checked && ans1[i].value == no ) 
		{ 
			score++;
			alert(score);
		}
		
		else
		{alert(score);}
		
	break;
	}
}
 
</script>

<form name="form" method="get">

<input type="radio" name="q1" value="yes">Yes
<input type="radio" name="q1" value="no">No*

<input type="button" name="button" value="button" onclick="get(this.form)" />
</form>

By the code above, it should alert 1 if "No" is checked and button is clicked and alert 0 if "Yes". This was a preliminary job for me to understand. And I couldn't do even this.

Thank you.

All,
I have the following checkbox code:
PHP Code:
echo "<input name=\"picbigid[]\" type=\"checkbox\" value=\"$pic[src_big]\">"; 


I then want to select all the checkboxes so I have this code:
[PHP]
echo "<input type=\"button\" name=\"CheckAll\" value=\"Check All\" onClick=\"checkAll(document.photos.picbigid)\">&nbsp;&nbsp;<input type=\"button\" name=\"UnCheckAll\" value=\"Uncheck All\" onClick=\"uncheckAll(document.photos.picbigid)\">";
[PHP]

My JS function is:
Code:

function checkAll(field)
{
for (i = 0; i < field.length; i++)
	field[i].checked = true ;
}
function uncheckAll(field)
{
for (i = 0; i < field.length; i++)
	field[i].checked = false ;
}

If I do it like this:
PHP Code:
echo "<input name=\"picbigid\" type=\"checkbox\" value=\"$pic[src_big]\">"; 


It works but I can't have it like that because the form posts to another PHP page that needs the input name as an array.

Any ideas?

Thanks!

I need to create some javascript code that asks a user a series of yes/no questions. Depending on how the user answers it will direct them to additional yes/no questions or simply stop with a message that they are not eligible.

I need something similar to this site: http://www.kingfoundation.com/Grants...lity-Quiz.aspx

Any help to develop this code would be much appreciated as I am a fairly inexperienced developer.

Is it possible to find out if an element is using a scroll bar for overflow?

like I need to be able to change the size of something if there is any overflow....

plz check bold part of function is not working. what is wrong with it.?

Code:

function onesizecheck(chk_id,siz) {
alert(chk_id);
if(document.getElementById('siz_check').value=='') 
{
document.getElementById('siz_check').value=siz;
}//end if


if(document.getElementById('siz_check').value==siz) {
document.getElementById('siz_check').value=siz;
}

else {
  alert('Multi size are not allowed.');
  
  for(var i = 0; i < document.delet['checkbox[]'].length; i++){
    var cb =  document.getElementById('checkbox');
  alert(cb[i].value);
  
  }

}

}//end function

i have an assignment to solve in which i have given two checkboxes one is enabled and another one is disabled n m required that if we select enable checkbox the disabled checkbox may also be selected automatically can any one help out for its coding please
Thanks

hi,

Getting on quite well, I feel. just would like you to confirm that this regex will strip out characters that cannot be in a phone number

those are (imv) 0-9 - ( ) +

Code:

val = val.replace (/[^0-9\\s\\-\\(\\)\\+]/gi,"");  // strip the characters that cannot appear in a phone number

I use double backslashes to keep the perl interpreter happy.

otherwise (in case it simplifies it for you), it would be

Code:

val = val.replace (/[^0-9\s\-\(\)\+]/gi,"");  // strip the characters that cannot appear in a phone number

bazz

I got a page that gets created dynamically. sometimes I get images output with NO source like this


Code:

<img src="" id="md_1">
<img src="" id="md_2">

etc. etc.

the image id are created dynamically also and always start with "0" and count up in order.

I need to check everyone of those image links and when they are blank like above change the src to a default image. I have spent 8 hours on this one simple function and cannot seem to get it to work.


I will call the function at the end of the page.

This is perhaps a somewhat trivial point but it's bugged me a couple of times recently and I wondered if anyone out there had any thoughts on the matter.

Essentially I have an action that can happen many times but I want to record whether it has happened at least once. I know we are talking about a trivial amount of processing and code here but is there any real difference between the following two methods:

Code:

myCheck: false,

myRepeatedlyCalledFunction: function() {
     this.myCheck = true;

     // do some stuff
}

vs

Code:

myCheck: false,

myRepeatedlyCalledFunction: function() {
     if(this.myCheck === false) {
          this.myCheck = true;
     }

     // do some stuff
}

thoughts?

Hello, today I am trying to allow a user to easily uncheck/check all checkboxes in a form by checking or unchecking a checkbox.

The checkboxes would be in a form like so:
Code:

<form action="" method="post">
<input type="checkbox" name="checked[]" value="1">
<input type="checkbox" name="checked[]" value="2">
<input type="checkbox" name="checked[]" value="3">
<input type="checkbox" name="checked[]" value="4">
</form>

I use an event handler to call a function:
Code:

<input type="checkbox" name="checkall" onchange="checkall('checked[]', this.checked)">

And here is the function:
Code:

function checkall(box_name, current_state) {
	all = document.getElementsByName(box_name);
	action = (current_state ==  "checked") ? "false" : "true";
	for (i = 0; i < all.length; i++) {
		all[i].checked=action;
	}
}

The event handler should pass the name of the checkboxes and whether the "check all" checkbox is currently checked or not to the checkall() function. Nothing happens when I check/uncheck the "check all" function. Help?

I have NO knowledge of Javascript at all but borrowed and attempted to adapt one I found. It is a Firefox bookmarklet designed to highlight in different colours both certain words or the ending "ing" on a word in a text document that has been saved as html. Basically it is a device for helping novel writers rid their manuscripts of redundant words and overuse of the 'ing" words. In works in part but doesn't pick up all "ing" endings. For someone who know what their doing I imagine it would take more than a few minutes to read and correct. Many thanks to anyone who can help. Here is the Javscript:

javascript:var%20verbsRE=/(\b)(about|actually|almost|already|appear|approximately|basically|close to|even|eventually|exactly|finally|here|just|kind of|nearly|now|practically|really|seem|simply|somehow|somewhat|sort of|suddenly|then|there|truly|utterly|while|as|appear|felt|gaped|gawked|gazed|glanced|hear|heard|knew |looked|noticed|observed|peered|peeped|regarded|saw|scanned|see|seeing|seemed|smelled|stared|studied |surveyed|tasted|viewed|watched)(\b)/gi;var%20ingRE=/(\w)(ing)(\b)/gim;function%20HL(node){if(node.hasChildNodes){var%20hi_cn;for(hi_cn=0;hi_cn<node.childNodes.length; hi_cn++){HL(node.childNodes[hi_cn]);}}if(node.nodeType==3){var%20tempNodeVal=node.nodeValue;if(verbsRE.test(tempNodeVal)){tempNodeVal= tempNodeVal.replace(verbsRE,"$1<span%20style='background-color:yellow;color:black;border:1px%20solid%20black;'>$2</span>$3");tempNodeVal=tempNodeVal.replace(ingRE,"$1<span%20style='background-color:#0ff;color:black;border:1px%20solid%20black;'>$2</span>$3");newNode=document.createElement('span');newNode.innerHTML=tempNodeVal;pn=node.parentNode;pn .replaceChild(newNode,node);}}}HL(window.document.getElementsByTagName('body')[0]);

I am trying to get a link that when clicked it will check all the checkboxes in my form.

My problem is that my values are stored in an array:
<INPUT TYPE=\"checkbox\" name=\"emailArray[]\" value=\"$email\">


print"<br><a href=\"#\" onClick=\"checkAll()\">check all</a><br>";

Here is my javascript function :
function checkAll(){
alert('hi');
var df = document.selectEmailForm.elements;

for (var i = 0; i < df.length; i++) {
if (df[i].name == "emailArray[]" ) {
document.selectEmailForm.emailArray[i].checked=true;
}
}
}

Any ideas? Any help is greatly appreciated.
Thanks for your time!

Hi, I am not familiar with javascript, I am using a check box validation tool that I copied from this site:

http://mediazeal.com/checkbox-validator.htm

This is my webpage:

http://rbhlc.weebly.com/discover-hea...n-jyutsu.html#

Right now when you click the buy now button (when the checkbox is checked) i does not go to the hyperlink. How can I get the button to go to my link when the checkbox is validated?

Here is my code: (the authorize.net account it a Test Account.. so it won't link to anything sensitive)

<form name="form" method="post" action="#" onSubmit="return checkme();">
<table cellpadding="0" cellspacing="0" border="0">

<tr>
<td colspan="2" align="center"><input type="checkbox" name="agree" value="agree_terms"> I agree to the terms</td>
</tr>

<tr>
<td colspan="2" align="center">

<form name="PrePage" method = "post" action = "https://scotest.authorize.net/payment/CatalogPayment.aspx">
<input type = "hidden" name = "LinkId" value ="3569f626-b8a8-4974-8ceb-35ca08a63087" />
<input type = "image" src ="//testcontent.authorize.net/images/buy-now-gold.gif" /> </form>

</td>
</tr>

Thank you for your support.

This is the code part that fails it's if check.

Code:

while (n<=30)
	{
	var slot='#slot'+n;
	$( slot ).data({no: n, id: itemId[i], name: itemName[i], equip: itemEquip[i], lvl: itemLvl[i], bonus: itemBonus[i], rstr: itemRStr[i], rdef: itemRDef[i]});
	$( slot ).draggable({ handle: slot, stack: slot, revert: "invalid", snap: "div#"+itemEquip[i], snapMode: 'inner',
	start: function(event, ui) 
	{
	$('div#'+$(this).data('equip')).css({'border': '2px dashed #0066CC', 'background': 'rgba(255,255,255,0.2)'})
	.droppable
	({
		drop: function(event, ui)
		{
			if (pLvl>=$('.ui-draggable-dragging').data('lvl') && pStr>=$('.ui-draggable-dragging').data('rstr'))
			{	
			alert(pLvl+", "+$('.ui-draggable-dragging').data('lvl'));
			$('.ui-draggable-dragging').css({'display':'none'});
			$('div#'+$('.ui-draggable-dragging').data('equip')).html
			(
			 "<img src='items/equipped/"+$('.ui-draggable-dragging').data('name')+$('.ui-draggable-dragging').data('id')+".png' />"
			)
				  $.ajax({type:"GET", url:"items/change.php", data:"id="+$('.ui-draggable-dragging').data('id')+"&no="+$('.ui-draggable-dragging').data('no'), cache:false, timeout:5000,
													error: function() {
														$('div.nogood').html
														(
														"There was an error. Please inform us about it in the forum."
														).css({'width':'400px','margin-left':'-200px'});
                                                       $( 'div.nogood' ).fadeIn(500, away);
													   function away()
													   {
														$( 'div.nogood' ).delay(2000).fadeOut(500);
													   };
                                                }
                                        });

			
			}
			else 
			{
				alert("HUh");
				$( 'div.nogood' ).fadeIn(500, away).css({'width':'400px','margin-left':'-200px'});;
				$('.ui-draggable-dragging').draggable({revert: true});
				if (pLvl<$('.ui-draggable-dragging').data('lvl'))
				{
				alert("Good");
				}
				else if (pStr<$('.ui-draggable-dragging').data('rstr'))
				{
				$('div.nogood').html("Not enough strength.")
				}
				function away()
				{
					$( 'div.nogood' ).delay(1400).fadeOut(500);
				};
			
			}
		}
	});
	},
	stop: function(event, ui) 
	{
		$('div#'+$(this).data('equip')).css({'border':'none', 'background':'transparent'}).droppable("destroy");
	}
	});
		n++;
		i++;
	}

This if comparison if (pLvl>=$('.ui-draggable-dragging').data('lvl') && pStr>=$('.ui-draggable-dragging').data('rstr')) somehow goes through. After the if statement I check the values with the alert but it displays 5 for pLvl and 10 for the draggables data (which are the correct numbers) so can anyone tell me why does this if statement still go through when pLvl is lower?

I have been banging my head on the wall with this one for a few hours. I mostly only program bash so this is a new world for me.

I am trying to have a script check a list of zip codes(preferably from a file) and if it is there it passes it to an order page and if not it goes to another URL. The basic idea is to check if you are within a service area before you can purchase a product.

I have gotten nowhere fast with this so any help you can offer would be appreciated.