JavaScript - Work Out A Flooring Area

HI to all I am new be and not able to resolve the issue when i tries to edit text area everything works fine for crome and ie but does not work for firefox
in fire fox when i try to edit intially everythings works fine but if i click other feild in form and after that try to edit text area backspace key stuck up and does not work please help me ?? code which i am using is menitoned below

function stopPropagation(e)
{
e = e||event; /* get IE event ( not passed ) */
e.stopPropagation? e.stopPropagation() : e.cancelBubble = true;

}


function checkShortcut(e)
{
stopPropagation(e);
if({8:1,13:1}[e.keycode||e.which])
{
if( x )
return true;
return false;
}
}

Hi, i want to open a file in a text area, such that the user can either browse for a file and when selected it will open in a text box on the page, or the user can select a file from a list of active links on the page and this will open in the text area.

I am new to java and dont know where to start on this, i have been browsing resources on the internet but have not found anything to get me started, would anybody be able to help?
Thanks

I write code using ext js,openlayers and GeoExt for measuring length and area
,it is working inside inside of india in the world map but this measure tool is not working outside of india in the world map.

My code for Measure length:
To Load map:
var projWGS84 = new OpenLayers.Projection("EPSG:4326");
var projSphericalMercator = new OpenLayers.Projection("EPSG:900913");
var bounds = new OpenLayers.Bounds(68.137, 6.783, 97.336, 37.086);
bounds.transform(projWGS84, projSphericalMercator);
map.maxExtent = bounds;
var gphy = new OpenLayers.Layer.Google("Google Street", {
'sphericalMercator':true
//maxExtent: new OpenLayers.Bounds(-20037508, -20037508,20037508, 20037508)

}
);
var osmLayer = new OpenLayers.Layer.OSM();

// Add the background images via WMS


// Add the background images via WMS

//map.addLayer(bglayer);
// map.addControl(new OpenLayers.Control.MousePosition());
map.addLayers([gphy, osmLayer]);

Measure Length:
Measure = new Ext.SplitButton({
text:"Measure",
iconCls:"icon-measure-length",
toggleGroup:"navigate",
group: "navigate",
enableToggle:true,
allowDepress:false,
handler: function(button, event) {
// allowDepress should deal with this first condition
if(!button.pressed) {
button.toggle();
} else {
button.menu.items.itemAt(activeIndex).setChecked(t rue);
}
},
listeners: {
toggle: function(button, pressed) {
// toggleGroup should handle this
if(!pressed) {
button.menu.items.each(function(i) {
i.setChecked(false);
});
}
},
render: function(button) {
// toggleGroup should handle this
Ext.ButtonToggleMgr.register(button);
}
},
menu: new Ext.menu.Menu({
items: [
new Ext.menu.CheckItem(
new GeoExt.Action({
text: "Length",
toggleGroup:"navigate",
iconCls:"icon-measure-length",
group: "navigate",
enableToggle:true,
allowDepress:false,
map: map,
control: new OpenLayers.Control.Measure(OpenLayers.Handler.Path , {
eventListeners: {
measu function(evt) {
Ext.MessageBox.show({

title: 'Line length :',
buttons: Ext.MessageBox.OK,
width:200,
msg:"Line Length: " + evt.measure.toFixed(2) + " " + evt.units

});
}
}
})

})
)

}
})

})
)
]
})
})

Hi,

I have a text area that I want to add simple html formatting buttons to.

The user should be able to:
- highlight text and click a 'bold' button
- highlight text and click 'itallic' button
- Add bulleted list
- Link

I've looked at a number of WYSIWYG javascript examples, but they seem to accept Microsoft Word formatting, which I dont want.

I'll admit I'm new to javascript, so my apologies if this looks like crap.

Code:

 Taken out due to fix

I'm trying to get this javascript to return a level to this form field.

Code:

taken out, due to fix

I have an image map with 6 areas.

