JavaScript - .open Post Data How To Keep Text Formatting?

I am trying to update the text in a span with a date (which is working fine), but I also want to format that date before it is updated in the span. For example, in the text area I input a date (format: YYYY-MM-DD HH:MM:SS), and I'd like to output between the span tags M-D-YYYY. Does that make sense? I'm totally lost here and hoping someone can help me out.

Here is the javascript.

Code:

function show_post_date() {
	var ele = document.getElementById("post_date");
	var text = document.getElementById("new_post_date");
	
	// Get the date value, then format it
	var formatted_date = ele.value;

	// THIS IS WHAT I'VE TRIED, BUT NOTHING IS UPDATED INTO THE SPAN IF I INCLUDE THIS
	var curr_date = formatted_date.getDate();
	var curr_month = formatted_date.getMonth();
	var curr_year = formatted_date.getFullYear();
	formatted_date = curr_date + "-" + curr_month + "-" + curr_year;
	// END SECTION OF WHAT I'VE TRIED

	if(ele.value != "") {
		text.innerHTML = formatted_date;
  	}
}

Here is the element

Code:

When: <span id='new_post_date' style='font-weight:bold;'></span>
<input type="text" name="post_date" id="post_date" value="" onChange='show_post_date()' />

I am not very knowledgeable with javascript. I have the following code pasted into my website and it works, but I want to modify it in the following ways:

1) I want the text to only scroll for a maximum of two visible lines at a time.

2) I want the text to scroll only once and then remain in place.

3) I want the text color to be grey (#ABABAB)

---------------------
Here is the code I am using:
---------------------

<script type="text/javascript">
window.onload = WindowLoad;
var _hsSpeed=50; //lower value means faster speed!
var _hsData=new Array();
var _hsCounter=0;
function WindowLoad(event) {
InitializeHorizontalScroll();
}

function InitializeHorizontalScroll() {
var arrElements = document.getElementsByTagName("span");
for (var i=0; i<arrElements.length; i++) {
var element=arrElements[i];
if (element.getAttribute("horizontalscroll") == "1") {
_hsData[_hsCounter] = new Array();
_hsData[_hsCounter]["element"] = element;
_hsData[_hsCounter]["text"] = FindInnerText(element);
_hsData[_hsCounter]["index"] = 0;
_hsCounter++;
}
}
if (_hsCounter > 0)
window.setTimeout("HorizontalScrollTimer();", 100);
}
function HorizontalScrollTimer() {
for (var i=0; i<_hsData.length; i++) {
var element = _hsData[i]["element"];
var strText = _hsData[i]["text"];
var index = parseInt(_hsData[i]["index"]);
element.innerHTML = strText.substr(0, index+1);
index++;
if (index >= strText.length)
index = 0;
_hsData[i]["index"] = index;
}
window.setTimeout("HorizontalScrollTimer();", _hsSpeed);
}

function FindInnerText(objControl, innerText, nestingLevel)
{
if ((typeof nestingLevel != "undefined")&&(nestingLevel > 100))
return innerText;

if (typeof innerText == "undefined")
innerText = "";

if (!objControl)
return innerText;

if (typeof nestingLevel == "undefined")
nestingLevel = 0;

var text=objControl.nodeValue;
if (!text)
text = "";
if (objControl.nodeName.toLowerCase() == "br")
return "\n";


for (var i=0; i<objControl.childNodes.length; i++)
{
text += FindInnerText(objControl.childNodes[i], objControl.childNodes[i].nodeValue, nestingLevel+1);
}

return text;
}
</script>

---------------------
And this is inserted in the body of the page:
---------------------

<span horizontalscroll="1" style="font-family: helvetica;text-transform: uppercase;font-size: 10; letter-spacing: 3; font-color: #ABABAB;">text content</span>

---------------------
Thank to anyone who can assist.
---------------------

I'm not a programmer and I understand very little of it. I have an application with a button that opens up another website. That website requires credentials. I'm currently using window.open to get the url open and passing a variable to the end of the URL, but when I have searched for a good way to get the credentials passed by using post and can't seem to find a solution. I tried xmlhttprequest, but the limitation of cross-domains is huge because I will have external clients connecting to the database and don't think that asking them to lower the security settings in IE would be a good way to do it. All I need is the ability to click on the button, pass the username and password and have the url open to desired page. I posted the code of the application in another thread, but all I'm getting are just views. Please help. thanks.

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)

