JavaScript - Adding Values From Selection Boxes

Hello,

I'm working on a project that involves extracting values from a series of select boxes and then working out the result.

The select boxes contain the following:
Code:

<select name="select_Col1_Row1">
<option value="blue">Blue</option>
<option value="green">Green</option>
<option value="red>Red</option>
</select>
<select name="select_Col1_Row2">
<option value="blue" selected="selected">Blue</option>
<option value="green">Green</option>
<option value="red>Red</option>
</select>
<input type="text" name="RedSum">
<input type="text" name="BlueSum">
<input type="text" name="GreenSum">
</select>

As you can see by my code, I'm early days at this and guessing the steps on the way. I tried using getElementsByTagName on the select and then on the option but had no luck with that. The code below does a wonderful job of returning blue for both select statements...

Code:

<script type="text/javascript">
function getElements()
  {
  var table = document.getElementById("x");   
  var x = table.getElementsByTagName("option");
  for (var i = 0; i < x.length; i++) {   
    var status = x[i].getAttribute("selected");
	alert(status);
    if (status == "selected") {
      var statushcap = x[i].getAttribute("id");
      var statusvalue =x[i].getAttribute("value");
      if (statusvalue == "blue") {
        alert(statusvalue);
      }
    }

  }
  
  alert(x.length);
  }
</script>

If someone could suggest some way to map the select tag and then extract its option value to being the user selected value, I'd most appreciate it. I can probably do the rest of it. Can you extract additional information from the id of the option that is selected as I'd like to sum additional information from the user's choice.

Best,

John

Hello

Thanks to those people on this Forum who have provided me with help, along with my little knowledge of Javascript I have been able to create the basis of a form for my Skittle League which will allow teams to submit results over the web.

I have one calculation to complete before I look to make the form live and I am hoping someone can provide the final peice of the jigsaw.

The scoresheet can be found at

http://www.stroudskittles.co.uk/test/scorecard.html

The form adds togther the 5 values for each half for each team and places them in a Half Total box below.

The form adds together the two totals for each half for each team then places them in a Total box below

I have been able to add a operation using the onchange event the points are automatically calculated for each half and total, depending on the overall scores, 2 points for a win, 1 for a draw 0 for a loss.

What I'm struggling to do is add the three points totals together to generate the Overall Points for a team and place them in a text box at the top of the scoresheet (marked xxx on the page).

Can anyone suggest the best method to do this.

Also is it possible to combine the sums into one script therefore reduing the overall size.

Your help very much appreciated

It adds fine when any number but 12.3 is used if 12.3 is used however it gives
54.099999999999994

var liu = [10.6,11.2,9.4,12.3,10.1];


var calculateTotal= function(raceTimes){
var totalTime;
var raceTime = raceTimes[0];
var i =0;
for (i = 0; i< 4; i++){

raceTime = raceTime+raceTimes[i];
totalTime = raceTime;
}
return totalTime;
};
var liuTotal = calculateTotal(liu);

console.log(liuTotal);

Hi,

I'm currently designing a website for a takeaway company, and have one page displaying their menu. So that customers can easily calculate how much their takeaway will cost, I'm going to put checkboxes next to each item.

Each of the checkboxes' value will be the price of the item, and I need a script that will add the values (prices) of the checkboxes they've ticked.

They can then see the total cost of their takeaway without having to work it out, and add or remove items accordingly. I will then add a button which will print out a list of the items they ticked with the total price at the bottom. The customer can bring this in with them and the staff can easily see what they want and how much to charge them.
Firstly, I need to know how to make Javascript add these values (and probably save them as a variable) Secondly, how would I make this display on the page (either after they click a button, or automatically so they can see the price real-time)? - I assume this would be basic coding --- Code:

document.write(var)

And finally, how could I make a script which would print only the items which are ticked, and the total price?

Any help with this, even if you can only answer one of the questions, would be much appreciated.

Thanks in advance!

--
AJE

I have some asp:radiobutton lists that need to update a label with the sum of their values each time a user selects a new value. I am brand new to javascripting and would like some insight on how to get this done. I have inserted my code below.

Code:

<asp:Label runat="server" Text="Greeting:" />&nbsp;<asp:Label runat="server" ForeColor="Red" ID="lbl_GreetingScore" Text="0" />