Code:

			<p class="center"><img src="images/car_feature.png" alt="" usemap="#car"/></p>

			<map id="car" name="car">
			<area shape="rect" coords="172,198,195,222" href="#" alt=""/>
			<area shape="rect" coords="242,79,266,104" href="#" alt=""/>
			<area shape="rect" coords="293,124,317,149" href="#" alt=""/>
			<area shape="rect" coords="407,212,431,227" href="#" alt=""/>
			<area shape="rect" coords="430,300,453,325" href="#" alt=""/>
			<area shape="rect" coords="565,346,588,370" href="#" alt=""/>
			</map>

I also have 6 DIVs that are hidden and only a single one will appear visible on mouseover of its corresponding image map area.

Code:

			<div id="hidden">
				<div class="feature">
					Feature 1
				</div>

				<div class="feature">
					Feature 2
				</div>

				<div class="feature">
					Feature 3
				</div>

				<div class="feature">
					Feature 4
				</div>

				<div class="feature">
					Feature 5
				</div>

				<div class="feature">
					Feature 6
				</div>
			</div>

The roadblock I'm running into is the show function in the JavaScript.

Code:

			window.onload = init;

			function init() {
				var area = document.getElementById("car").getElementsByTagName("area");
				var features = document.getElementById("hidden").getElementsByTagName("div");

				hide();

				function show() {
					for(a=0; a < area.length; a++) {
						if(area[a].onmouseover) {
							document.getElementById("hidden").getElementsByTagName("div")[a].style.display="block";
							}
						}
					}

				function hide() {
					for(b=0; b < features.length; b++) {
						document.getElementById("hidden").getElementsByTagName("div")[b].style.display="none";
						}
					}

				for(i=0; i < area.length; i++) {
					area[i].onmouseover = show;
					area[i].onmouseout = hide;
					}
				}

I'm trying to get it so that if I hover over the first area on the image map, the first hidden DIV will appear, but none of the others. And if I hover over the fourth area, the fourth DIV will appear.

I hope this makes sense, and I'd appreciate any and all help towards solving this issue and ending my headache lol

I am really new to JavaScript, and was following a tutorial that was using everything inline (probaby as its less confusing for the noob). Now I want to split it off into a script area, like my CSS has been.

I have:
Code:

<SPAN onclick="document.getElementById('glance').style.display='block';document.getElementById('front').style.display='none';">

Is something like this valid (this is a guess BTW)?
Code:

<SCRIPT type="text/javascript">

	function getElementById('glance') {

		.style.display='block';
		}

	function getElementById('front') {
		.style.display='none';
		}
</SCRIPT>
<SPAN onclick="document.getElementById('glance'); document.getElementById('front')"> ... </SPAN>

... or should function be document in the script area and document not be present in the SPAN attribute?

... Better yet, is there a way to put both the 'glance' and 'front' together like this:
Code:

<SCRIPT type="text/javascript">
	function getElementById ('glance') {
		.style.display='block';
		getElementById ('front') { 
			.style.display='none';
		}
	}
</SCRIPT>

Hello im trying to update a text area value with edited code with javascript, i dont know how to and im asking if you guys know

Need help with my text box. I want to make it so if i have several text boxes only one number can be entered once. So if i type the number 15 in the first text box and type 15 in the second text box an error will occur saying you cant enter the same number twice. Any idea how to do this?


Code:

<html>
<head>
<title>Untitled Document</title>
<script>
function checkForInvalid(obj) {
	obj.value = obj.value.replace(/[^0-9\-]|(-{2,})/gi, (RegExp.$1.indexOf("-") > -1) ? "-" : "");
}

</script>
</head>

<body>
<form name="myForm">
<input type="text" name="one" onkeyup="checkForInvalid(this)">
<br>
<input type="text" name="two" onkeyup="checkForInvalid(this)">
<br>
<input type="text" name="three" onkeyup="checkForInvalid(this)">
</form>
</body>
</html>

Thanks

<area shape="rect" coords="7,24,154,40" href="javascript:triggerCheckout()">
<area shape="rect" coords="7,24,154,40" href="javascript:triggerCheckout();">
<area shape="rect" coords="7,24,154,40" onClick="triggerCheckout()">
<area shape="rect" coords="7,24,154,40" onClick="triggerCheckout();">

