JavaScript - Forms - Simple "for Loop" And Button Help!

First post here so...

I have a few functions called by a form. Two examples are onclick in a form input and onkeyup in a form button.


Code:

function checkUsernameForLength(whatYouTyped) {
	var fieldset = whatYouTyped.parentNode;
	var txt = whatYouTyped.value;
	if (txt.length > 2) {
		fieldset.className = "welldone";
		return true;
	}
	else {
		fieldset.className = "";
		return false;
	}
}

Code:

onkeypress="checkUsernameForLength(this);"

There are a couple of the above "validation" functions. Each sets an input fieldset's class.


Code:

function verifyit() {
   var fieldsets = document.getElementsByTagName("fieldset");
   var i=0;
   while (i<count(fieldsets)){
   if (fieldsets[i] != "") {	   
   i++;
   document.form.submit();      
    }	
    }
    }

Code:

onclick="verifyit()"

The function above is where I'm having the trouble. I want to iterate through the fieldsets and make sure each class isn't blank before allowing the button to submit the form. I get an "object expected" error when I trigger the "verifyit" function with ie if it helps.

I appreciate any input, thanks in advance for any help.

Hello everyone. I'm new to programming, although I've learned HTML and CSS pretty thoroughly. I think I have most of the Javascript basics down as far as definitions, but I'm getting hung up on the actual coding.

I'm working on an information request form for my fiancee's business site. In it, I want to have options that users select via radio buttons. Rather than having additional input fields static on the page, I would like to program some of the radios, when clicked, to open a previously unseen option where users will then be able to type in the necessary information. More specifically, since she only works in two states, I want a third option of "other," which, when opened, will allow the user to input any other state. Then, should the radio be deselected or reset, the field would disappear again.

If my understanding is correct, I think I will need to use a javascript function in the header, an HTML "div" section with ID, "onclick" and "offclick" events in the button mark-up, and the specific javascript code to call the function (getElementById?). Or maybe I'm way off.

Please help. Thanks

Hi All,

I am very new to HTML programming and Javascripts.

What I am trying to accomplish is I have a radio button "RequiredApprovalYesNo". When the selection is "Yes", I need fields "Approver" and "ApproverEmail" to be required upon submit. I also need to make sure that a selection is made with this radio button of either Yes or No.

Here is my HTML code for these three fields and was wondering if someone could show me how to code this script or, give me an example of a Radio button selection resulting in additional fields being required or not.

Thank you in advance.

Code:

<td>
  <input type="radio" name="RequireApprovalYesNo" id="RequireApprovalYesNo" value="Yes">Yes
                
  <input type="radio" name="RequireApprovalYesNo" id="RequireApprovalYesNo" value="No">No
                </tr>
              <tr>
                <td><table width="190" border="0" align="right" cellspacing="0">
                  <tr>
                 </tr>
                </table></td>
              <tr>
                <td colspan="3"><div align="left"><em><strong><b style= 'color: red;'>If Yes, You Must Enter an Approver with a corresponding Email:</b> </strong></em></div></td>
                </tr>
              <tr>
                <td height="25"><div align="right">Approver:</div></td>
                <td>&nbsp;</td>
                <td><input name="Approver" type="text" id="Approver" size="40";"></td>
              </tr>
              <tr>
                <td height="25"><div align="right">
                  <p>Approver's Email: </p>
                  </div></td>
                <td>&nbsp;</td>
                <td><input name="ApprovalEmail" type="text" id="ApprovalEmail" size="40"></td>
              </tr>
              <tr>

Hi ,

Kindly help

I have to handle the browser RED X close button in the window.

The problem is that its not saving the data.
before submitting/saving the data it executes the window.close()
I put settime out and form on submit conditionalyy put
even its not saving the data
But window is closing.
how can we sequentiate the save + window.close()

im copying the code below.
============
window.onbeforeunload = function()
{
if (window.event.clientY < 0 && (window.event.clientX > (document.documentElement.clientWidth - 5) || window.event.clientX < 15))
{
editedCheck();
document.BuildRequestForm.buttonClicked.value="REDX";
if( document.BuildRequestForm.measdatachanged.value=="false")
{
setVarZero();
fn_Close();
}
else
{
if(confirm('Do you want to save the changes?'))
{
elmtForm.onsubmit = fn_Close;
//document.BuildRequestForm.onsubmit=fn_Close;
//setVarZero()
saveMeasurement(); setTimeout('setVarZero()',1000);
//window.setTimeout(function() { window.close();}, 1000);
//window.setTimeout(function() { fn_Close();}, 1000);
//fn_Close();
//return true;
}
else
{ return "If you want to close the window click - Leave Page";}

}

}

}