<asp:RadioButtonList ID="rdb1_1" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Selected="True" Text="N/A" Value="4" />
<asp:ListItem Text="Yes" Value="4" />
<asp:ListItem Text="No" Value="0" />
</asp:RadioButtonList>

Hey javascript newbie,

Im trying to figure out how to add different radio if its selected or not

example:

Radio_Button1 value="5": Selected
Radio_Button2 value="15": Not Selected
Radio_Button3 value="25": Selected
Radio_Button4 value="35": Selected

var addingitup = ??? and im lost????

Hi,

i feel kinda stupid asking this, but im kinda lost. I want to add up multiple values of groups of checkboxes. I managed to add up the values, but making it so that only one checkbox per group can be enabled at any time gives me a headache.

Here is what i got so far, any hints to how to make it work would be really cool.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>
  
 
  
 <script type="text/javascript">
function Summe()
{
  sum = 0;
  if(document.Formular.m1.checked) 
  {
    sum = sum + (1 * document.Formular.m1.value);
  }
  if(document.Formular.m2.checked)
  {
    sum = sum + (1 * document.Formular.m2.value);
  }
  if(document.Formular.m3.checked)
  {
    sum = sum + (1 * document.Formular.m3.value);
  }
  if(document.Formular.m4.checked)
  {
    sum = sum + (1 * document.Formular.m4.value);
  }
  if(document.Formular.m5.checked)
  {
    sum = sum + (1 * document.Formular.m5.value);
  }
  
   if(document.Formular.m6.checked)
  {
    sum = sum + (1 * document.Formular.m6.value);
  }
  
   if(document.Formular.m7.checked)
  {
    sum = sum + (1 * document.Formular.m7.value);
  }
  
   if(document.Formular.m8.checked)
  {
    sum = sum + (1 * document.Formular.m8.value);
  }
 
 
  document.Formular.black.value = sum;
}

 


</script>

    
 <form name="Formular">
  <INPUT TYPE="TEXTBOX" NAME="black" VALUE="" SIZE="3"> <br>
  grp1<br>
  <input type="checkbox" Name="m1" Value="411" id="411"  onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m2" Value="412"  id="412" onClick="javascript:Summe()"> <br><br>
   grp2<br> 
  <input type="checkbox" Name="m3" Value="421"  id="421"onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m4" Value="422"  id="422"onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m5" Value="423"  id="423" onClick="javascript:Summe()"> <br> <br>
   grp3 <br>
  <input type="checkbox" Name="m6" Value="431"  id="431" onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m7" Value="432"  id="432" onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m8" Value="433"  id="433" onClick="javascript:Summe()"> <br> <br>
 </form>

  </body>
</html>

Hey CF, I'm currently working on a website called 'eXtreme Gaming' I've almost completed it, apart from two things.

- Adding two values on my checkout page for the Grandtotal (I've tried everything, but I'm too much of a noob and have probably missed something small).

