JavaScript - Display 3 Data Feeds On Website

So, say I want to grab two twitter feeds from 2 people and put them together in one feed on a page (not using the built in twitter 'goodies'). How can I do this? I'm sure it's possible...

I am creating a very content rich news/media website that requires an audio player. The audio player should be seen by the user as soon as they enter the website and the playlist should play throughout their time spent at the website and should not be restarted or stopped when navigating the website.

We originally were using a frameset for the audio player, but the fact that none of the pages through out the site could be reached through a link in the URL bar proved to be too much of an issue.

So the new idea was to open the audio player in a javascript pop-up window. But because of the nature of the website, we found that it was very common for users to go "back" in their browser to the homepage after they had navigated away, which would cause the pop-up code to be activated again and would make the pop-up reload, interrupting the audio.

So then we moved the pop-up code to the splash page so that when you enter the main page, its already open, and it can't be interrupted. But THEN we found that the pop-up window was of course opened behind the main website's window, which made it hidden and useless.

So we currently have no solutions! All we need is for this pop-up window to take focus and be the very top window, and once its opened to never be reloaded/refreshed again. Does anyone have a solution?!

Any help is appreciated!

I am working on my form. Once user put data in the form, I want to save it as cookie and display it in another page as form processor.
In my html file therefore, I have

Code:

<form id="frmBuyer" method="get" action="FormProcessor_Cookies.html" 
        enctype="application/x-www-form-urlencoded"
        onsubmit="return validate();" onreset="location.reload();">

which is basically validate all the data and once it meets the requirement, it goes to FormProcessor_Cookies.html. So, i put a function in my js file to get all the data as cookie as following.
Code:

function createCookie(){
	document.cookie = first + "=" + encodeURIComponent(document.forms[0].FirstName.value);
	document.cookie = last + "=" + encodeURIComponent(document.forms[0].LastName.value);
	document.cookie = phone1 + "=" + encodeURIComponent(document.forms[0].PhoneA.value);
	document.cookie = phone2 + "=" + encodeURIComponent(document.forms[0].PhoneB.value);
	document.cookie = phone3 + "=" + encodeURIComponent(document.forms[0].PhoneC.value);
	document.cookie = email + "=" + encodeURIComponent(document.forms[0].Email.value);
	location.href = "cookie.html";
}

and I called this function after it validates.

Code:

function validate(){
	
	var blnError = false;
	var zip = document.getElementById("Zip").value;
	var textBoxthree = document.getElementById("third");
	var textLengththree = textBoxthree.value.length;
	var textBoxtwo = document.getElementById("second");
	var textLengthtwo = textBoxtwo.value.length;
	var textBoxone = document.getElementById("first");
	var textLengthone = textBoxone.value.length;

	var patternZip = new RegExp("^([0-9]){5}(([ ]|[-])?([0-9]){4})?$");
	if (document.forms[0].Zip.value == ""||!patternZip.test(document.forms[0].Zip.value)){
	document.getElementById('E_Zip').style.display="inline";
	document.forms[0].Zip.focus();
	document.forms[0].Zip.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_Zip').style.display="none";
	document.forms[0].Zip.style.backgroundColor="white"
	}
	
	var patternCity = new RegExp("^(?:[a-zA-Z]+(?:[.'\-,])?\s?)+$");
	if (document.forms[0].City.value == ""||!patternCity.test(document.forms[0].City.value)){
	document.getElementById('E_City').style.display="inline";
	document.forms[0].City.focus();
	document.forms[0].City.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_City').style.display="none";
	document.forms[0].City.style.backgroundColor="white"
	}

	var patternAddress = new RegExp("^[a-zA-Z]+.*|.*[a-zA-Z]+|.*[a-zA-Z]+.*$");
	if (document.forms[0].Address1.value == ""||!patternAddress.test(document.forms[0].Address1.value)){
	document.getElementById('E_Address1').style.display="inline";
	document.forms[0].Address1.focus();
	document.forms[0].Address1.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_Address1').style.display="none";
	document.forms[0].Address1.style.backgroundColor="white"
	}

	var patternConfirm = new RegExp("^[_a-zA-Z0-9\\-]+(\.[_a-zA-Z0-9\\-]+)*@[a-zA-Z0-9\\-]+(\.[a-aZ-Z0-9\\-]+)*(\.[a-z]{2,3})$");
	if (document.forms[0].ConfirmEmail.value == "" 
	||!patternConfirm.test(document.forms[0].ConfirmEmail.value)
	||document.forms[0].ConfirmEmail.value != document.forms[0].Email.value){
	document.getElementById('E_ConfirmEmail').style.display="inline";
	document.forms[0].ConfirmEmail.focus();
	document.forms[0].ConfirmEmail.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_ConfirmEmail').style.display="none";
	document.forms[0].ConfirmEmail.style.backgroundColor="white"
	}

	var patternEmail = new RegExp("^[_a-zA-Z0-9\\-]+(\.[_a-zA-Z0-9\\-]+)*@[a-zA-Z0-9\\-]+(\.[a-aZ-Z0-9\\-]+)*(\.[a-z]{2,3})$");
	if (document.forms[0].Email.value == ""||!patternEmail.test(document.forms[0].Email.value)){
	document.getElementById('E_Email').style.display="inline";
	document.forms[0].Email.focus();
	document.forms[0].Email.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_Email').style.display="none";
	document.forms[0].Email.style.backgroundColor="white"
	}
	var patternPhoneA = new RegExp("^\\d{3}$");
	var patternPhoneB = new RegExp("^\\d{3}$");
	var patternPhoneC = new RegExp("^\\d{4}$");

	if(patternPhoneC.test(document.forms[0].PhoneC.value)
	&&patternPhoneB.test(document.forms[0].PhoneB.value)
	&&patternPhoneA.test(document.forms[0].PhoneA.value)){
	
	document.getElementById('E_Phone').style.display="none";
	}

	if(patternPhoneC.test(document.forms[0].PhoneC.value)){
	document.forms[0].PhoneC.style.backgroundColor="white"}

	if(patternPhoneB.test(document.forms[0].PhoneB.value)){
	document.forms[0].PhoneB.style.backgroundColor="white"}

	if(patternPhoneA.test(document.forms[0].PhoneA.value)){
	document.forms[0].PhoneA.style.backgroundColor="white"}

	if (!patternPhoneC.test(document.forms[0].PhoneC.value)){
	document.getElementById('E_Phone').style.display="inline";
	document.forms[0].PhoneC.focus();
	document.forms[0].PhoneC.style.backgroundColor="lemonchiffon"
	}
	if (!patternPhoneB.test(document.forms[0].PhoneB.value)){
	document.getElementById('E_Phone').style.display="inline";
	document.forms[0].PhoneB.focus();
	document.forms[0].PhoneB.style.backgroundColor="lemonchiffon"
	}
	if (!patternPhoneA.test(document.forms[0].PhoneA.value)){
	document.getElementById('E_Phone').style.display="inline";
	document.forms[0].PhoneA.focus();
	document.forms[0].PhoneA.style.backgroundColor="lemonchiffon"
	}

	
	var patternLast = new RegExp("^[a-zA-Z]+.*|.*[a-zA-Z]+|.*[a-zA-Z]+.*$");
	if (document.forms[0].LastName.value == ""||!patternLast.test(document.forms[0].LastName.value)){
	document.getElementById('E_LastName').style.display="inline";
	document.forms[0].LastName.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_LastName').style.display="none";
	document.forms[0].LastName.style.backgroundColor="white"
	}

	var patternFirst = new RegExp("^[a-zA-Z]+.*|.*[a-zA-Z]+|.*[a-zA-Z]+.*$");
	if (document.forms[0].FirstName.value == ""||!patternFirst.test(document.forms[0].FirstName.value)){
	document.getElementById('E_FirstName').style.display="inline";
	document.forms[0].FirstName.style.backgroundColor="lemonchiffon"
	blnError = true;
	}
	else{
	document.getElementById('E_FirstName').style.display="none";
	document.forms[0].FirstName.style.backgroundColor="white"
	}
	
	if (blnError == true){
	document.getElementById('E_Alert').style.display="inline";
	return false;
	}  
	else {
	document.getElementById('E_Alert').style.display="none";
	 createCookie(); 
	return true;
	} 
	}

Lastly, I tried to display all the cookies in my "FormProcessor_Cookies.html" page

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>
	<meta name="author" content="" />
	<meta name="description" content="Home" />
	<meta name="keywords" content="Client Side Programming, JavaScript, CSS" />
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="Content-Language" content="en-us" />
	<link rel="stylesheet" href="javascript.css"/>
	<script type="text/javascript" src="shopping.js"></script>
   <title>Homepage::Seunghun Jun</title>
   </head>
   <body>
	<div id="container">
	   <!-- Begin web page -->
	   <div id="header"><!-- Header and Navigation -->
		<!-- Page Heading --><!-- Navigation -->  

	<script type="text/javascript">
	   displayHeader();
	</script> <br/><br/><br/><br/>
	   </div>

	   <div id="content">
	   <!-- Main Content --><div id="submited">
	   <script type="text/javascript">
	   /* <![CDATA[ */
	   document.write(documetn.cookie;);
	   /* ]]> */
	   </script></div>      
	   </div><br/><br/><br/><br/>
	   
	   <div id="footer">
	   <!-- Footer -->
	   <!-- Begin Footer Div-->
	   <script type="text/javascript">displayFooter();</script>
           <!-- End Footer Div -->
	   </div>
	   <!--End web page -->
	</div>
   </body>