=============
browser close RED X button+ popup OK Cancel "save or not" +OK

Site in question:

www.yourvancouvermortgagebroker.ca/apply

On the 3rd step of this form, I want to add a "SKIP" button that will send the user to the 5th step. No clue how to do this, as someone else helped me code.

Thank You!

Relevant code

javascript file:

Code:

//step 3
 $('#submit_third').click(function(){
        //remove classes
        $('#third_step input').removeClass('error').removeClass('valid');
        //ckeck if inputs aren't empty
        var fields = $('#third_step input[type=text]');
        var error = 0;
        fields.each(function(){
            var value = $(this).val();
            if( value.length<1 || value==field_values[$(this).attr('id')] || ( $(this).attr('id')=='cemail' && !emailPattern.test(value) ) ) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                
                error++;
            } else {
                $(this).addClass('valid');
            }
        });        
        
        if(!error) {

                //update progress bar
                $('#progress_text').html('60% Complete');
                $('#progress').css('width','204px');
                
                //slide steps
                $('#third_step').slideUp();
                $('#fourth_step').slideDown();     
        } else return false;
    });


//step 4
    $('#submit_fourth').click(function(){
        //remove classes
        $('#fourth_step input').removeClass('error').removeClass('valid');
       
        var fields = $('#fourth_step input[type=text]');
        var error = 0;
        fields.each(function(){
            var value = $(this).val();
            if( value.length<1 || value==field_values[$(this).attr('id')]) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                
                error++;
            } else {
                $(this).addClass('valid');
            }
        });

        if(!error) {
                //update progress bar
                $('#progress_text').html('80% Complete');
                $('#progress').css('width','272px');
				 //slide steps
        $('#fourth_step').slideUp();
        $('#fifth_step').slideDown();    
	}
    });                