- Validation of forms (I don't know where to start here, I've looked on w3schools for tuts etc but I'm having difficulty incorporating it on my site)

I'm going to put the code for my checkOut page only, if you are able to help me many thanks in advance.

[quote] Code:

<HTML>

<HEAD>

<script language="JavaScript" src="laptopsCookie.js">
</script>

<script language="JavaScript" src="desktopsCookie.js">
</script>

<script language="JavaScript"><!--
function calculateTotalPurchaseLaptop(formRef)
{
	var laptopTotal=0;
	for (var i=0; i<LaptopListPurchase.length/2;i++)
	{
	 var subTotal = formRef.elements['quantity'+i].value * formRef.elements['price'+i].value;
	 formRef.elements['subTotal'+i].value = subTotal.toFixed(2);
	// document.orderForm2.grandTotal.value = document.orderForm.laptopTotal.value + document.orderForm2.desktopTotal.value
	 
	 laptopTotal += subTotal;
	}
	
	formRef.laptopTotal.value = laptopTotal.toFixed(2); 
}
//--></script>

<script language="JavaScript"><!--
function calculateTotalPurchaseDesktop(formRef)
{
	var desktopTotal=0;
	for (var i=0; i<DesktopListPurchase.length/2;i++)
	{
	 var subTotal = formRef.elements['quantity'+i].value * formRef.elements['price'+i].value;
	 formRef.elements['subTotal'+i].value = subTotal.toFixed(2);
	
	 
	 desktopTotal += subTotal;
	}
	
	formRef.desktopTotal.value = desktopTotal.toFixed(2); 
}
//--></script>

<script language="Javascript"><!--

function checkform()
{
	if (document.payment.Name.value == "")
	{
		alert('Please enter a name');
		return false;
	}
	//else if(isNaN(document.payment.CreditCard.value) || document.payment.CreditCard.length !== 10)
	//{
	//	alert('Invalid Credit Card Number');
	//	return false;
	//}
	else if (document.payment.Adress.value == "")
	{
		alert('Please enter your adress.');
		return false;
	}
	else if (document.payment.State.selectedIndex == 0)
	{
		alert('Please select a state');
		return false;
	}

	return true;
}


</script>
</HEAD>

<BODY>

<TITLE>Check Out</TITLE>

<script>
var html = "";

	html += '<TABLE align="center"><tr><td><img src = "images/checkOutTitle.png" align="center" style="border:none" /></td></tr></TABLE>';
	html += '<TABLE align = "center" border="2" cellpadding="2" cellspacing="2" width="80%">'
	html += '<form id = "orderForm" name = "orderForm" method = POST action="javascript:void(0)">';
	html += '<tr>';
	html += '<th>Product</th><th>Quantity</th><th>Price</th><th>Sub Total</th>';
	html += '</tr>';

    for (var i=0; i<LaptopListPurchase.length;i=i+2)
	{	
				
      html += '<tr><td>' + LaptopListPurchase[i] + '</td>';
	  html += '<td><select NAME="quantity' + i/2 + '"  onChange="calculateTotalPurchaseLaptop(this.form)">';
	  html += '<OPTION VALUE="0">0</OPTION><OPTION VALUE="1">1</OPTION><OPTION VALUE="2">2</OPTION>';
	  html += '<OPTION VALUE="3">3</OPTION><OPTION VALUE="4">4</OPTION><OPTION VALUE="5">5</OPTION>';
	  html += '</select></td>';
	  html += '<td>$<input type="text" name="price' + i/2 + '" size=5 value="' + LaptopListPurchase[i+1] + '" readonly></td>';
	  html += '<td>$<input type="text" name="subTotal' + i/2 + '" size=5 value="0.00" readonly></td>';
	  html += '</tr>';
	}
	html += '<tr>';
	html += '<td></td>';
	html += '<td></td>';
	html += '<td></td>';
	html += '<td>$<input type=TEXT name="laptopTotal" value="" readonly size=7></td></tr>';
	html += '</form>';
	html += '</table>';
	
	document.write(html);

	// Update the quantities
	//
	var quantityLaptop;
	for (var i=0; i<LaptopList.length/2;i++)
	{
		// Get the quantity of each type of Laptop
		//
		quantityLaptop = getCookie("Laptop" + i);
		document.orderForm.elements("quantity"+i).value = quantityLaptop;
	}
	
	// Update the totals
	//
	calculateTotalPurchaseLaptop(document.orderForm)
	

var html = "";

	html += '<TABLE align = "center" border="2" cellpadding="2" cellspacing="2" width="80%">'
	html += '<form id = "orderForm2" name = "orderForm2" method = POST action="javascript:void(0)">';
	html += '<tr>';
	html += '<th>Product</th><th>Quantity</th><th>Price</th><th>Sub Total</th>';
	html += '</tr>';

    for (var i=0; i<DesktopListPurchase.length;i=i+2)
	{	
				
      html += '<tr><td>' + DesktopListPurchase[i] + '</td>';
	  html += '<td><select NAME="quantity' + i/2 + '"  onChange="calculateTotalPurchaseDesktop(this.form)">';
	  html += '<OPTION VALUE="0">0</OPTION><OPTION VALUE="1">1</OPTION><OPTION VALUE="2">2</OPTION>';
	  html += '<OPTION VALUE="3">3</OPTION><OPTION VALUE="4">4</OPTION><OPTION VALUE="5">5</OPTION>';
	  html += '</select></td>';
	  html += '<td>$<input type="text" name="price' + i/2 + '" size=5 value="' + DesktopListPurchase[i+1] + '" readonly></td>';
	  html += '<td>$<input type="text" name="subTotal' + i/2 + '" size=5 value="0.00" readonly></td>';
	  html += '</tr>';
	}
	html += '<tr>';
	html += '<td></td>';
	html += '<td></td>';
	html += '<td></td>';
	html += '<td>$<input type=TEXT name="desktopTotal" value="0.00" readonly size=7></td></tr>';
	html += '<td></td>';
	html += '<td></td>';
	html += '<td align = "center"><b>Grand Total</b></td>';
	html += '<td>$<input type=TEXT name="grandTotal" value="0.00" readonly size=7></td></tr>';
	html += '</form>';
	html += '</table>';
	
	document.write(html);

	// Update the quantities
	//
	var quantityDesktop;
	for (var i=0; i<DesktopList.length/2;i++)
	{
		// Get the quantity of each type of Desktop
		//
		quantityDesktop = getCookie("Desktop" + i);
		document.orderForm2.elements("quantity"+i).value = quantityDesktop;
	}
	
	// Update the totals
	//
	calculateTotalPurchaseDesktop(document.orderForm2)
</script>


<table  align = 'center'>
<tr>
<td><h1>Pay for your Purchase Below</h1></td>
</tr>
</table>

<table border="1" align = 'center' >
<form name="payment" method="post">

<tr>
	<td>
		Name on Credit Card: <input type="text" name="Name" /><br />
		Credit Card number: <input type="text" name="CreditCard" /><br />
		Street Adress: <input type="text" name="Adress" /><br />
		Town: <input type="text" name="Town" /><br />
		State/Territory: <select NAME="State"><OPTION VALUE="Null">--</OPTION><OPTION VALUE="Australian Capital Territory">ACT</OPTION><OPTION VALUE="South Australia">SA</OPTION><OPTION VALUE="Northen Territory">NT</OPTION><OPTION VALUE="Queensland">QLD</OPTION><OPTION VALUE="Victoria">Vic</OPTION><OPTION VALUE="Western Australia">WA</OPTION><OPTION VALUE="Tasmania">Tas</OPTION></select>
	</td>
	<td>
		<INPUT TYPE="RADIO"  NAME="Master Card" VALUE="Master Card">Master Card<BR>
		<INPUT TYPE="RADIO"  NAME="Visa" VALUE="Visa">Visa<BR>
		<INPUT TYPE="RADIO"  NAME="AMEX" VALUE="American Express">American Express<BR>
	</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Submit" onclick="return checkform()"></td>
</tr>

</table>

</BODY>

</HTML>[

/quote]

Hi gud mng,

I have one problem...

How to process textbox values/ call textbox values in JS through a Java program.
My text box values are dates. I have to process these dates.

Like in online banking we select day to know our transactions. After submitting we get results. remember my files are in my directory only. No need of database.

My files are look like 20100929, 20100930, 20101001

For epoch_classes.js, epoch_styles.css u can download coding from this link : http://www.javascriptkit.com/script/...ch/index.shtml


Code:


Code:

<html>

<table width="900" border="0" cellpadding="10" cellspacing="10" style="padding:0"> 
<tr><td id="leftcolumn" width="170" align="left" valign="top"> 
<div style="margin-left:0px;margin-top:0px"><h3 class="left"><span class="left_h2">Select Option</span></h3> 
<a rel="nofollow" target="_top" href="day_wise.htm" >Day-wise</a><br />  <br />
<a rel="nofollow" target="_top" href="between.htm" >Between Days</a> 

<link rel="stylesheet" type="text/css" href="epoch_styles.css" />


<script type="text/javascript" src="epoch_classes.js"></script>

<script type="text/javascript">

var cal1, cal2;      
window.onload = function () 
{
cal1= new Epoch('epoch_popup','popup',document.getElementById('popup_container1'));
cal2= new Epoch('epoch_popup','popup',document.getElementById('popup_container2'));
};

/*............*/
function confirmation(f) 
{
	
	var startdate = f.fromdate.value
        var enddate = f.todate.value
        var myday=new Date()

        var yr=myday.getFullYear()
        var mn=myday.getMonth()+1
        var dt=myday.getDate()

        var today=""
        var present, ys, ms, ds, ye,me,de, start, end
           
        if(mn < 10) {  mn = "0" + mn }

        if(dt <10) { dt = "0" + dt } 
 
        today= yr + "/" + mn + "/" + dt
	
        present=yr + "/" + mn + "/" +dt

                     
        if (today < startdate ) 
           {
            alert (" Start date should not be exceed to-day's date " + present )
            startdate.focus()
            return false
           } 
  
        if (today < enddate )
           {
            alert (" End date should not be exceed to-day's date " + present )
            enddate.focus()
            return false
           }

         

         if (today == startdate ) 
           { 
            alert(" You are selected to-days date as Starting day" );
           

            }
   
        var answer = confirm("Do you want to continue ?")        

        if (answer)
           {    if( startdate < enddate)         
		 alert("Dates between " + startdate + " to " + enddate + " are confirmed" )
		else
                  alert("Dates between " + enddate + " to " + startdate + " are confirmed" )     
	   }
	
        else
           {
		alert("Date not confirmed")
                window.location="to_date.htm"; 
           }

        ys= startdate.substring(0,4);
	ms= startdate.substring(5,7);
	ds= startdate.substring(8,10);

        start=ys + "" + ms + "" +ds          
  
        ye= enddate.substring(0,4);
	me= enddate.substring(5,7);
	de= enddate.substring(8,10);
 
        end=ye + "" + me + "" +de

      
}
/*.......................................................*/
</script>

<div style="margin-left:100px;">


<body>
<style type="text/css">
#conf
{
margin-left:115px;
} 
</style>


<td align="left" valign="top"> 
<table width="100" border="0" cellpadding="0" cellspacing="0"> 
<td style="padding-top:0px"> 
</table>

<h4>From Date</h4>

<form name= "formbet" id="placeholder" method="post" action="#" >
<input id="popup_container1" type="text" name= "fromdate" maxlength="10" size="20"/>


<td align="left" valign="top"> 
<table width="300" border="0" cellpadding="0" cellspacing="0"> 
<td style="padding-top:20px"> 


<h4>To Date</h4>
<input id="popup_container2" type="text" name= "todate" maxlength="10" size="20"/> <br /> <br />
<input id="conf" type="button" onclick="confirmation(this.form)" value="Submit">
</form>


</body>
</html>

In my coding, ys, ms, ds represents year starting, month starting, starting day...
ye, me, de represents end...

start,end gives file names in the format of yyyymmdd

now i want to process files from 20100101 to 20100930

means from date is 2010/01/01 and to date is 2010/09/30

if i press submit button the files from 20100101 to 20100930 are processes

here ys=2010 ms=01 ds =01 and ye=2010 me=09 de= 30

For this how do i call these textbox values (from date text box and todate) to another program (java)

Thanks in advance.

I have a bunch of checkboxes like below that the user can check some or all and click the button and see the values of all the selected checkboxes. How can I do that?

Code:

<script>
function alertValues(){


}
</script>


<input type="checkbox"  class ="normal2" value="131971" name="list[]" >
<input type="checkbox"  class ="normal2" value="131973" name="list[]" >
<input type="checkbox"  class ="normal2" value="131975" name="list[]" >
<input type="checkbox"  class ="normal2" value="131977" name="list[]" >

<input type="button" onClick="alertValues()"

Hi,
What's a good way/ideal data structure to achieve this?

The objective of the code/function is to map user-inputted strings into a pair of specific, hard-coded strings. For example, say the user types "firefox" or "ff", or "fx". The output would be the pair ["browser", "mozilla"], for example.

I'm currently using a multidimensional array, but it feels inefficient and I'm having trouble mapping an arbitrary number of inputs into 2 outputs.

Code:

var strings = [ ["input1", "output1a"],
                ["input2", "output1a"],
                ["input3", "output1a"],
                ["input1", "output1b"],
                ["input2", "output1b"],
                ["input3", "output1b"]
              ];

How should I map the elements ["input1", "input2", "input3"] => ["output1a", "output1b"] ?

Another method I used previously was a massive switch statement. This fulfills my needs, but I'm not sure about the efficiency (though if I remember correctly, switch statements become more efficient as size grows, since it uses a hash table?).

Code:

switch (input) {
    case "ff": case "firefox": case "fx" : case "ffox":
        return ["browser", "mozilla"];
    case "ie": case "internet explorer":
        return ["browser", "microsoft"];
    ...
}

Hello all,

I usually try and solve my problems by reading all post but i i'm having problem trying to find a solution my problem.

I have a simple form in html which presents to the user 2 checkbox's named cash or cheque depending on which answer he gives will present to him 2 different textbox.

My problem is i only want the user to be able to select one of the two checkboxes and also i would like the resulting checkbox selected to be placed on the same row.

Hope this makes sense!!!

I'm only a beginner in javascript and i've found some of the following code on the net but i don't know how to ammend it so that it does what i need it to do.

Here is the code:
Code:

<HTML>
<HEAD>
<TITLE>Document Title</TITLE>

<script>
<!--
function c(){}
function getresultPay(){
if(document["schDetails"]["chkCash"].checked){
document.getElementById("shwCash").style.visibility="visible"
}
else{
document.getElementById("shwCash").style.visibility="hidden"
}
}

function d(){}
function getresultChex(){
if(document["schDetails"]["chkcheque"].checked){
document.getElementById("shwcheque").style.visibility="visible"
}
else{
document.getElementById("shwcheque").style.visibility="hidden"
}
}

//-->
</script>
</HEAD>
<BODY>

<FORM NAME="schDetails">
	<table border="1" width="457">
	<tr>
		<td width="447" align="left" colspan="5" height="12"></td>
	</tr>
	<tr>
		<td width="187" align="left" height="22">Amount to Pay</td>
		<td width="26" align="center" height="22">:</td>
		<td width="221" height="22" colspan="3">
		<input type = text name ="txtPurCode" tabindex= 25 size="20"></td>
	</tr>
	
	<tr>
		<td width="187" align="left" height="20">How would you like to pay</td>
		<td width="26" height="20" align="center"><input type="checkbox" name="chkCash" value="ON" onclick = "c() ; getresultPay()"></td></td>
		<td width="66" height="20" align="center">Cash</td>
		<td width="35" height="20" align="center"><input type="checkbox" name="chkcheque" value="ON" onclick = "d() ; getresultChex()"></td></td>
		<td width="108" height="20" align="center">Cheque</td>
	</tr>

	<tr id="shwCash" style="visibility:hidden">
		<td width="187">Cash to Pay</td>
		<td width="26" align="center" height="22">:</td>
		<td width="221" colspan="3">
		<input type = text name ='txtGRTNo' tabindex = 19 size="20"></td>
	</tr>
	<tr id="shwcheque" style="visibility:hidden">
		<td width="187">Cheque to Pay</td>
		<td width="26" align="center" height="22">:</td>
		<td width="221" colspan="3">
		<input type = text name ='txtGRTNo' tabindex = 19 size="20"></td>
	</tr>
	<tr>
		<td width="447" align="left" colspan="5" height="12"></td>
	</tr>
</table>
</FORM>
</BODY>
</HTML>

I would really appricate if someone could solve this for me.

Regards

Does anyone know anything about selecting text in an editable iframe? The following code kind of works in FireFox (it's a little buggy), but doesn't work at all in anything else.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
<head>
    <title>ADVANCED EDITOR TEST PAGE</title>
    <script type="text/javascript">
        function framego(){
            document.getElementById("frame").contentDocument.designMode = "On";
            document.getElementById("frame").contentWindow.document.body.innerHTML = "TEST [here] ING";
        }
        function selectArea(){
        	o=document.getElementById('frame');
            
        	if(o.contentWindow.getSelection) sel = o.contentWindow.getSelection(); //FF
            else sel = o.contentDocument.selection.createRange(); //IE

        	range2=sel.getRangeAt(0);

        	var range = document.createRange();
        	range.setStart(sel.anchorNode,5);
        	range.setEnd(sel.anchorNode,11);

        	//remove the old range and add the newly created range
        	sel.removeRange(range2);
        	sel.addRange(range);
            
            o.focus();
        }
    </script>
</head>
<body onload="framego()">
    <iframe id="frame"></iframe>
    <button onclick="selectArea()">TEST</button>
</body>
    </html>

It's supposed to select the word "Here" in the iframe.

A million thanks to anyone who can point me in the right direction on this one. :-)

i have a selection menu here. what i would like to do is that when i select "not copy" it will not show and not copy the contents of "todo" textfield. but when i select any of the "copy text" it will show and copy the contents of the "todo" text. help plsssssssssssssssssss


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>

<body>
<form id="form" name="form" method="post" action="">
<p>Phone Number:
<input type="text" name="Name" />
</p>
<p>Location:
<select name="selector" >
<option>copy text</option>
<option>not copy text</option>
<option>copy text</option>
<option>copy text</option>
</select>
</p>
<p>To Do Today:
<input type="text" name="todo" />
</p>
<p>
<input type="button" value="Copy" />
</p>
</form>
</body>
</html>

Hello,

Is there anyway to prevent images, words, divisions, etc from being selected? Also if something is selected is there a way to deselect?

Thanks!