JavaScript - Looking For Help With Js In Bigcommerce Store

Greetings


I have a textarea on my page and I wonder if its possible for a visitor to type in something in the textarea and then it will store in XML is it possible?


Best Regards

Obsivus

Hi all,

I've been experimenting with Local Storage. I can do things like this just fine:

localStorage.setItem('variable_name', variable_value); // write a value

var variable_value = localStorage.getItem('variable_name'); // read a value

localStorage.removeItem('variable_name'); // delete a value


But if I do this:

var object = { width : w, height : h };

...then place it in local storage, reading it back gives me a TEXT STRING that says "[Object object]" and not the actual object.

I would like to be able to store multiple values in one object, but it doesn't seem to work.

I also tried to store a variable obtained with "document.getElementById" and when read back it just says [HTMLDivElement] (something like that) instead of the actual element.

Am I doing something wrong, or does local storage not support objects?

(btw, tested on FF 3.6).

Thanks!

-- Roger

Hi,

I am trying to write a small javascript program where I can call the following two functions and store information which a user enters. The problem is if I call the function a second time to add more information the array gets overwritten.

info ()
insert (name, surname, favouriteColour)

function info ()
{
name = prompt ("Please enter your name.");
surname = prompt ("Please enter your surname.");
favouriteColour = prompt ("Please enter your favourite colour.");
}

function insert (name, surname, favouriteColour)
{
var info = new Array ();
info.name = name;
info.surname = surname;
info.favouriteColour = favouriteColour;
return info
};
Help is really appreciated..

I have a Cisco ASA that I use as a proxy server as such. I have a internal site that it will not pass credentials to so I was looking for a way to do that. Not being a site developer the only way I can come up with is to maybe pass it by using a cookie to store the password and ID. Below is the code I am trying to use. I can create the cookie with the code below but it will not change the PATH or the Domain for some reason. Also I do not think it is reading from the cookie not sure why. Basically I need it to set the cookie with the user info and then grab the info from the cookie to auto log the user in to the internal site.

<script type="text/javascript" language="JavaScript">
<!--
function writeCookie( )
{
var username = document.form.username.value; // Get the user's name
var password = document.form.password.value;
document.cookie = "UserIDPW=" + username + "=" + password; // Create the cookie

}
//-->



<form name="form" id="unicorn_form" method="POST" onsubmit="writeCookie()" onsubmit="disableButton()" action="/+webvpn+/index.html" onsubmit="return onSubmit();">
<td nowrap id="username_field">
<p align="right">
<span style="font-size: 8pt; font-weight: 700">
<font face="Trebuchet, arial" color="#FFFFFF">
<b>User ID:</b>
</font></span></font></td>
<td valign="middle">
<input class="formData" size="20" type="password" id="password_input" name="username" value="">

</td>
</tr>
<tr>
<!-- password prompt -->

<td nowrap id="password_field">
<p align="right">
<span style="font-size: 8pt; font-weight: 700">
<font face="Trebuchet, arial" color="#FFFFFF">
<b>Password:</b>
</font></span></font></td>
<td valign="middle">
<input class="formData" size="20" autocomplete="off" id="password_input" name="password" type="password">

</td>
</tr>
<tr>
<td>
&nbsp;
</td>



<td align="center">
<!-- "log in" button -->
<input type="submit" name="Login" value="Log In" class="button">

Hello,

I wanted to know how can I go through all the text on a page and store a unique ocurrence of every word in a array.

Just point me on the right direction if you may.

Got lost in translation...

Lg

I like to store into database with PHP values from Javascript. How to do this as I like to test local values from visitor.

PHP Code:


<script type="text/javascript">

document.write("Browser CodeName: " + navigator.appCodeName);
document.write("<br /><br />");
document.write("Browser Name: " + navigator.appName);
document.write("<br /><br />");
document.write("Browser Version: " + navigator.appVersion);
document.write("<br /><br />");
document.write("Cookies Enabled: " + navigator.cookieEnabled);
document.write("<br /><br />");
document.write("Platform: " + navigator.platform);
document.write("<br /><br />");
document.write("User-agent header: " + navigator.userAgent);