This one is tricky. I can do this in php, however, I would like to keep everything on the same page. In a nutshell I'd like my users to export some data but after they click the export button I need them to input a key which will then be placed into a variable and the posted.

Here's a simplified version of how script works without the key:

Code:

<?PHP 
	if(isset($_POST['Export'])){
			$file = $_POST['Export'];	
			$hostname = $_SERVER['SERVER_NAME']; $hostname = str_replace('www.', '', $hostname); 
			$file_location = "http://".$hostname."/filelocation/".$file;
			$list = file_get_contents("$file_location");
				# filename for download 
				$filename = "$file.txt"; header("Content-Disposition: attachment; filename=\"$file\""); header("Content-Type: text/plain");
				echo $list;
			} ?>			

<form action="" method="post">
<input type=hidden value="$file" name="Export">
<input type=submit value="Export"></form>

I know this is a javascript category and I have php. However, what I want is javascript. My users cannot access the page (traditionally) because a key needs to first be submitted. This is what I need help with

> Find a way to use javascript when the 'Export' button is pressed to open a pop-up window for the user to submit their key.

> Place there key into a variable.

From there I can use PHP to post the variable, extract the data and allow the user to export.

Something like this:

Code:

	if(isset($_POST['Export'])){
	//The user pressed the export button - use javascript to envoke pop-up
	
	//<!--javascript pop-up code-->
	//The user submitted their key - place it in a variable
	
	//<!--javascript code to post key into variable-->
	
			$key = $_GET['key'];
			$file = $_POST['Export'];	
			$hostname = $_SERVER['SERVER_NAME']; $hostname = str_replace('www.', '', $hostname); 
			$file_location = "http://".$hostname."/filelocation/".$file."php?key=".$key;
			$list = file_get_contents("$file_location");
				# filename for download 
				$filename = "$file.txt"; header("Content-Disposition: attachment; filename=\"$file\""); header("Content-Type: text/plain");
				echo $list;
			} ?>			

<form action="" method="post">
<input type=hidden value="$file" name="Export">
<input type=submit value="Export"></form>

If I can get the user to place a key in a simple input box (through a javascript pop-up after they've clicked the button) then I can post the variable and retrieve the data.

Any ideas?

Hi guys, hoping you can help me out again, with this new problem.

I've got a form which is acting as a calculator. Once the calculation is complete I want it so when the user presses a 'print' button it takes certain parts of the form data and displays them in a new window which would be designed for printing.

how can i go about this using only javascript?

thanks

Hi,

I have a problem with sending data from a form to a php script with AJAX. To test if it works, I try to send data from the form, print it in the php with "echo", and then put it back in the initial html file.

My Javascript code is:
Code:

function registerPrivateUser()
{
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null)
	{
	  alert ("Your browser does not support AJAX!");
	  return;
	}
	
	var postData="firstName="+ document.getElementById("txtFirstName").value;
	var url="classes/users/checkRegistration.php";
	
	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("POST",url,true);

	
	//xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); 
	
	xmlhttp.send(postData);
}

The function stateChanged, basically says:
Code:

if (xmlhttp.readyState==4)
	{
		var strResponse;
		strResponse=xmlhttp.responseText;
		alert('Response:' + xmlhttp.responseText);
	}

checkRegistration.php looks like this:
PHP Code:
<?
session_start();
$firstName=$_POST['firstName'];
echo($firstName);
?>

The problem is that the response is empty, but I don't know why. I have checked the input data and the postData variable says "firstName="+input (e.g. "firstName=Robert"), so that's not the error. I have read several forum posts here, but still haven't figured out what I'm doing wrong.
If anyone could please tell me, I would appreciate it alot.

Hi friends,
i'm using greybox on my website, and using survey.
i want when click submit button then post form data to opened greybox window.. but can't....

my form actions
<form action="anket.php?islem=ok" method="post" onSubmit="javascript:return GB_showCenter('Anket',this.action, 280, 350)" >
greybox window open, but can't show post data..

can anyone help me ?

sorry for may bad english

Dear All,

