JavaScript - 2 Sites To Have Pop-up On Entry, Then Not Show Again

I was wondering if there are any sites dedicated to ending javascript objects using the prototype property to give them features like trimming string, removing elements of arrays by name, removing duplicates in arrays, etc. Granted I have functions to do this but there's probably a ton of other good ones out there. Most things I've seen are frameworks like JQuery (which is awesome) but it doesn't extend these objects.

We are building an opera extension in which we are trying to use the document object property (document.body.innerHTML) in order to obtain the source of the main page of a site. In most cases it provides us with the correct page source but for certain sites (ones that have multiple document layers), it doesn't return the top most document.

For instance, for the site (https://www.pcisecuritystandards.org/) we would like to source for the main page that is displayed but
once the entire page is loaded, the document property would display the source for another layer (https://s7.addthis.com/static/r07/sh...rev=86981&xd=1)

This perhaps has to do with how opera loads the document layers in a page. We did not face any issue with any other browser

How can we obtain the source of the main page (https://www.pcisecuritystandards.org/) using the document object in Opera ?

I have a script that needs extra variables added, but need some help on how to do it. I need a textbox to add shipping charges, and also a text box to add sales tax. Then these 2 amounts need to be added to the grand total. Any help appreciated.

The link below is to the page that has the form and code:

http://spectrum-enterprise.com/sm/smorder.html

Not sure where the best place to post this would be...but what would be the best way (if at all) to go about writing a program that would automate data entry (from an excel spreadsheet) into an online database.

I've been doing them one by one for the past couple of weeks...only have about 10,000 left...any help would be much appreciated thanks

I'm working on a data entry form for an application, and I'm stuck at what may end up being some bad code. I'm capturing data for two tables (custinfo and orderinfo) on one page. The top part of the data entry form collects data once for the transaction, kind of like an invoice captures customer details. The bottom part (the part I'm stuck on) captures order information line after line.

So, for example:

TopForm (custinfo)
Customer name
Customer address
Customer city, state, zip

Bottom form (orderinfo)
Item description
Item quantity
Item price

What I'm looking for is two things:

1) The ability to extend the bottom form line by line as the order grows.

2) The ability to remove liness (last in, first out) from the bottom form if the order needs to shrink.

I'm a fairly new ColdFusion developer and a true Javascript newbie, so gentleness please!

I have a CF application that accepts two dates. The first date - Out Date - is required. The second date - Return Date - is optional, but if populated, must be equal to or greater than the Out Date. Here's the screen & code:




<script type="text/javascript">
function compareDate()
{ if(document.editleave.temp_ret_date.value != "01/01/0001")
if(document.editleave.temp_ret_date.value < document.editleave.temp_out_date.value)
alert("Scheduled Through Date cannot be earlier than the Scheduled Out Date!");
setFormFocus(document.editleave.temp_ret_date);
}
</script>

<cfinput type="datefield"
name="temp_out_date"
id="temp_out_date"
value="#DateFormat(Now(), 'mm/dd/yyyy')#"
validate="date"
ValidateAt="onBlur,onSubmit"
message="Please enter a valid date in MM/DD/CCYY format."
size="6"
maxlength="10">




<cfinput type="datefield"
name="temp_ret_date"
id="temp_ret_date"
value="01/01/0001"
ValidateAt="onBlur,onSubmit"
message="Please enter a valid date in MM/DD/CCYY format."
onBlur="compareDate();"
size="6"
maxlength="10">



Everything works fine....EXCEPT...if the Return Date is invalid, I cannot click on the calendar box to select a date (or open another browser session). Basically, IE is locked up until the user manually types in a valid date.

This ain't good.

I want to be able to trap the error, just like I have, but I still want the calendar selection box to be usable.

Is it possible to "reset" the error condition after the intial warning to only trigger on the onSubmit parameter?

I created an array, whose entries looks like this:

[41, "The bird flew into it's cage"]
[33, "He drew fire from Joe"]
[33, "Roger asked her her name"]
[2, "I am awfully happy"] .

I want to pull the sentence item
out of some array entries.
E.g., in the second entry,
namely, arrayName[1],
what I thought was the
second item (the sentence),
I could manage by invoking
arrayName[1][1] .

But to my dismay,
this doesn't do the trick.
arrayName[1][1] actually delivers up
the second CHARACTER of the
entry (the number "3").

I thought the comma between
the number and the sentence would
separate the items, although I
"pushed" each entry into the array
as one single entry.

How do I "grab" the whole sentence?
How do I push both items separately
to achieve "one entry"?

Hi, I am trying to make an entry confirmation form. This is going to be used as a disclaimer for my website. How can I make this to where it only shows on the main page and not every page a user goes to on my website?

<script>
var enter=confirm("examples insert text")
if (!enter)
window.location="http://www.google.com"
</script>