</script> 

Right now I am trying to grab all the links on a html page a store them in an array so that they can be accessed by a loop that makes sure that each one works. Right now I am not getting very far with it. If someone could help me I would be greatly appreciative.

If anyone has a PS3 and goes on the PSN Store (PlayStation Network Store) you will get what i'm on about but does anyone know how I can use Javascript to make it when a user hovers over some text it will marquee but start from the position it was?

Example:
A string like this wouldn't need to have a scroller when someone hovers over it: Hello but a string like this would: Hello i'm bob and how are you doing today?. as it would be to long to stay on one line in the div.

So what i'm looking for is some sort of marquee that doesn't start off screen but calls the current texts position and then starts from there and then reverse itself to go from right-to-left to left-to-right when it's at the end of the text and when the user's mouse moves off the text it will just go back to its normal state.

All text's which are to big for the div will have three dots added to the end and once mouse over they will go and the full text will start to scroll.

If anyone can help me this would be a massive help.

Thank You
DJCMBear

By reading through many articles online ive managed to doctor a Google maps Api driven by a mysql database. I have it working to point where a user can enter their postcode or town and select a radius.

The javascript then refers to a php script which pulls back the results and throws them to xml. and then the api sets markers at each stockist point. The map will zoom and center on the center of all these markers fine.

I have one problem where if you enter a postcode/town and there is only 1 result it is zoomed so far in you get just a white box and the marker. The following is the script I use so if anyone can point out where to set the zoom level of there being just one result i would really appreciate it.

PHP Code:
    <script type="text/javascript">
    //<![CDATA[
    var map;
    var geocoder;

    function load() {
      if (GBrowserIsCompatible()) {
        geocoder = new GClientGeocoder();
        map = new GMap2(document.getElementById('map'));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(54.622978,-2.592773), 5);
      }
    }

   function searchLocations() {
     var address = document.getElementById('addressInput').value + ' UK';
     geocoder.getLatLng(address, function(latlng) {
       if (!latlng) {
         alert(address + ' not found');
       } else {
         searchLocationsNear(latlng);
       }
     });
   }

   function searchLocationsNear(center) {
     var radius = document.getElementById('radiusSelect').value;
     var searchUrl = 'phpsqlsearch_genxml.php?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' + radius;
     GDownloadUrl(searchUrl, function(data) {
       var xml = GXml.parse(data);
       var markers = xml.documentElement.getElementsByTagName('marker');
       map.clearOverlays();

       var sidebar = document.getElementById('sidebar');
       sidebar.innerHTML = '';
       if (markers.length == 0) {
         sidebar.innerHTML = 'No results found.';
         map.setCenter(new GLatLng(54.622978,-2.592773), 5);
         return;
       }

       var bounds = new GLatLngBounds();
       for (var i = 0; i < markers.length; i++) {
         var name = markers[i].getAttribute('name');
         var address1 = markers[i].getAttribute('address1');
         var address2 = markers[i].getAttribute('address2');
         var town = markers[i].getAttribute('town');
         var postcode = markers[i].getAttribute('postcode');
         var telephone = markers[i].getAttribute('telephone');
         var distance = parseFloat(markers[i].getAttribute('distance'));
         var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')),
                                 parseFloat(markers[i].getAttribute('lng')));
         
         var marker = createMarker(point, name, address1, address2, town, postcode, telephone);
         map.addOverlay(marker);
         var sidebarEntry = createSidebarEntry(marker, name, town, distance);
         sidebar.appendChild(sidebarEntry);
         bounds.extend(point);
       }
       map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
     });
   }

    function createMarker(point, name, address1, address2, town, postcode, telephone) {
      var marker = new GMarker(point);
      var html = '<div id="map-hover"><b>' + name + '</b> <br/>' 
                                              + address1 + '<br />'
                                            + address2 + '<br />' 
                                            + town + '<br />' 
                                            + postcode + '<br />' 
                                            + telephone + '</div>';
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }

    function createSidebarEntry(marker, name, town, distance) {
      var div = document.createElement('div');
      var html = '<b>' + name + '</b> (' + distance.toFixed(1) + ')<br/>' + town;
      div.innerHTML = html;
      div.style.cursor = 'pointer';
      div.style.marginBottom = '5px'; 
      GEvent.addDomListener(div, 'click', function() {
        GEvent.trigger(marker, 'click');
      });
      GEvent.addDomListener(div, 'mouseover', function() {
        div.style.backgroundColor = '#eee';
      });
      GEvent.addDomListener(div, 'mouseout', function() {
        div.style.backgroundColor = '#fff';
      });
      return div;
    }
    //]]>
  </script> 

