JavaScript - Inserting Javascript

Hi,

I am using javascript to collect hidden form elements and then send the values to a php page, without reloading or changing the page. Basically i have a list of job vacancies, with just an apply button, when a person clicks on the apply button, the form collects some information from their account and sends it using the javascript code.

Now this works fine, except for if somebody then clicks on the second job it sends the information from the first form again. And it seems to remember the information.

What i am trying to find out is it possible to have multiple forms on one page which once submitted send variables to javascript which then send them to a php but clear themselves so that it doesn't remember the previous values.

Here is the code for the form:

Code:

<form id="submit" method="post">
                            <fieldset>
                       <input type="hidden" name="usern" id="usern" value="php variable" />
                       <input type="hidden" name="joborder_id"  id ="joborder_id" value="php variable" />
                       <input type="hidden" name="site_id"  id ="site_id" value="php variable" />
                       <button class="button positive">Apply For This Job </button>
                       </fieldset>
                       </form>
                       <div class="success" style="display: none;">Your Application has been sent.</div>
                              &nbsp;
                            </form>

And the Javascript code is he

Code:

$(document).ready(function(){
	$("form#submit").submit(function() {
	// we want to store the values from the form input box, then send via ajax below
	var usern     = $('#usern').attr('value');
	var joborder_id    = $('#joborder_id').attr('value');
	var site_id    = $('#site_id').attr('value');
		$.ajax({
			type: "POST",
			url: "apply.php",
			data: "usern="+ usern +"& joborder_id="+ joborder_id +"& site_id="+ site_id,
			success: function(){
				$('form#submit').hide(function(){$('div.success').fadeIn();});

			}
		});
	return false;
	});
});

Any ideas or suggestions would be appreciated,

Thanks

Lee

Hello my first post.
I have a function that insert commas via onclick or onblur.

Code:

function addCommas(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}

I also am using code from this link, where I can specify what parameters to allow the user to enter only positive/negative, decimals values and restricting characters that are not allowed.
http://www.mredkj.com/tutorials/validate2.html

I am having a hard time to incorporate the addCommas function into the link above.

Does anyone have an example that I can look at where I can have commas added to a value dynamically while typing?
e.g. if I type 1000 after that last 0 keystroke, it turns the value into 1,000. If I add 3 more zeros it turns it into 1,000,000. In the same vain if I subtract a 0 from the 1,000,000 the value is 100,000 instead.

I appreciate any assistance in advance.

The below code is not inserting the smile into the textbox.
In IE8 I get an error around
Code:

if((sel.type == "Text" || sel.type == "None") && rng != null)

In Firefox 3.5 I get an error around:
Code:

if (es <= 2)

Each textarea has: id and name
Code:

<textarea class="textinput" id="about_me" name="about_me" cols="45" rows="6">

Here is the whole smile code I am using.

Code:

//Smile Start 
var myAgent   = navigator.userAgent.toLowerCase();
var myVersion = parseInt(navigator.appVersion);

var is_ie  = ((myAgent.indexOf("msie") != -1)  && (myAgent.indexOf("opera") == -1));
var is_nav = ((myAgent.indexOf('mozilla')!=-1) && (myAgent.indexOf('spoofer')==-1) && (myAgent.indexOf('compatible') == -1) && (myAgent.indexOf('opera')==-1) && (myAgent.indexOf('webtv') ==-1) && (myAgent.indexOf('hotjava')==-1));

var is_win = ((myAgent.indexOf("win")!=-1) || (myAgent.indexOf("16bit")!=-1));
var is_mac = (myAgent.indexOf("mac")!=-1);

