i was wondering if its possible to css style these elements customerID, firstname, secondname, and so on.
i have included both the pages so you’s have an idea of what elements i am trying to style. i am using an html page and a web handler.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>AJAX Demo</title>
<link rel="Stylesheet" type="text/css" href="css/gcutours.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script language="JavaScript" type="text/JavaScript">
<!--
var req;
function getUsers()
{
var url = "Users.ashx"
req = new XMLHttpRequest();
req.open("GET", url, true);
req.onreadystatechange = getUsersCallBack;
req.send(null);
}
function getUsersCallBack()
{
if (req.readyState == 4) {
if (req.status == 200) {
var xmlDoc = req.responseXML;
var users = xmlDoc.getElementsByTagName("customer");// gets all customers element
for (i=0;i<users.length;i++){
var customerID = xmlDoc.getElementsByTagName("customerID")[i].childNodes[0].nodeValue;
var firstname = xmlDoc.getElementsByTagName("firstname")[i].childNodes[0].nodeValue;
var lastname = xmlDoc.getElementsByTagName("lastname")[i].childNodes[0].nodeValue;
var address = xmlDoc.getElementsByTagName("address")[i].childNodes[0].nodeValue;
var postcode = xmlDoc.getElementsByTagName("postcode")[i].childNodes[0].nodeValue;
var phone = xmlDoc.getElementsByTagName("phone")[i].childNodes[0].nodeValue;
var email = xmlDoc.getElementsByTagName("email")[i].childNodes[0].nodeValue;
var noSeats = xmlDoc.getElementsByTagName("noSeats")[i].childNodes[0].nodeValue;
var customerinfo = "<p><b>" + customerID + "</b><br/>" + firstname + " " + lastname + "</b><br/>" + address + "</b><br/>" + postcode + "</b><br/>" + phone + "</b><br/>" + email + "</p>" + noSeats +'">'
document.getElementById("userlist").innerHTML += customerinfo
}
}
}
}
-->
</script>
</head>
<body>
<h3>Lab 5: Displaying a list of users with XML</h3>
<p><input type="button" value="List Customers!" onclick="getUsers()" /></p>
<form id="userform" action="">
<p id="userlist"></p>
</form>
</body>
</html>
<%@ WebHandler Language="C#" Class="Customers" %>
using System;
using System.Web;
using System.Data.OleDb;
using System.Text;
using System.Xml;
public class Customers : IHttpHandler {
public void ProcessRequest (HttpContext context) {
OleDbConnection conn;
OleDbCommand comm;
OleDbDataReader dr;
conn = new OleDbConnection("Provider = Microsoft.Jet.OLEDB.4.0; Data Source = |DataDirectory|gcurestaurants.mdb");
comm = new OleDbCommand("Select Customers.customerID, Customers.firstname, Customers.lastname, Customers.address, Customers.postcode, Customers.phone, Customers.email, TableBookings.noSeats FROM Customers INNER JOIN TableBookings ON Customers.customerID=TableBookings.customerID ORDER BY Customers.firstname ", conn);
//comm = new OleDbCommand("Select customerID, firstname, lastname, address, postcode, phone, email from Customers", conn);
// SELECT Persons.LastName, Persons.FirstName, Orders.OrderNo
//FROM Persons
//INNER JOIN Orders table
//ON Persons.P_Id=Orders.P_Id
//ORDER BY Persons.LastName
conn.Open();
dr = comm.ExecuteReader();
context.Response.ContentType = "text/xml";
XmlWriterSettings settings = new XmlWriterSettings();
settings.Indent = true;
settings.OmitXmlDeclaration = true;
settings.NewLineOnAttributes = true;
XmlWriter writer = XmlWriter.Create(context.Response.OutputStream, settings);
writer.WriteStartDocument();// starts a new document
writer.WriteStartElement("customers");// used to add a new element to the document
while (dr.Read())
{
writer.WriteStartElement("customer");
writer.WriteElementString("customerID", dr[0].ToString());
writer.WriteElementString("firstname", dr[1].ToString());
writer.WriteElementString("lastname", dr[2].ToString());
writer.WriteElementString("address", dr[3].ToString());
writer.WriteElementString("postcode", dr[4].ToString());
writer.WriteElementString("phone", dr[5].ToString());
writer.WriteElementString("email", dr[6].ToString());
writer.WriteElementString("noSeats", dr[7].ToString());
writer.WriteEndElement();
}
writer.WriteEndElement();
writer.WriteEndDocument();
writer.Close();
dr.Close();
conn.Close();
}
public bool IsReusable {
get {
return false;
}
}
}