Hey everyone -

I am having some trouble with creating cookies and getting them to work for an onclick event. What I am trying to do is create a button to store cookies containing all user information with an alert message and set the expiration date one day after the visit. (This is just a project I am working on to help me understand how to create cookies.)

Below is the cookies code I came up with but it doesn't seem to be functioning at all. Any help would be greatly appreciated. Thanks

Code:

<!DOCTYPE html PUBLIC
	"-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<!-- Brooks Rogalski
		December 6, 2010 -->
<title>ABC Outdoor Sports</title>
<meta http-equiv="content-type"
	content="text/html; charset=iso-8859-1" />
	
	<script type = "text/javascript">
		/* <![CDATA[ */
//cookie button function
function cookieForm() {
	var equipment = document.forms[0].equipment.value;
	var pDate = document.forms[0].pickupDate.value;
	var pHour = document.forms[0].pickupHours.value;
	var pMin = document.forms[0].pickupMinutes.value;
	var rDate = document.forms[0].returnDate.value;
	var rHour = document.forms[0].returnHours.value;
	var rMin = document.forms[0].returnMinutes.value;
	var first = document.forms[0].firstName.value;
	var last = document.forms[0].lastName.value;
	var street = document.forms[0].street.value;
	var city = document.forms[0].city.value;
	var zip = document.forms[0].zip.value;
	var DoBYear = document.forms[0].date.value;
	
	var myDate = new Date();
	myDate.setDay(myDate.getDay() +1) ;
	
	document.cookie = "equipment" + encodeURIComponent(equipment) + "; expires=" + mydate.toUTCString();
	document.cookie = "pDate" + encodeURIComponent(pDate) + "; expires=" + mydate.toUTCString();
	document.cookie = "pHour" + encodeURIComponent(pHour) + "; expires=" + mydate.toUTCString();
	document.cookie = "pMin" + encodeURIComponent(pMin) + "; expires=" + mydate.toUTCString();
	document.cookie = "rDate" + encodeURIComponent(rDate) + "; expires=" + mydate.toUTCString();
	document.cookie = "rHour" + encodeURIComponent(rHour) + "; expires=" + mydate.toUTCString();
	document.cookie = "rMin" + encodeURIComponent(rMin) + "; expires=" + mydate.toUTCString();
	document.cookie = "first" + encodeURIComponent(first) + "; expires=" + mydate.toUTCString();
	document.cookie = "last" + encodeURIComponent(last) + "; expires=" + mydate.toUTCString();
	document.cookie = "street" + encodeURIComponent(street) + "; expires=" + mydate.toUTCString();
	document.cookie = "city" + encodeURIComponent(city) + "; expires=" + mydate.toUTCString();
	document.cookie = "zip" + encodeURIComponent(zip) + "; expires=" + mydate.toUTCString();
	document.cookie = "DoBYear" + encodeURIComponent(DoBYear) + "; expires=" + mydate.toUTCString();
	
	
/* ]] */

</script>
</head>
<body onload = "rotateImage('rImage')">

	<h1> ABC Outdoor Sports Equipment </h1>

	
	<img src="fishing.jpg" id="rImage" width="250" height="200" onmouseover = "pause=true;" onmouseout = "pause=false;"> 
	
	<br/>
	<br/>
	
	<form onsubmit = "return validateForm();" action = "mailto:rogalskibf@gmail.com?subject=ABC Customer Reservation" method="post" enctype="text/plain">
		<table border = "0">
			<tr>
				<td>
					Equipment:<br/>
					<select name = "equipment">
						<option value="unselected">Select Equipment Type</option>
						<option value = 20>Fishing Boat</option>
						<option value = 15>Kayak</option>
						<option value = 2>Mountain Bike</option>
						<option value = 10>Scuba Gear</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Pick-up Date: <br/>
					<input type = "text" name = "pickupDate" value = "(mm/dd/yyyy)"/>
				</td>
				<td>
					Pick-up Time: <br/>
					<select name = "pickupHours">
						<option value="unselected">hr</option>
						<option value = 7>07</option>
						<option value = 8>08</option>
						<option value = 9>09</option>
						<option value = 10>10</option>
						<option value = 11>11</option>
						<option value = 12>12</option>
						<option value = 13>13</option>
						<option value = 14>14</option>
						<option value = 15>15</option>
						<option value = 16>16</option>
						<option value = 17>17</option>
					</select>

					<select name = "pickupMinutes">
						<option value="unselected">min</option>
						<option value = 0>00</option>
						<option value = .5>30</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Return Date: <br/>
					<input type = "text" name = "returnDate" value = "(mm/dd/yyyy)"/>
				</td>
				<td>
					Return Time: <br/>
					<select name = "returnHours">
						<option value="unselected">hr</option>
						<option value = 7>07</option>
						<option value = 8>08</option>
						<option value = 9>09</option>
						<option value = 10>10</option>
						<option value = 11>11</option>
						<option value = 12>12</option>
						<option value = 13>13</option>
						<option value = 14>14</option>
						<option value = 15>15</option>
						<option value = 16>16</option>
						<option value = 17>17</option>
					</select>
					
					<select name = "returnMinutes">
						<option value="unselected">min</option>
						<option value = 0>00</option>
						<option value = .5>30</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					First Name: <br/>
					<input type = "text" name = "firstName"/>
				</td>
				<td>
					Last Name: <br/>
					<input type = "text" name = "lastName"/>
				</td>
			</tr>
			<tr>
				<td>
					Street: <br/>
					<input type = "text" name = "street"/>
				</td>
				<td>
					City: <br/>
					<input type = "text" name = "city"/>
				</td>
				<td>
					Zip:<br/>
					<input type = "text" name = "zip" maxlength = "5"/>
				</td>
			</tr>
			<tr>
				<td>
					Date of Birth: <br/>
					<input type = "text" name = "date" value = "(mm/dd/yyyy)"/>
				</td>
			</tr>
			<tr>
				<td colspan = "3" align = "center">
					<input type = "submit" name = "submit" value = "Submit Reservation"/>
					<input type = "button" name = "cookies" value = "Store User Information"/>
				</td>
			</tr>
		</table>
	</form>


</body>
</html>

hi,
Does any one knows the javascript that read step by step single line from form and then store in array , and that array use 4 further references

Please help i need this Please Please Please

Thanx


Regards
Fawad

I have a form where users will be making a selection in a drop down box. I need, essentially, to store two values: the first value is the actual value assigned with each drop down item (their label, basically), and the second value being a completely separate value that will change based on what they chose from the drop down box to begin with.

Example: Drop down box contains selections A, B, C, D. User selects A, I need to keep the original dropdown box's A value in tact for the dropdown box's value, and then store a 1 in a hidden textbox. User selects B, a 2 is stored, etc.

Both of these values will be e-mailed, hence the reason I chose a hidden textbox to store the second value. Additionally, I don't want the user to see the second value on the form itself. If there's a better way to accomplish this, please let me know.

is "localStorage" a native variable to javascript?
On lin 36 & 37 is there anything else involved in getting that local storage to store? Those lines are local storage right?
Is it really that easy?
I was just reading this HUGE post and immediately stressed me out. I'm used to working off small examples and diving in bit by bit. It was the first article on google so I trusted it to be the most appropriate for introductions. (which means not reading more than 500 words before I get some sample code)



In addition, can Google Chrome & FireFox extensions change page elements? The reason I think it can do this is because google chrome says this
Which (to me) implies that the extension has access to page data.
If that is the case. How are localStorage variables not mixing? How can I access that page data? I don't care about browser history, I just want to change page elements. Is this possible?


If this is the case. Is there a way I can have the extension close itself or not open at all? Sometimes I just want the "extension" to provide a simple function. That's all. Thanks!


I had Silverbird and the tutorialzine example extension. They were both different size. Odd thing is that I never saw a size specification in the style.css in the tutorialzine example. How can I specify the size of the popup extension?

I'm having major pains trying to figure this out. I'm kind of new to Javascript, I need to open a text file from an external server, store each line in an array, then search that array for a certain word (HIGH), and if it exists then write something to the webpage, and if not, write something else. Here is what I have so far:

Code:

<html>
<head>
<title>Test</title>
<script>
<!--
function test(x) {
  if (wxd1txt.readyState === 4 && wxd1txt.status === 200) {  // Makes sure the document is ready to parse and Makes sure it's found the file.
	 var wxd1text = wxd1txt.responseText; 
     var wxd1array = wxd1txt.responseText.split("\n"); // Will separate each line into an array
	 var wxd1high = wxd1array.toString();  //Converting the String content to String
	//var highsearchreg = new RegExp("HIGH");
//var wxd1high = wxd1array[x].search(highsearchreg);
document.write(wxd1high);
	if (wxd1high.search("HIGH") >= 0){
		document.write("HIGH RISK");}
		else {
		document.write("NO RISK");}
		}
}
//-->
</script>
</head>
<body>
Hi!
<script>
<!--
var Today = new Date();
var ThisDay = Today.getDate();
var ThisMonth = Today.getMonth()+1;
var ThisYear = Today.getYear();
var Hour = Today.getHours();
var Day2 = Today.getDate()+1;
var Day3 = Today.getDate()+2;
if (navigator.appName != "Microsoft Internet Explorer") {
ThisYear = ThisYear + 1900;}
if (ThisMonth < 10) {
	ThisMonth = "0" + ThisMonth;}
if (ThisDay < 10) {
	ThisDay = "0" + ThisDay;}
if (Hour == 2 || Hour == 22 || Hour == 23 || Hour == 0 || Hour == 1) {
	var wxHourd1 = 0600}
	else if (Hour >= 3 && Hour <= 10) {
		var wxHourd1 = 1300;}
			else if (Hour >= 11 && Hour <= 13) {
				var wxHourd1 = 1630;}
					else if (Hour >= 14 && Hour <= 16) {
						var wxHourd1 = 2000;}
							else if (Hour >= 17 && Hour <= 21) {
								var wxHourd1 = 0100;}		
//var wxurld1 = "http://www.spc.noaa.gov/products/outlook/archive/"+ThisYear+"/KWNSPTSDY1_"+ThisYear+""+ThisMonth+""+ThisDay+""+wxHourd1+".txt";
var wxurld1 = "http://www.spc.noaa.gov/products/outlook/archive/2010/KWNSPTSDY1_201005101300.txt" //(High risk day for testing)
//document.write(wxurld1); //Use this to verify this section is working
if (window.XMLHttpRequest)
  {
  wxd1txt=new XMLHttpRequest();
  }
else // IE 5/6
  {
  wxd1txt=new ActiveXObject("Microsoft.XMLHTTP");
  }
wxd1txt.open("GET", wxurld1, true);
wxd1txt.onreadystatechange = test();

// -->
</script>
</body>
</html>

When added to a webpage, nothing shows up except the "Hi!" and there are no errors in the Javascript Console in Google Chrome. Is this possible with Javascript, and if so, what am I doing wrong or not doing?

Also, I have 2 URLs, one is a text file that has the HIGH text I want for an example, the other is the current file, which shouldn't have HIGH in it (unless the weather in the US turns really bad)