I am trying to design a from with radio buttons and text boxes which will accept text values upon clicking the radio buttons. So basically the textbox only appears when the radio button is clicked.
The problem I am facing is the textbox does not hide upon selecting different radio button.

Below I am posting the javascript and the associated html form for the same.
I would like to request some suggestions and directions for the same.

Regards

Code:

Javascript:
<script type="text/javascript">
  function show() {
  var i = 0;
  var el;
  while(el = document.getElementsByName('radio')[i++] ) {
	(document.getElementById('radio'+i).checked) ?
	document.getElementById('text'+i).style.display="block" :
	document.getElementById('text'+i).style.display="none"
	}
	}  
 </script>

Code:

<div id="SeqInput">
      	  <form method="post" action="the url to process this form" >
	<div>			
	  <label><input type="radio" name="seqinput" value="accession" id="radio1" onclick="show()"></label> NCBI accession number: <label for="accession"><input type="text" id="text1"></label><br>
	  <label><input type="radio" name="seqinput" value="gene"         id="radio2" onclick="show()"></label> NCBI Gene Name:        <label for="gene">     <input type="text" id="text2"></label><br>
	  <label><input type="radio" name="seqinput" value="file"            id="radio3"></label> Upload fasta sequence from file: <label for="file"><input type="file" id="file"></label><br> 
	  <label><input type="radio" name="seqinput" value="fasta"         id="radio4" onclick="show()"></label> Click to type in or copy/paste the fasta sequence:<br>
	  <label><textarea rows="10" cols="100" id="text3" style="display: none"> </textarea></label>  
	</div>    	
	</form>
    </div>

suggestions welcome !!

this is the example of the code:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> MY CALCULATION</title>
<meta name="description" content="Adds form content">

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">

var location1;
var location2;

var address1;
var address2;

var latlng;
var geocoder;
var map;

var distance;

// finds the coordinates for the two locations and calls the showMap() function
function initialize()
{
geocoder = new google.maps.Geocoder(); // creating a new geocode object

// getting the two address values
address1 = document.getElementById("address1").value;
address2 = document.getElementById("address2").value;

// finding out the coordinates
if (geocoder)
{
geocoder.geocode( { 'address': address1}, function(results, status)
{
if (status == google.maps.GeocoderStatus.OK)
{
//location of first address (latitude + longitude)
location1 = results[0].geometry.location;
} else
{
alert("Geocode was not successful for the following reason: " + status);
}
});
geocoder.geocode( { 'address': address2}, function(results, status)
{
if (status == google.maps.GeocoderStatus.OK)
{
//location of second address (latitude + longitude)
location2 = results[0].geometry.location;
// calling the showMap() function to create and show the map
showMap();
} else
{
alert("Geocode was not successful for the following reason: " + status);
}
});
}
}

// creates and shows the map
function showMap()
{
// center of the map (compute the mean value between the two locations)
latlng = new google.maps.LatLng((location1.lat()+location2.lat())/2,(location1.lng()+location2.lng())/2);

// set map options
// set zoom level
// set center
// map type
var mapOptions =
{
zoom: 1,
center: latlng,
mapTypeId: google.maps.MapTypeId.HYBRID
};

// create a new map object
// set the div id where it will be shown
// set the map options
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

// show route between the points
directionsService = new google.maps.DirectionsService();
directionsDisplay = new google.maps.DirectionsRenderer(
{
suppressMarkers: true,
suppressInfoWindows: true
});
directionsDisplay.setMap(map);
var request = {
origin:location1,
destination:location2,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status)
{
if (status == google.maps.DirectionsStatus.OK)
{
directionsDisplay.setDirections(response);
distance = "The distance between the two points on the chosen route is: "+response.routes[0].legs[0].distance.text;
distance += "<br/>The aproximative driving time is: "+response.routes[0].legs[0].duration.text;
document.getElementById("distance_road").innerHTML = distance;
}
});

// show a line between the two points
var line = new google.maps.Polyline({
map: map,
path: [location1, location2],
strokeWeight: 7,
strokeOpacity: 0.8,
strokeColor: "#FFAA00"
});

// create the markers for the two locations
var marker1 = new google.maps.Marker({
map: map,
position: location1,
title: "First location"
});
var marker2 = new google.maps.Marker({
map: map,
position: location2,
title: "Second location"
});