<script language="javascript">
function splitNumber()
{alert("inside splitnumber");

var x = parseInt(document.getElementById("value1").value);
var z = x%10; /*units*/
var y = (x - z)/10; /*tens*/
var c = parseInt(document.getElementById("value3").value);
var a = c%10; /*units*/
var b = (c - a)/10; /*tens*/


for(var i=0;i<=z;i++)
{
var parseInt(document.getElementById("u1").td.value);
for(((document.getElementById("u1").td.value))=0;((document.getElementById("u1").td.value))<=i;((doc ument.getElementById("u1").td.value))++)
{
document.write("<td> " +document.getElementById("u1").td.value +"</td>")
}
}
}
</script>



/*this is the code i write for generating unique values in the table cells, but it is not working*/




<body >

<div class="left">
<table class="main" cellpadding="3px" cellspacing="6px">

<tr>
<td width="630px" height="50px" bgcolor="#ffffff">
<table class="tens">
<tr id="t1">
<td value="9"></td>
<td value="8"></td>
<td value="7"></td>
<td value="6"></td>
<td value="5"></td>
<td value="4"></td>
<td value="3"></td>
<td value="2"></td>
<td value="1"></td>
</tr>
</table>
</td>
<td width="200px" height="50px" bgcolor="#ffffff">
<table class="units">
<tr id="u1">
<td value="9"></td>
<td value="8"></td>
<td value="7"></td>
<td value="6"></td>
<td value="5"></td>
<td value="4"></td>
<td value="3"></td>
<td value="2"></td>
<td value="1"></td>
</tr>
</table>
</td>
</tr>

<tr>
<td width="630px" height="50px" bgcolor="#ffffff">
<table class="tens">
<tr id="t2">
<td value="9"></td>
<td value="8"></td>
<td value="7"></td>
<td value="6"></td>
<td value="5"></td>
<td value="4"></td>
<td value="3"></td>
<td value="2"></td>
<td value="1"></td>
</tr>
</table>
</td>
<td width="200px" height="50px" bgcolor="#ffffff">
<table class="units">
<tr id="u2">
<td value="9"></td>
<td value="8"></td>
<td value="7"></td>
<td value="6"></td>
<td value="5"></td>
<td value="4"></td>
<td value="3"></td>
<td value="2"></td>
<td value="1"></td>
</tr>
</table>
</td>

</tr>
<tr>
<td width="630px" height="50px" bgcolor="#ffffff">
<table class="tens">
<tr id="t3">
<td value="9">9</td>
<td value="8">8</td>
<td value="7">7</td>
<td value="6">6</td>
<td value="5">5</td>
<td value="4">4</td>
<td value="3">3</td>
<td value="2">2</td>
<td value="1">1</td>

</tr>
</table>
</td>
<td width="200px" height="50px" bgcolor="#ffffff">
<table class="units">
<tr id="u3">
<td value="9">9</td>
<td value="8">8</td>
<td value="7">7</td>
<td value="6">6</td>
<td value="5">5</td>
<td value="4">4</td>
<td value="3">3</td>
<td value="2">2</td>
<td value="1">1</td>

</tr>
</table>
</td>

</tr>
</table>



</div>
<div class="right" >
<table cellpadding="3px">
<tr>
<td width="5px"></td>
<td><span class="row"><input min="0" max="99" type="number" id="value1" name="value1" value="0" onchange="javascript:addNumbers()"/></span></td>
</tr>
<tr>
<td width="5px"><b style="font-size:25px; position:relative; top:18px;">+</b></td>
<td><span class="row"><input min="0" max="99" type="number" id="value3" name="value3" value="0" onchange="javascript:addNumbers()"/></span></td></tr>
<tr><td width="5px"></td>
<td><span class="row" ><input style=" width:66px; position:relative; right:25px;" readonly="readonly" id="answer" name="answer" value="0" /></span></td></tr>
</table>





</div>
</body>

Now I cannot get this code working. At the moment it needs to just update the table with the message and the user id ($uid) but it will not, the status does not return as "200", which the IF statment checks.

AJAX:
Code:

function sendMessage() {
	if (sendReq.readyState == 4 || sendReq.readyState == 0) {
		var url = "scripts/get_data.php?uid=<?=$uid?>";
		sendReq.open("POST", url, true);
		sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		sendReq.onreadystatechange = sendReset; 
		var param = 'message=' + document.getElementById('txt_message').value;
		param += '&chat=1';
		sendReq.send(param);
		if (sendReq == 4 || sendReq == 200) {
			document.getElementById('txt_message').value = '';
		}
	}
}

PHP Code:
//Send message
if (isset($_POST['message']) && $_POST['message'] != '') {
    //Variables
    $chat = mysql_real_escape_string($_GET['chat']);
    $message = mysql_real_escape_string($_GET['message']);
    
    $query = "INSERT INTO message (chat_id, post_uid, recipient_uid, message, post_time) VALUES (1, ".$sid.", 4, ".$message.", date)";
    mysql_query($query);
} 


