JavaScript - User Can't Enter Same Value In Text Area More Than Once

im clueless when it comes to javascript, but this is what im trying to find:

i have a page that has multiple text areas, i also have 4 links that when clicked i want to add some predefined text into the active text area the one with the text cursor in?

The Hyperlinks:
Code:

<a href="#sc">Shift Changed</a> | <a href="#ol">On Leave</a> | <a href="#ot">OverTime</a> | <a href="#ss">ShiftSwap</a>

The textareas:
PHP Code:
                <td><textarea name=details$i rows=4 align=absmiddle cols=16 value="$details[$i]\">$details[$i]</textarea></td> 


as you can see the textareas are created on the fly based on a php array.

would anyone be willing to put some code together for this?
or even give me the basics on how i can get the active textarea's name so i can pass that to a script that inserts into a given field?

I have a very small script that simply displays a search box and redirects a user to a URL if they enter 29401 or 29455, else they go to a default page.

The script works fine, but I cannot figure out how to make value="enter a zip code" in the input box so that it disappears when you click in the box.

I also can't get the form to submit by pressing enter, you have to click "check".

I can get all this working in straight HTML but the same won't work w/ javascript.

Any help please?


<SCRIPT LANGUAGE="JavaScript">
function zipValidate(){
val = document.zipForm.zip.value;

switch(val){
case "29401":
case "29455":
document.location = 'http://www.gohere.com';
break;
default:
document.location = 'http://www.or-go-here.com';
break;
}
}
</SCRIPT>
<form name="zipForm" id="zipForm" method="post" action="">
<input name="zip" type="text" id="zip" maxlength="5" />
<input name="zipButton" type="button" id="zipButton" value="Check" onclick="zipValidate()" />
</form>

Hi,

I am wanting to insert text into a text area when a button or link is clicked. I know how to replace the whole lot in the text area, but I want it to insert text where the flashing cursor is in the text box. (Like Wikipedia)

If any one can help, Then I will be very, very greatfull.

Thank You.

hey
im new to javascript and im working in this function , i can't get it work
here is my code
PHP Code:
 <SCRIPT LANGUAGE="JavaScript">

function text(form1) {
        var j = document.form1.diary.value;
        j = j.italics();
        document.form1.diary.value = j ;
                               }
</SCRIPT> 


whats the problem ?

well title says it all

i have a search form, and the default value is "enter text here"

when the user click the submit button, i would like to check if the value of my text input is "enter text here" and if it is, then don't submit the form (popup a warning or something)

how can i do that?

thanks a lot!

In this Form field, when I select the field box that shows "Enter Text" I'd like it so the text disappears, so I can begin typing in a cleared field box. This is the line of code, I believe, that has to do with that function. Any help with having the Enter Text clear upon selecting, will be appreciated:


Code:

<input autocomplete="off" id="keyword" name="keyword" value="Enter Text" onclick="clickclear(this, 'Enter Text')" onblur="clickrecall(this,'Enter Text')" />

My problem is the following. I have an editable <div>:
<div class='edit' id='divContent' name='divContent' ContentEditable>some text</div>

If I press 'enter' two lines are skipped. I know that if I press 'shift+enter' only one line will be skipped. If I check the unformatted code of the contenteditable div, 'enter' gives me <p> and 'shift+enter' gives me <br>, which makes sense because <p> is formatted differently than <br>.

So I want to change 'enter' into 'shift+enter'

I have already found something to capture and kill 'return'
function killReturn()
{
key = event.keyCode;
if (key == 13) return false;
}

But now for some means to replace the killed 'enter' with 'shift+enter'?

Thanks a lot in advance for any advise!

So I'm working with a code that I can't seem to get the translation to show up in the text area. The user is supposed to enter text in a text area on the left hand side, hit the translation button, and the translation will appear like a sentence in the right hand text area. I don't seem to be able to get anything to show up in the right hand text area........ I know that i'ts probably something very simple that I am not seeing because at this point I am brain dead.

Code:

phrases = [["hello","ahoy"],["pardon me","aaarrgghh"],["excuse me","aarrr"],
		["hows it going","hows it goin"],["sir","matey"],["madam","proud beauty"],
		["woman","beauty"],["children","sprogs"],["where is","whar be"],
		["can you help me find","know ye"],
		["is that","be that"],["how far is it to?","how many leagues to"],
		["the","th'"],["my","me"],["your","yer"],["there","thar"],
		["outstanding","outstandin"],["attractive","attractive"],["happy","horny"],
		["dead","went t' Davy Jones' locker"],["restroom","head"],["restaurant","galley"],
		["hotel","fleabag inn"],["pub","pub"],["I would like to","I be needin' t"],
		["I desire","I desire"],["I wish I knew how to","I'm a hankerin' t"],
   		["my mother told me to","MeAhoy! ol' mum, bless her black soul, always tol' me t"],
		["have a great dinner","have a great what crawled out o' t' bung hole"],
		["have a cocktail","swill a pint or two o' grog"],["fall on the ground","fall on t' ground"],
    	   	["get drunk","get splice t' mainbrace"]];
    		    
   		    
    		    
   	            

	function Translate(text)
	{
	  for(var i = 0; i < phrases.length; i++)
	   {
		var toReplace = new RegExp("\\b"+ phrases[i][0]+"\\b", "i");

		var index = text.search(toReplace);
		while(index != -1)
		  {
		    text = text.replace(toReplace, phrases[i][1]);
		    index = text.search(toReplace);
		  }
		
	   }

		return text;
		
	}

Code:

<div>
	
	<textarea id="first_text" style="float:left" id="task_list" rows="20" cols="53"></textarea>
	<button  id="translated" width="50px" heigth="100px" ><img src="pirate2.gif" />Translation----></button>
	<textarea id="second_text" style="float:right" id="task_list" rows="20" cols="53"></textarea>
	</div>

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;
}
}

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

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

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

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 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, 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