None of these works. Why not? How can i link this hotspot area with a javascript function?

I have a need to display, edit and save the contents of a text area to a text file or what ever is best suited, directly to the website root or folder within the root of the site. Is there anyway this can be done with out database software? As I dont have the option to install mysql or any other software to the webserver. Any help would be greatly appreciated. Thx


Just a little backround: The webserver is acually an open source linux firewall which i was able to edit the apache config file to host a second site. I just want the ability to store edit and display some network information within a very small site I made without the use of a database. Is this even possible?

Hi all !

I have written code for select options one. In that option one of the option is to select others. When i select others automatically the cursor should goto others text area box. Any suggessions please.

Code:

<!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>Smartcard Gen2</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script type="text/javascript" charset="utf-8">
var notEmpty=function(){

document.write("Problem Submitted, Thank You");
window.open(list.html);

}




</script>
</head>

</head>
<body>
<div class="container">,
<div class="topbar">
<p>Report a Problem<a href="list.html" class="button back black"><span></span>&nbsp;&nbsp;&nbsp;ATM Details</a></p>
</div>
<div class="content">
<h6>Find ATMs by Address:</h6>
<div class="box">
<table width="95%" border="0" align="center" cellpadding="8" cellspacing="0">
<tr>
<td width="33%" align="right" valign="middle"><strong>Problem :</strong></td>
<td>
<FORM ACTION="#" NAME=latin>
<SELECT NAME="words" >
<option value="ATM NOT PRESENT">ATM not present</option>
<option value="ATM IS BROKEN">ATM Broken</option>
<option value="MASTERCARD IS NOT ACCEPTED">ATM doesnot accept MasterCard</option>
<option value="ATM IS NOT ACCESSIBLE">ATM is not accessible</option>
<option value="others" id="others">Others</option>

</select>
</FORM>
</td>
</td>
</tr>
</table>

<div class="box">
<table width="95%" border="0" align="center" cellpadding="8" cellspacing="0">
<tr>
<td width="33%" align="right" valign="middle"><strong>Other :</strong></td>
<td width="67%" align="left" valign="top"><input name="textfield3" type="textarea" rows="25" coloumns="15" id="textfield3" placeholder=" " /></td>
</tr>
</table>
</div>
<a href="#" class="transactions" onclick="notEmpty();">Submit</a></div>
</div>
</body>
</html>

Hi, I'm a student learning web design and having a problem with some javascript code, I'm validating a text area, i dont have a problem limiting how many characters can be typed in the textarea, but I cant get it to give an error if there is no text in the text area.
In the code below the validateMes() function is not working, the other functions work fine


Javascript code:
Code:

function validateLimit(fld){
	  
	  var error ="";
	  
	 
	  if(fld.value.length > 300){
		 error = "Cannot exceed 300 characters.\n"
		  fld.style.background = 'Yellow';
	  
	  }else{
		  fld.style.background = 'White';  
		  
	  }
	  return error;
  }
  
  
  function validateMes(fld) {  //this function not working
    var error = "";
 
    if (fld.value.length == 0) {
        fld.style.background = 'Yellow'; 
        error = "The Message field has not been filled in.\n"
    } else {
        fld.style.background = 'White';
    }
    return error;  
}

 function validateFormOnSubmit(form1) {    //master validating function
var reason = "";

  reason += validateLimit(form1.mess);
  
  reason += validateMes(form1.mess); 
      
  if (reason != "") {
    alert("Some fields need correction:\n" + reason);
    return false;
  }else{
alert("Message has been submitted");
  return true;
  
  }
}

Html form code:

Code:

<form name="form1" id="form1"  onsubmit="return validateFormOnSubmit(this)" >  
         