// step 5				
    $('#submit_fifth').click(function(){	
	//remove classes
        $('#fifth_step input').removeClass('error').removeClass('valid');

I need to figure out the on page button code, what I need to add to the javascript file AND what I need to add in the CSS. (css is here)

Thank you SO much to whoever can help.

Code:

<html>
<body>
var j=0;

var temp,temp2,temp3;
<script>
function scor(j)
	{
	switch(j)
	{
		case 1: alert("Απαντήσατε σωστά μόνο σε μία ερώτηση.Προσπαθήστε πάλι");
		 break;
		case 2: alert("Απαντήσατε σωστά στις δύο από τις τρείς ερωτήσεις");
		 break;
		default: alert ("Συγχαρητήρια απαντήσατε σωστά και στις τρεις ερωτήσεις");
	}	
	}
</script>	
<meta http-equiv="content-type" content="text/hmtl; charset=iso-8859-7">
<p align="center"><font size="5">Σε μία σελίδα html πόσα είναι τα μέγιστα frames που μπορούμε να τοποθετήσουμε; </p></font>
<form name="for1">
<input type="radio"  name="fr1"value="1" > 5 <br>
<input type="radio" name="fr1"value="2" > Όσα τα pixels<br>
<input type="radio"  name="fr1"value="3" > Δεν υπάρχει όριο<br>
<input type="button" value="Εκχώρηση Απάντησης" onClick="getVal1()">

</form>
<script type = "text/javascript">
function getVal1() 
{
	for(var i=0; i<document.for1.fr1.length; i++) 
	{
		if (document.for1.fr1[i].checked) 
		{
			if (document.for1.fr1[i].value==2)
			{
				j++;
			}
		}
	}
}	
function getVal2()
{
	for (var i=0;i<document.for2.fr2.length;i++)
	{
		if (document.for2.fr2[i].checked)
		{
			if (document.for2.fr2[i].value==2)
			{
				j++;
			}
		}
	}
}
function getVal3()
{
	for (var i=0;i<document.for3.fr3.length;i++)
	{
		if (document.for3.fr3[i].checked)
		{
			if (document.for3.fr3[i].value==3)
			{
				j++;
			}
		}
	}
}
</script>
<p align="center"><font size="5"> Είναι απαραίτητο σε κάθε σελίδα html να υπάρχουν τα tags head και title;</p></font>
<form name="for2">
<input type="radio" name="fr2" value="1"> Ναι <br>
<input type="radio" name="fr2" value="2"> Όχι <br>
<input type="button" value="Εκχώρηση Απάντησης" onClick="getVal2()">
</form>
<p align="center"><font size="5"> Τι κάνει το εξής tag: meta http-equiv="content-type" content="text/hmtl; charset=iso-8859-7" </p></font>
<form name="for3">
<input type ="radio" name="fr3" value="1"> Δημιουργεί τις προυποθέσεις για την απόκτηση τιμών <br>
<input type ="radio" name="fr3" value="2"> Ισσοροπεί τις παραγράφους σε στήλες <br>
<input type ="radio" name="fr3" value="3"> Επιτρέπει την κωδικοποίηση ελληνικών χαρακτήρων στην ιστοσελίδα <br>
<input type="button" value="Εκχώρηση Απάντησης" onClick="getVal3()"
</form>
<input type ="button" value="Υπολογισμός" onClick="scor(j)">

Apart from any logical mistakes this thing i have created might have , my question is this.Why upon pressing the last button and calling the "scor(j)" function , no alerts pop up?Thanks in advance. I'm completely stumbled by this as i have no clue as what might be wrong.But then again , my experience is extremely limited

Hello,

I'm not really a techie but I was feeling a little adventurous this morning so I thought I'd try to follow some tips online to customize a "buy" button for some products that I'm preparing to sell online at what is currently: www.SensoryEscapeImages.Squarespace.com

If you visit this site, then click on "Photo Gallery" on the top nav, then click on the 4th image to the right on the top row of thumbnails, you will see on the overlay, at the bottom, three dropdowns that I'm trying to affect.

So, there are three fields presented with the Buy button: Size, Format, and Trim & Finish. If I were to select the Size of 8 x 12 in the first dropdown, the behavior that I am striving for is to only show the Formats available in that size in the second dropdown. Subsequently, each format has Trim & Finish options exclusive to that format and I'm aiming to only make those show in the Trim & Finish dropdown.

But it aint working. Here's the code that I started. No laughing

<left><form action="https://www.e-junkie.com/ecom/gb.php?c=cart&i=563148&cl=74166&ejc=2"
target="ej_ejc" method="POST" name="condition" accept-charset="UTF-8">
<table><tr><td>Size:<select name="o1">
<option value="8 x 12">8 x 12</option>
<option value="12 x 18">12 x 18</option>
<option value="16 x 24">16 x 24</option>
<option value="20 x 30">20 x 30</option>
<option value="24 x 36">24 x 36</option>
<option value="30 x 45">30 x 45</option>
</select></td><td>Format:<select name="o2">
<script type="text/javascript">
if (condition.o1.options = 0)
{
document.write("<option value="Print $50">Print $50</option>
<option value="Print on Gatorboard $80">Print on Gatorboard $80</option>
<option value="Canvas $125">Canvas $125</option>");
}

if (condition.o1.options = 1)
{
document.write("<option value="Print $90">Print $90</option>
<option value="Print on Gatorboard $125">Print on Gatorboard $125</option>
<option value="Canvas $145">Canvas $145</option>");
}

if (condition.o1.options = 2)
{
document.write("<option value="Print $125">Print $125</option>
<option value="Print on Gatorboard $165">Print on Gatorboard $165</option>
<option value="Canvas $220">Canvas $220</option>
<option value="High Def Metal Print $575">High Def Metal Print $575</option>");
}

if (condition.o1.options = 3)
{
document.write("<option value="Print $170">Print $170</option>
<option value="Print on Gatorboard $230">Print on Gatorboard $230</option>
<option value="Canvas $325">Canvas $325</option>
<option value="High Def Metal Print $725">High Def Metal Print $725</option>");
}

if (condition.o1.options = 4)
{
document.write("<option value="Print $215">Print $215</option>
<option value="Print on Gatorboard $300">Print on Gatorboard $300</option>
<option value="Canvas $430">Canvas $430</option>
<option value="High Def Metal Print $830">High Def Metal Print $830</option>");
}

if (condition.o1.options = 5)
{
document.write("<option value="Print $250">Print $250</option>
<option value="Print on Gatorboard $340">Print on Gatorboard $340</option>
<option value="Canvas $535">Canvas $535</option>
<option value="High Def Metal Print $1">High Def Metal Print $1</option>");
}
</script></select></td>
<td>Trim and Finish:<select name="o3">

<script type="text/javascript">
if (condition.o2.options = 1 || condition.o2.options = 4 || condition.o2.options = 7 ||
condition.o2.options = 11 || condition.o2.options = 15 || condition.o2.options = 19)
{
document.write("<option value="None">None</option>");
}

if (condition.o2.options = 0 || condition.o2.options = 3 || condition.o2.options = 6 ||
condition.o2.options = 10 || condition.o2.options = 14 || condition.o2.options = 18)
{
document.write("<option value="1/4 Inch White Trim">1/4 Inch White Trim</option>
<option value="1/4 Inch Black Trim">1/4 Inch Black Trim</option>");
}

if (condition.o2.options = 2 || condition.o2.options = 5 || condition.o2.options = 8 ||
condition.o2.options = 12 || condition.o2.options = 16 || condition.o2.options = 20)
{
document.write("<option value="White Sides">White Sides</option>
<option value="Black Sides">Black Sides</option>
<option value="Stretched Sides">Stretched Sides</option>");
}

if (condition.o2.options = 9 || condition.o2.options = 13 || condition.o2.options = 17 ||
condition.o2.options = 21)
{
document.write("<option value="Silver Recessed Frame">Silver Recessed Frame</option>
<option value="Silver Frame to Edge">Silver Frame to Edge</option>
<option value="Black Recessed Frame">Black Recessed Frame</option>
<option value="Black Frame to Edge">Black Frame to Edge</option>
<option value="Pewter Recessed Frame">Pewter Recessed Frame</option>
<option value="Pewter Frame to Edge">Pewter Frame to Edge</option>");
}
</script></select></td>
<td><input type="image" src="http://www.e-junkie.com/ej/ej_add_to_cart.gif"
border="0" alt="Add to Cart" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this.parentNode);"/>
</form></td></tr></table></left>

This is a general question on if it's possible and how I'd go about it...

I'm working on a site hosted through a blog-managing company. Sometimes their programming doesn't seem to let me do things that would normally be possible, so I have to find creative work-arounds.

This time, It doesn't seem I can use javascript to change an href destination that is generated by their system. I want the user to go to a different page, when they click on that link.

I can have a script find a specific href, but it can't change it for some reason. So I'm wondering if there's a way I can just have the script redirect the user if they click on that link? I know it seems like a long way round, but I don't see any other way to do this under the circumstances.

Just in case it helps, here's what I thought would work, but didn't:


Code:

document.getElementById('elementName').href == 'http://www.newURL.com';

I am trying to add a pulldown menu with a button to my website. I have successfully done this with a javascript I found online here to give credit:
http://www.blazonry.com/javascript/js_menu.php
I tried to modify the form so it will use an image file instead of the default button. To troubleshoot I took the relevant code and put into a seperate html file. This one is using the default code from the site referenced above. This is the page published online:
http://www.keylimecomputerservice.com/test/default.html

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<SCRIPT LANGUAGE="JavaScript"><!-- 
function openURL()
{ 

// grab index number of the selected option
selInd = document.theForm.aaa.selectedIndex; 

// get value of the selected option
goURL = document.theForm.aaa.options[selInd].value;

// redirect browser to the grabbed value (here a URL)
top.location.href = goURL; 

}

//--> 
</SCRIPT>

</head>

<body>

<TABLE SPAN="3" BORDER=1 CELLSPACING=0 CELLPADDING=0 align="center" WIDTH="60%">
	<TR>

		<TD WIDTH="33%">
		<center><font color="black">Choose a connection</font></center><br>
		<form name="theForm"> <tt>
		<center>
		<select name="aaa" size="1">
		<option selected value="#"> ---------- </option>
		<option value="/remote/connect1.exe">Connection 1</option>
		<option value="/remote/connect2.exe">Connection 2</option>
		<option value="/remote/connect3.exe">Connection 3</option>
		<option value="/remote/connect4.exe">Connection 4</option>
		<option value="/remote/connect5.exe">Connection 5</option>
		<option value="/remote/connect6.exe">Connection 6</option>
		<option value="/remote/connect7.exe">Connection 7</option>
		<option value="/remote/connect8.exe">Connection 8</option>
		</select>
		</center>
		</TD>

		<TD WIDTH="33%">
		<input type="button" value=" GO " onClick="openURL()"> </tt>
		</form>
		</TD>

		<TD WIDTH="33%">
		</TD>
	</TR>
</TABLE>

</body>

I then tried to change the form to use an image instead of the default button. Obviously I didn't do it right. THIS ONE DOES NOT WORK. When you choose a menu item and then click the image, it just refreshes the page.
Published page:
http://www.keylimecomputerservice.co.../modified.html

This is the modified code.:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<SCRIPT LANGUAGE="JavaScript"><!-- 
function openURL()
{ 

// grab index number of the selected option
selInd = document.theForm.aaa.selectedIndex; 

// get value of the selected option
goURL = document.theForm.aaa.options[selInd].value;

// redirect browser to the grabbed value (here a URL)
top.location.href = goURL; 

}

//--> 
</SCRIPT>

</head>

<body>

<TABLE SPAN="3" BORDER=1 CELLSPACING=0 CELLPADDING=0 align="center">
	<TR>

		<TD WIDTH="33%">
		<center><font color="black">Choose a connection</font></center><br>
		<form name="theForm"> <tt>
		<center>
		<select name="aaa" size="1">
		<option selected value="#"> ---------- </option>
		<option value="/remote/connect1.exe">Connection 1</option>
		<option value="/remote/connect2.exe">Connection 2</option>
		<option value="/remote/connect3.exe">Connection 3</option>
		<option value="/remote/connect4.exe">Connection 4</option>
		<option value="/remote/connect5.exe">Connection 5</option>
		<option value="/remote/connect6.exe">Connection 6</option>
		<option value="/remote/connect7.exe">Connection 7</option>
		<option value="/remote/connect8.exe">Connection 8</option>
		</select>
		</center>
		</TD>

		<TD WIDTH="33%">
		<input type="image" src="connectbutton.jpg" onClick="openURL()"> </tt>
		</form>
		</TD>

		<TD WIDTH="33%">
		</TD>
	</TR>
</TABLE>

</body>

Any and all help is appreciated.

Runout74

I am trying to manipulate a an image gallery that functions well. Now, I have the ability to pull information from a user's preference pannel and need to place it in the an href="" // And other information in each of the "src" | "url" | "alt".
Any ideas would be truly helpful. This is what I am working with at the moment and it doesn't work (obviously because it is adding code inside a span). Here is what I am starting from:
[CODE] var title01Span = document.getElementById('title01Span'), //Finds the id that I want
prefs = new gadgets.Prefs(), // Pulls from the user's preferences
yourtitle01 = prefs.getString("title01"); // Pulls the correct string from those preferences
title01Span.innerHTML = yourtitle01; // replaces the span.id with that text but I need to be able to do this in the src / href / url / etc.
[CODE]
Thank you so much! I seriously could use as much help as possible!

Hey everyone, I'm new here so be gentle

I ran into a website called livethesheendream.com when the whole charlie sheen drama was going on. I really liked the way the simple site was designed and would like to create something similar to the layout but totally different topic.

My question is, can someone modify the script so that when someone clicks on the image or if they click on the "quote" it will show the next quote BUT in the order I want it to be, for example...

it will start with "1" when the open the page, then when you click the picture or "1" it will show "2", then "3" and so on. I will write out all the quotes and have the user just click next, next, next.

I hope that makes sense. I copied and posted the source code i got from livethesheendream.com if that helps.

PM me if you need to, I will be online most the day.

Thank you to anyone who can help me!

Code:

<!doctype html>
<html>
	<head>
		<title>Live the Sheen Dream</title>
		<link href="styles/screen.css" rel="stylesheet" type="text/css" />
		<meta name="description" content="A random quote generator from Charlie Sheen's recent rants and words of wisdom." />
		<meta name="keywords" content="charlie sheen, sheen, quotes, quote generator, meme, charlie sheen crazy, charlie sheen insane, charlie sheen rant, rant, charlie sheen drugs, f-18, winning, charlie sheen winning" />
		<meta name="robots" content="index, follow" />
		<script type="text/javascript">
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-21696467-1']);
		  _gaq.push(['_trackPageview']);
		
		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();
		</script>
	</head>
<body>
	
<div id="wrapper">
	<center><p><a href="http://www.livethesheendream.com/" onclick="randomQuote(); return false;"><img src="http://www.livethesheendream.com/images/sheen.jpg" alt="sheen" /></a></p></center>
	<h4><p>( click the head. )</p></h4>
	<h1><blockquote id="quote">Get the cancer out of the mix.</blockquote></h1>

<center>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://livethesheendream.com/" layout="button_count" show_faces="false" font="arial"></fb:like>
</center>
<br />

<center>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" >Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</center>
<br />

<center><h3>
<a href="mailto:info@livethesheendream.com" target="_blank">contact us</a>
</h3></center>

<script type="text/javascript">
	var quotes = ["Good luck on your travels. You\u2019re going to need it. Badly.","Sorry man, didn\u2019t make the rules.","I embarrassed him in front of his children and the world.","I\u2019ve got magic. I\u2019ve got poetry at my fingertips.","Mistook this rockstar, bro.","The only thing I\u2019m addicted to right now is winning.","I\u2019m not Thomas Jefferson. He was a pussy.","My success rate is 100 percent. Do the math.","I\u2019m so tired of pretending my life isn\u2019t perfect and *****in\u2019.","Imagine what I would have done with my fire-breathing fists.","Here\u2019s your first pee test. The next one goes in your mouth. No, you won\u2019t get high.","The scoreboard doesn\u2019t lie. Never has.","I am battle-tested bayonets bro.","Where there were four, there are now three.","Just sit back and enjoy the show.","I have real fame. They have nothing.","Bring me a challenge. Somebody.","Pure and complete gnarly-isms.","There\u2019s my life. Deal with it. Oh, wait, can\u2019t process it? LOSERS.","A lot of people think Major League\u2019s called Wild Thing. As they should.","Why give an interview when you can leave a warning?","There\u2019s a new sheriff in town. And he has an army of assassins.","We work for the pope.","Gnarly gnarlingtons.","I am special, and I will never be one of you.","There are parts of me that are Dennis Hopper.","I don\u2019t live in the middle anymore. That\u2019s where you get embarrassed in front of the prom queen.","Thought you were messing with one dude? Sorry.","WINNING.","WINNING.","I\u2019m going to hang out with these two smoooooking hotties and fly privately around the world.","It might be lonely up here but I sure like the view.","I\u2019m done. It\u2019s on. Bring it.","I wanted to watch Jaws on the ocean in the dark and be afraid.","This guy\u2019s got more notches on his belt than Black Bart.","This is me not on drugs bro.","The first one\u2019s free. The next one goes in your mouth.","This contaminated little maggot can\u2019t handle my power.","Clearly I have defeated this earthworm with my words.","I closed my eyes and in a nanosecond I cured myself.","Quit hiding dude. It\u2019s embarrassing. Next subject.","It\u2019s funny how sheep rhymes with sleep.","Bull S-H-I-T.","I\u2019ve spent close to the last decade effortlessly and magically converting your tin cans into pure gold.","You\u2019ve been warned dude. Bring it.","Apocalypse Now will teach you how to live inside of a moment between a moment.","I have a disease? Bull****. I cured it with my brain.","If you\u2019re a part of my family, I will love you violently.","I look at the game of baseball and I\u2019m reminded of a quote that I wrote.","They couldn\u2019t extinguish my pilot light. And that was a mistake.","I\u2019m 45, I\u2019ve got five kids, and I\u2019ve been dumped on for too long.","One of my favorite poets is Eminem.","Let\u2019s hook up and just bring fiery death.","Watch me bury you.","I don\u2019t sleep. I wait.","Let\u2019s talk about something exciting. Me.","Everybody has a black belt and carries a gun. I don\u2019t mess with people.","I\u2019m rolling out magic, bro.","Go back to the troll hole where you came from.","I\u2019m just giving them what I guess they want, I just don\u2019t know if they can handle it. Pussies.","I guess I\u2019m just that goddamn *****in\u2019.","We\u2019re Vatican assassins. How complicated can it be?","Most of the time- and this includes naps- I\u2019m an F-18.","I don\u2019t know, winning, anyone? Rhymes with winning? Anyone? Yeah, that would be us.","I have one speed. I have one gear. Go.","I dare you to keep up with me.","I am on a drug. It\u2019s called Charlie Sheen.","I\u2019m an F-18 bro.","The run I was on made Sinatra, Flynn, Jagger and Richards look like droopy-eyed armless children.","Your face will melt off and your children will weep over your exploded body.","You should have read the directions before you showed up at the party.","I\u2019ve got tiger blood, man.","Your face will melt off and your children will weep over your exploded body.","I may forget about them tomorrow, but they\u2019ll live with that memory for the rest of their lives. And that\u2019s a gift.","I was banging seven gram rocks and finishing them. Because that\u2019s how I roll.","I have a different constitution.","I use a blender. I use a vacuum cleaner.","I\u2019m bi-winning. I win here, and I win there.","What\u2019s the cure? Medicine?","You borrow my brain for five seconds and just be like 'Dude, can\u2019t handle it. Unplug this *******.'","Basically they strapped on their diapers.","I exposed people to magic.","Shut up. Stop. Move forward.","Wow. What does that mean.","Resentments are the rocket fuel that lives in the tip of my sabre.","I\u2019m tired of pretending I\u2019m not a total, *****in\u2019 rock star from Mars.","Drug tests don\u2019t lie.","It\u2019s a war. And it\u2019s on.","Sorry my life is so much more *****in\u2019 than yours. I planned it that way.","I take great umbrage with that.","I don\u2019t have burnout in my gear box.","I\u2019m just going to sail across the winds of the universe with my goddesses.","That was the America I was raised in.","If people could just read behind the hieroglyphic.","I don\u2019t think people are ready for the message I\u2019m delivering.","They picked a fight with a warlock.","Faith is for winners. Hope is for losers.","Clearly he didn\u2019t bring gum for everyone.","I\u2019m going to win every moment.","That\u2019s the code. And we all live by it.","Here\u2019s your cold coffee. Buh-bye.","Surprise. That\u2019s what winners do.","I can\u2019t make up a hernia. That\u2019s just lame.","It\u2019s a three-letter word. It rhymes with why.","My conduct is *****in\u2019.","Come on bro, I won best picture at 20.","Your perimeter\u2019s been breached. You got work to do bro.","It was so gnarly I can\u2019t remember.","I\u2019m not recovering like some pussy.","Rock bottom? That\u2019s a fishing term.","I\u2019m a grandiose life, and I\u2019m embracing it.","Can\u2019t is the cancer of happen.","Dying is for fools. Amateurs.","When I\u2019m fighting a war there\u2019s no room for sensitivity.","If you can bring me a souvenir from that moment when your father locked you in the closet, then bring it to me.","She was attacking me with a small fork.","What was she doing with a shrimp fork in her purse?","I'm still alive, which is pretty cool.","Women are not to be hit. They are to be hugged and caressed.","I have a 10,000-year-old brain and the boogers of a seven-year-old.","Get over here and enjoy the ride, bro. We\u2019re starting to win.","I\u2019m not taking it. I had to pay for it.","Vintage balderdash.","I\u2019ve been a veteran of the unspeakable.","I literally woke up and it was Christmas.","It\u2019s been a tsunami. And I\u2019ve been riding it on a mercury surfboard.","We\u2019re on a rocket ship to the moon some nights.","I don\u2019t understand what I did wrong except live a life that everyone is jealous of.","Duh, WINNING.","Park your nonsense.","Don\u2019t live in the middle.","Adonis DNA.","We\u2019re shaking the tree. We\u2019re shaking all the trees.","I am grandiose. Because I live a grandiose life.","Celebrate this movement.","Get a job, anyone?","You can\u2019t process me with a normal brain.","I\u2019ve got tiger blood and Adonis DNA.","You\u2019ve been given magic. You\u2019ve been given gold.","Bi-polar? The Earth is bi-polar.","Damn, I didn\u2019t take care of myself. Again.","I just want to hug him and rub his head.","I\u2019m an exciting client.","What\u2019s not to love?","I\u2019m alive. Bring it.","Look at these sad trolls.","I\u2019m a peaceful man with bad intentions.","Sorry Middle America.","Who wants to deal with all the small talk?","Really dude? Really?","The last time I used? What do you mean?  I used my toaster this morning.","Everything. Next question.","Can I have one part of my life that isn\u2019t TMZ\u2019d up the butt?","We need his wisdom and his *****in\u2019-ness.","Work fuels the soul.","Winning. Everyday.","Add some gold.","Change your brain.","People can\u2019t figure me out. They can\u2019t process me. I don\u2019t expect them to.","They can\u2019t hang with me. Their bones would melt like wax.","I\u2019m not \u2018aw shucks\u2019. Because I\u2019m gnarly.","Got to dismiss these clowns.","I\u2019m on a quest to claim absolute victory on every front.","Teamwork. Bang.","The wildfires are spreading. The meek are scattering.","They hate themselves first.","Biggest star in the world.","I\u2019m living inside the truth. And the truth doesn\u2019t change.","He has no salt in his soul.","C\u2019mon. The guy wears corduroys.","I honorably pass that torch to these young geniuses.","Change the channel. I dare you.","I\u2019ve been blessed with a new brain.","It\u2019s about winning. Sorry.","*****in\u2019 focus.","Get back in the game dude.","Get the cancer out of the mix.","Gnarly you are not.","Of course you\u2019re gnarly. You\u2019re talking to me.","Wow. That\u2019s epic.","That just flew out. That was a pretty good one.","It's a turd that opens on a tugboat.","If they want me in it, it's a smash.","No panic. No judgement.","Hope is for suckers and tools.","The people would revolt.","You can tell him one thing. I own him.","Missing a lot of good sports, people. Lots.","My passion was asleep for a long time.","I finally extracted myself from their troll hole.","They tell you to lay down your sword. Really? Wow, dude's unarmed. WHACK.","I think you've got a little more magic than you realize.","You make a choice to win, and you win.","I have to tip my hat to them.","There's a reason I've had mad success doing comedy.","Yeah I'll do a movie with you. You're awesome.","I don't forget anything, you know?","I can't pee in front of you guys.","Flinching's for amateurs.","He has no salt in his soul.","It's about winning. Sorry.","They can't really ruffle this assassin's feathers.","We form a group called the wedge.","Panicking is for amateurs and morons.","I don't believe in panicking.","They could have fleeced the sheep a thousand times, but they chose to skin it once.","It feels like the hot springs of Middle Earth are finally ready to explode outward.","It feels like the worm's turning.","It boils and it fuels you. It boils in a state that would eclipse a microwave.","Ride down the face of a tsunami and tell me you don't feel *****in'.","I\u2019m an F-18 bro."];
	function randomQuote(){
		var quote = document.getElementById("quote");
		var rand = Math.ceil( Math.random() * (quotes.length - 1) );
		quote.innerHTML = quotes[rand];
	}
</script>
</div><!-- end wrapper -->
</body>
</html>

Hi, I want the user to choose one option in each of the radio group. But when I click only one button out of all 12 buttons, it allows the user to submit. How do I change it to a way that the user must click one option for each group in order to allow him/her to submit the form?

Javascript
Code:

function valbutton(thisform) 
{
    // place any other field validations that you require here
    // validate myradiobuttons
    myOption = -1;
    for (i=thisform.myradiobutton.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton[i].checked)
        {
            myOption = i; i = -1;
        }
    }
    
    for (i=thisform.myradiobutton1.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton1[i].checked)
        {
            myOption = i; i = -1;
        }
    }

    for (i=thisform.myradiobutton2.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton2[i].checked)
        {
            myOption = i; i = -1;
        }
    }

    for (i=thisform.myradiobutton3.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton3[i].checked)
        {
            myOption = i; i = -1;
        }
    }
    
    for (i=thisform.myradiobutton4.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton4[i].checked)
        {
            myOption = i; i = -1;
        }
    }

    for (i=thisform.myradiobutton5.length-1; i > -1; i--)
    {
        if (thisform.myradiobutton5[i].checked)
        {
            myOption = i; i = -1;
        }
    }                    

    if (myOption == -1) 
    {
        alert("You must select a radio button");
        return false;
    }

    // place any other field validations that you require here
    thisform.submit(); // this line submits the form after validation
}

HTML

Code:

<p>Cookies</p>
<input type="radio" value="1st value" name="myradiobutton" class="style31" />Enable
<input type="radio" value="2nd value" name="myradiobutton" class="style31" />Enable<br />
<p>Java</p>                                
<input type="radio" value="3rd value" name="myradiobutton1" class="style31" />Enable
<input type="radio" value="4th value" name="myradiobutton1" class="style31" />Enable<br />
<p>Javascript</p>
<input type="radio" value="5th value" name="myradiobutton2" class="style31" />Enable
<input type="radio" value="6th value" name="myradiobutton2" class="style31" />Enable<br />                                   
<p>PHP</p>
<input type="radio" value="7th value" name="myradiobutton3" class="style31" />Enable
<input type="radio" value="8th value" name="myradiobutton3" class="style31" />Enable<br />
<p>C#</p> 
<input type="radio" value="9th value" name="myradiobutton4" class="style31" />Enable
<input type="radio" value="10th value" name="myradiobutton4" class="style31" />Enable<br />
<p>CSS</p>                                     
<input type="radio" value="11st value" name="myradiobutton5" class="style31" />Enable
<input type="radio" value="12nd value" name="myradiobutton5" class="style31" />Enable<br />                                                                                              
<input type="submit" name="submitit" onclick="valbutton(myform);return false;" value="Validate" />
<input type="reset" name="reset" value="Clear" />

I'm looking for something, preferably JQuery, that will let me load new content (blog posts) when "View More" is clicked. Something with a smooth animated motion would be nice. Any tutorials or info on what this technique is called?

Hey guys.

New here on the forum, and writing in desperate need for help! I tried the search, but couldn't come up with an answer for my question.

I am running a clothing webshop with a CMS based on ASP. I would like to add a "Back" button on every 'product page' (PP), leading back to the latest 'product list page' (PLP). My problem is that the supplier of the CMS does not support AJAX, which leaves me with a page that is refreshed (and therefore stored as refer-URL) every time I select a different color, size or picture on the PP. My original thought was to add the 'Back' button and make it link to the selected menu point in the left (which could be brand, size, pants, shirts etc.) however, I came to the conclussion that this would be a bad solution, since under the category 'Pants' I'd have 6-7 pages of pants, so if a user was on page 4 and entered the PP for a pair of pants and pressed the 'Back' button, the user would be taken back to page 1.

Therefore I am looking for a solution that will let me go back x number of steps, until on the previous PLP. To my knowledge ASP only supports reffer URL and not reffer URL of the reffer URL. ?

Now, the URL for PLP's have 'pl' embeded in them, where the URLs inside the PP have 'pi' embeded in them, I don't know if that is usable somehow?

Is there a JS fix for this in any way?

Thanks in advance.

Best regards.

Hi guys what i'm trying to do without sucess , can't find anything on google.. Is trying to arrange a button to do a "CTRL+T" (Select all) effect in the HTML i'm currently viewing. Is this possible in Javascript?

I dont want to select the text in a textbox ! I want it in the whole .html i'm currently viewing.


Cheers