// create the text to be shown in the infowindows
var text1 = '<div id="content">'+
'<h1 id="firstHeading">First location</h1>'+
'<div id="bodyContent">'+
'<p>Coordinates: '+location1+'</p>'+
'<p>Address: '+address1+'</p>'+
'</div>'+
'</div>';

var text2 = '<div id="content">'+
'<h1 id="firstHeading">Second location</h1>'+
'<div id="bodyContent">'+
'<p>Coordinates: '+location2+'</p>'+
'<p>Address: '+address2+'</p>'+
'</div>'+
'</div>';

// create info boxes for the two markers
var infowindow1 = new google.maps.InfoWindow({
content: text1
});
var infowindow2 = new google.maps.InfoWindow({
content: text2
});

// add action events so the info windows will be shown when the marker is clicked
google.maps.event.addListener(marker1, 'click', function() {
infowindow1.open(map,marker1);
});
google.maps.event.addListener(marker2, 'click', function() {
infowindow2.open(map,marker1);
});

// compute distance between the two points
var R = 6371;
var dLat = toRad(location2.lat()-location1.lat());
var dLon = toRad(location2.lng()-location1.lng());

var dLat1 = toRad(location1.lat());
var dLat2 = toRad(location2.lat());

var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
Math.cos(dLat1) * Math.cos(dLat1) *
Math.sin(dLon/2) * Math.sin(dLon/2);
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
var d = R * c;

document.getElementById("distance_direct").innerHTML = "<br/>The distance between the two points (in a straight line) is: "+d;
}

function toRad(deg)
{
return deg * Math.PI/180;
}
</script>

<style type="text/css">
.style1 {
text-align: center;
}
</style>

</head>
<body>
<div id="form" style="width:100%; height:20%">
<table align="center">
<tr>
<td colspan="7" align="center"><b>Find the distance between two
locations</b></td>
</tr>
<tr>
<td colspan="7">&nbsp;</td>
</tr>
<tr>
<td>First address:</td>
<td>&nbsp;</td>
<td><input type="text" name="address1" id="address1" size="50"></td>
<td>&nbsp;</td>
<td>Second address:</td>
<td>&nbsp;</td>
<td><input type="text" name="address2" id="address2" size="50"></td>
</tr>
<tr>
<td colspan="7">&nbsp;</td>
</tr>
<tr>
<td colspan="7" align="center"><input type="button" value="Show" onclick="initialize();"></td>
</tr>
</table>
</div>
<center><div style="width:100%; height:10%" id="distance_direct"></div></center>
<center><div style="width:100%; height:10%" id="distance_road"></div></center>

<center><div id="map_canvas" style="width:70%; height:54%"></div></center>

<form name="Form1">
<table id="table-info" border="1" cellpadding="3">
<tr>
<td>DISTANCE</td>
<td>
<input name="ds" type="text">
KM</td>
</tr>
</table>


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

::in this coding, for example,when user enter 'manchester' for 1st location and 'liverpool' for 2nd location..so,the result will display 55.3km.now,i want that value also appear in the distance text box..do i need to make some declaration or do other function?

Hi,

I want to restrict opening my popup window if it is already opened. For simple scenario, it is quite possible to do but in my case --

1) When parent page is opening popup window, it is getting refreshed (required from client for some reason).

2) Once submit button is clicked from popup window, again parent page is getting refreshed (again its a requirement from client side).

With these 2 conditions, I lost my saved value from variable and hence new popup is keep coming when the action is same.

Currently I am using below code to open popup

[CODE]
function OpenWindow()
{
if(winPop && !winPop.closed)
{
alert("Popup is already open");
}
else
{
winPop = window.open('MyPopupPage.aspx');
}
}
[CODE]

Please help me to get rid of this problem.
Thanks in advance.

- Bhasker

Hi all,

How can i read CSV data from the text file using Java Script.Please give me the script for the problem.


Thanx,
Nari

I am trying to pass data from one form to another form using the url
i can get it to come up on the next pages url but how do i get it to go to a text box on the new form. is there a way of assigning text boxes.
being trying it in javascript and asp even php
would like to keep it to javascript but am open minded to just get it to work