And here is the form if you want to see it:
Code:

 <form id="frmmain" name="frmmain" onsubmit="">
      <input type="button" name="btn_get_message" value="Refresh Chat" onclick="getMessage()" />
      <input type="button" name="btn_reset_chat" id="btn_reset_chat" value="Reset Chat" onclick="resetChat()" />
      <br />
      <input type="text" id="txt_message" name="txt_message" style="width: 447px; color:#000000;" />
      <input type="button" name="btn_send_message" id="btn_send_message" value="Send" onclick="sendMessage()" />
    </form>

I am using an example of this kind of feature to reference to, and I don't understand how the param is being sent to the server, is it being added to the URL?

URL before param:
scripts/get_data.php?uid=3

after param has been sent (changes in dark orange):
scripts/get_data.php?uid=3 message=message goes here&chat=1

If so then I am guessing that the var param should look like this(change in red):
Code:

var param = ' & message=' + document.getElementById('txt_message').value;
		param += '&chat=1';
		sendReq.send(param);

I have auto cursor focus event to be triggered when data is entered in a field.The issue is in the table when the cursor focuses to next field, that field doesnt come into view. the user can not see what he is entering in the field. This problem is for IE7, this wrks fine on mozilla. the horizontal bar scrolls automatically in mozilla but not in IE7, hence causing the problem.

Please help me resolving this.

Hi Guys,

I am trying to make a function that will search for a substring, in this case 'http://instagr.am/p/' within a text area on a form then add '[embed]' & '[/embed]' tags around it.

I have currently got the following code

Code:

<script type='text/javascript'> 
	function show_alert() {
		str = formname.elements['inputid'].value;
		arr = (str.split(' ') + '<br />'); 
		jQuery.each(arr, function() {
			if (arr.indexOf('http://instagr.am/p/') >= 0) {
				alert('An http://instagr.am/p/ link has been found');
				//alert('It is entry ... in the array');
				//Then edit the entry 
			}
		}
		);
	} 
</script>

This breaks the contents of the textarea (at spaces) into an array then finds any entries with 'http://instagr.am/p/' in them (could be 'http://instagr.am/p/29fdghHdv').

Once it has found any and all of these entries it will add an '[embed]' code to the beginning and an '[/embed]' tag at the end.

Example...

http://instagr.am/p/vuHdeyfa2
is converted to:
'[embed]http://instagr.am/p/vuHdeyfa2[/embed]'

Then the changes must reflected in the textarea input

"formname.elements["textareaid"].value = editedstring;


Thankyou for your assistance.

I have created this form. I would like to use javascript to mail the form to the selected email from the selection list when the submit button is pressed.
could anyone help with this?

<form name="Contact Us" id="contact" action="mailto:" method="post">
<fieldset id="selection">
Who would you like to email:
<select>

<option value="email1" >email1</option>
<option value="email2" >email2</option>
<option value="email3">email3</option>
</select>
<fieldset id="Name" >
Name
<input type="text" id="firstname" name="firstname">
E-mail
<input type="text" id="email" name="email">
</fieldset>
<fieldset id="question">
Comments and Questions
<input type="text" id="comment" name="comment" style="width: 500; height: 300">
</fieldset>
</form>

Anyone have any free code that will query a google calendar and then take the calendar entry and turn it into a message crawl?

I wish to have my form update a text field when a 'add' link or button is clicked, allow for more entries to be added without having the page refresh.

but i need to be able to have both the friends name and their number added to the field like so

if friends name is say 'jason' and their number is '0987654321' then it will add to the textarea like so.

jason [0987654321]

this way i should be able to get the data and split it up when the form is send so i can add them in the DB.

the part i am stuck on is how to get both fields in the textarea. allowing for more to be added without a refresh.

can anyone suggest how they might do this.


Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form name="AddUser" action="" method="post">
	<div>
		<div class="formspacer">Username: <input type="text" name="username" id="username" value=""></div>
		<div class="formspacer">Contact Telephone Number: <input type="text" name="phone" id="phone" value=""></div>
		<div class="formspacer">Your Email address: <input type="text" name="email" id="email" value=""></div>
		<br />
		<div class="formspacer"><strong>Enter each entry and click ADD to insert.</strong></div>
		<div class="formspacer">Friend name: <input type="text" name="friendname" id="friendname" value="" size="40"></div>
		<div class="formspacer">Friend`s mobile: <input type="text" name="friendmob" id="friendmob" value="" size="20">
		<br />ADD<br />
		<textarea disabled name="MULTIfriend" id="MULTIfriend" cols=20 rows=10></textarea></div>
	</div>
	<input type="submit" name="AddUser" value="Add User">
</form>
</body>
</html>