<div class="box">            
 <h1>CONTACT FORM :</h1>             
 <label>                
 <span>Full name</span>                
 <input type="text" class="input_text" name="name" id="name" value=""/>             
 </label>              
 <label>               
  <span>Email</span>                
  <input type="text" class="input_text" name="emailbox" id="emailbox" value=""/>             
  </label>              
  <label>                
   <span>Subject</span>                
    <input type="text" class="input_text" name="subject" id="subject" value=""/>            
     
     </label>             
     
     <label>                 
     <span>Message</span>                 
     <textarea class="message" name="mess" id="mess"  ></textarea>  <span>*Message limited to 300 characters</span>            
     
      <input type="submit" class="button" value="Submit Form" />           
        </label>                    
                      
        </div>     
        </form>

I can't see what I'm doing wrong, would really appreciate some help

Thanks

hi there, i'm new here and pretty new to js.

i'm making a page for my daughter's school - or trying to.

they are having a silent auction and i'm trying to make a very simple bidding page. where i'm running into problems is passing the bid to a text box (read only) where it can be updated when a new bid is entered.

I would like this to be in the upper part of the page with the listings of the auction items, i just can't wrap my head around how to do this. I've gotten as far as the form for entering the bod and contact info. I have the php code to submit. i still have to get the validation js to make it more secure.

thanks for any help.


Code:

<html>
<body>
<h1 id="logo"></h1>

<div id="main">
<p>
<h4>Silent Auction</h4>
<form name="auction" method="post" action="send_form_email.php"
>

<label for="item1">Item 1</label>
<br />
 <label for="curr_bid_item_1">Current Bid = </label><br />
Your Bid = 
<input type="text" name="item1" maxlength="15" size="10" />
<br />
<br />

<label for="item2">Item 2</label><br />
 <label for="curr_bid_item_2">Current Bid = </label><br />
 Your Bid =
<input type="text" name="item2" maxlength=="15" size="10" />
<br />
<br />

<label for="item3">Item 3</label><br />
 <label for="curr_bid_item_3">Current Bid = </label><br />
Your Bid = 
<input type="text" name="item3" maxlength="15" size="10" />
<br />

<br /><br /><br />


<form name="contactform" method="post" action="send_form_email.php"
onsubmit="document.getElementById('myButton').disabled=true;
document.getElementById('myButton').value='Submitting, please wait...';">
  <label for="first_name">First Name *</label>
  <input  type="text" name="first_name" maxlength="50" size="30"><br /><br />

  <label for="last_name">Last Name *</label>
  <input  type="text" name="last_name" maxlength="50" size="30"><br /><br />
  <label for="email">Email Address *</label>
  <input  type="text" name="email" maxlength="80" size="30"><br /><br />
  <label for="telephone">Telephone Number</label>
  <input  type="text" name="telephone" maxlength="30" size="30"><br /><br />
  <label for="comments">Comments</label><br />
  <textarea  name="comments" maxlength="1000" cols="40" rows="6"></textarea><br /><br />
  <input type="submit" value="Submit" id="myButton" />   
</form>


</form>
</div> 
</body>
</html>

hello

im attempting to display the output of the radio selection into the textbox.
For example, if the user selects 0-15 then display "Your age group is 0-15 years" in the text area.

i get the basic logic. i just dont understand how to display the value in the textbox. heres what i have so far if it will clarify my issue.

Code:

<html>
<head>
<title>lab 8</title>
<script language="javascript">
function textbox()
{
var i;
for(i = 0; i < form1.agegroup.length; i++)
      {
  
         if (form1.agegroup[i].checked)
		     alert("you picked " + form1.agegroup[i].value);
      }
}
</script>
</head>
<body>
 What is your age group?<br>
 <form name="form1">
	 <input type="radio" name="agegroup" value="0-15" checked>0-15<br>
	 <input type="radio" name="agegroup" value="16 to 20">16 to 20<br>
	 <input type="radio" name="agegroup" value="21 to 25">21 to 25<br>
	 <input type="radio" name="agegroup" value="26 to 35">26 to 3<br>
	 <input type="radio" name="agegroup" value="36 and up">36 and up<br>
	 <input type="button" value="submit" onclick="textbox();">
	 
<form name="form2"><textarea rows ="2">

</textarea>
</body>
</html>

btw i know the alert part is wrong. its there because im taking the code i previously had and changing it to display in a textbox instead of an alert.

thanks