</html>

And its not showing any messages...I know I am asking to much...but could any expert can help me what is wrong and how I can fix this?

Hello i have done this so far, i dont really know how to assign the else statement in queris,

and i am not sure for js as well. Those are the files and what i have done. any idea? thanks



main page:



Code:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
 function showUser()
{
var t=document.getElementById("type");
var t_val = q.options[q.selectedIndex].value;
var c=document.getElementById("checkin");
var c_val = c.options[q.selectedIndex].value;
var r=document.getElementById("checkout");
var r_val = r.options[q.selectedIndex].value;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
} else {// code for IE6, IE5
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
 xmlhttp.onreadystatechange=function()
{
var q=document.getElementById("type");
var q_val = q.options[q.selectedIndex].value;
var c=document.getElementById("checkin");
var c_val = c.options[c.selectedIndex].value;
var r=document.getElementById("checkout");
var r_val = r.options[r.selectedIndex].value;
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
 document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
 xmlhttp.open("GET","check10.asp?q=" + q_val + "&c=" + c_val+"&r=" +r_val, true);
 xmlhttp.send();
}
 </script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form>
<select id="type" name="type" onchange="showuser()">
 <option value="">types</option>
 <option value="single">single</option>
 <option value="double ">double</option>
 <option value="suite">suits</option>
 </select>
 <input id="checkin"  onchange="showCustomer(this.value)" size="22"/>
 <input id="checkout"  onchange="showCustomer(this.value)" size="22"/>
 </form>
 <br />
 <div id="txtHint">Customer info will be listed here...</div>
</body>
</html>

The page with data: Code:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include file="Connections/sqlconn.asp" -->
<%
Dim sql
Dim sql_cmd
Dim sql_numRows

------if(t and c and r){

sql_cmd.CommandText = "SELECT dbo.rooms.id, type, image, price, details FROM dbo.rooms,dbo.transactions WHERE dbo.rooms.id=dbo.transactions.roomid and type='" & request.querystring("t") & "' and checkin>'" & request.querystring("c") & "' and checkout>'" & request.querystring("r") & "' and status='active'"
}
else if (c and r) {
sql_cmd.CommandText = "SELECT dbo.rooms.id, type, image, price, details FROM dbo.rooms,dbo.transactions WHERE dbo.rooms.id=dbo.transactions.roomid  and checkin>'" & request.querystring("c") & "' and checkout>'" & request.querystring("r") & "' and status='active'"
else if (t) {
sql_cmd.CommandText = "SELECT dbo.rooms.id, type, image, price, details FROM dbo.rooms,dbo.transactions WHERE dbo.rooms.id=dbo.transactions.roomid and type='" & request.querystring("t") & "' and status='active'"
}
else if ("") {
"SELECT dbo.rooms.id, type, image, price, details FROM dbo.rooms,dbo.transactions WHERE dbo.rooms.id=dbo.transactions.roomid and status='active'"
}

sql_cmd.Prepared = true

Set sql = sql_cmd.Execute
sql_numRows = 0
%>
<%
Dim Repeat1__numRows
Dim Repeat1__index

Repeat1__numRows = -1
Repeat1__index = 0
sql_numRows = sql_numRows + Repeat1__numRows
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table border="1" cellpadding="1" cellspacing="1">
  <tr>
    <td>id</td>
    <td>type</td>
    <td>image</td>
    <td>price</td>
    <td>details</td>
  </tr>
  <% While ((Repeat1__numRows <> 0) AND (NOT sql.EOF)) %>
    <tr>
      <td><%=(sql.Fields.Item("id").Value)%></td>
      <td><%=(sql.Fields.Item("type").Value)%></td>
      <td><%=(sql.Fields.Item("image").Value)%></td>
      <td><%=(sql.Fields.Item("price").Value)%></td>
      <td><%=(sql.Fields.Item("details").Value)%></td>
    </tr>
    <%
  Repeat1__index=Repeat1__index+1
  Repeat1__numRows=Repeat1__numRows-1
  sql.MoveNext()
Wend
%>
</table>
</body>
</html>
<%
sql.Close()
Set sql = Nothing
%>

How would I use JavaScript to pull numbers (information such as Clan Members # Count) from this page (http://services.runescape.com/m=clan...me=Void+Nation), and then write them to a page on my site?