function smile( txt ) {
//    document.all.txtmessage.value = document.all.txtmessage.value + txt;
//    	return false;
	doInsert(" " + txt + " ", "", false,document.getElementById('txtmessage'));             
}
function smile2( txt ) {
	doInsert(" " + txt + " ", "", false,document.getElementById('txttemplate'));
}
 function doInsert(ibTag, ibClsTag, isSingle, name_txt)
{
	var isClose = false;
	var obj_ta = name_txt;


	//----------------------------------------
	// It's IE!
	//----------------------------------------
if ( (myVersion >= 4) && is_ie && is_win)
//	if ( (ua_vers >= 4) && is_ie && is_win)
	{
		if (obj_ta.isTextEdit)
		{
			obj_ta.focus();
			var sel = document.selection;
			var rng = sel.createRange();
			rng.colapse;
			if((sel.type == "Text" || sel.type == "None") && rng != null)
			{
				if(ibClsTag != "" && rng.text.length > 0)
					ibTag += rng.text + ibClsTag;
				else if(isSingle)
					isClose = true;

				rng.text = ibTag;
			}
		}
		else
		{
  //-- mod_bbcode begin
          // this should work with Mozillas
          if ( (myVersion >= 4) && is_win) {
              var length = obj_ta.textLength;
              var start = obj_ta.selectionStart;
              var end = obj_ta.selectionEnd;
              if (end == 1 || end == 2)
                  end = length;
              var head = obj_ta.value.substring(0,start);
              var rng = obj_ta.value.substring(start, end);
              var tail = obj_ta.value.substring(end, length);
              if( start != end ){
                  if (ibClsTag != "" && length > 0)
                      ibTag += rng + ibClsTag;
                  else if (isSingle)
                      isClose = true;
                  rng = ibTag;
                  obj_ta.value = head + rng + tail;
                  start = start + rng.length;
              }
              else{
                  if(isSingle)
                      isClose = true;
                  obj_ta.value = head + ibTag + tail;
                  start = start + ibTag.length;
              }
              obj_ta.selectionStart = start;
              obj_ta.selectionEnd = start;
          }
          else {
  //-- mod_bbcode end  
    			if(isSingle)
    			{
    				isClose = true;
    			}
    			
    			obj_ta.value += ibTag;
    //-- mod_bbcode begin
         }
    //-- mod_bbcode end          
		}
	}
	//----------------------------------------
	// It's MOZZY!
	//----------------------------------------
	
else if ( obj_ta.selectionEnd )
	{ 
		var ss = obj_ta.selectionStart;
		var st = obj_ta.scrollTop;
		var es = obj_ta.selectionEnd;
		
		if (es <= 2)
		{
			es = obj_ta.textLength;
		}
		
		var start  = (obj_ta.value).substring(0, ss);
		var middle = (obj_ta.value).substring(ss, es);
		var end    = (obj_ta.value).substring(es, obj_ta.textLength);
		
		//-----------------------------------
		// text range?
		//-----------------------------------
		
		if (obj_ta.selectionEnd - obj_ta.selectionStart > 0)
		{
			middle = ibTag + middle + ibClsTag;
		}
		else
		{
			middle = ibTag + middle;
			
			if (isSingle)
			{
				isClose = true;
			}
		}
		
		obj_ta.value = start + middle + end;
		
		var cpos = ss + (middle.length);
		
		obj_ta.selectionStart = cpos;
		obj_ta.selectionEnd   = cpos;
		obj_ta.scrollTop      = st;

	}
	//----------------------------------------
	// It's CRAPPY!
	//----------------------------------------
	else
	{
		if (isSingle)
		{
			isClose = true;
		}
		
		obj_ta.value += ibTag;
	}
	
	obj_ta.focus();

	return isClose;
}
//Smile End

I have the need to include an Ad Tag from a third party source that is generated via javascript which document.writes the code to display the ad. I have no control over this. I have it working on my end, BUT for the life of me I cannot get this to center in my div. It's like it busts out and aligns left after my div. I can't fathom what is going on. "IF" I include this ad tag directly in the page inside the div, it centers. But I need to dynamically pass it some data before it requests the ad, so I Have to dynamically create it, but this is the issue. It displays, just aligned left outside the target div.

So, I am given a js tag with a src and that src generates a document.write that writes out an iframe.

Here is my code below. I take the js src and replace some value in it since it is a string.
Then I create a script element and then insert it into my div element on my page.

var js_src = ("contents_of_the_src").gsub(/tie=/,'tie=' + random10_digit)
var js_script = new Element('script',{'src': js_src});
Event.observe($('myDiv'), 'load', $('myDiv').insert({top : js_script}));

so the view in question is something like this:

<div id="myDiv">
<script language="text/javascript">
var js_src = ("contents_of_the_src").gsub(/tie=/,'tie=' + random10_digit)
var js_script = new Element('script',{'src': js_src});
Event.observe($('myDiv'), 'load', $('myDiv').insert({top : js_script}));
</script>
</div>

I've tried moving the js out of the div, afterwards, and try to insert then. I tried to create a new div, center that, and write the ad tag to it. All left alighned and outside of the div.

How would I insert bbc code around selected text in a textbox like it is in this forum?
I'm quite new to javascript, so please try to explain it simply
Thank you,
~AngelMare