Reader Level:
Articles

Horoscope Unit of Mobile Site

By Shivani on September 06, 2001
Horoscope Service for Your Mobile.
  • 0
  • 0
  • 7281

Description

In my last article, I put live news feedback on our mobile site. Ok, now here comes horoscope. This is one of my most favorite and must requirement at the site because I remember getting up early and look for the newspaper and first thing I was going to look was what my stars saying today. I'm sure many of you are like me, who starts their day with ready horoscope.

Ok, here we are using an XML file as data source. I m trying to use maximum I can so I am playing here with all the controls and all sort of options. So in next articles, we will also go with access, SQL Server and other databases. And if u think that you want read data from a database and use XML as a middle tier, you can do that. Just have a look at my previous article where we had developed XML Generator, which creates an XML file on the fly. Simply integrate the two and deploy.

I've attached the XML source file with the source code in the zip file.

Check out the code save it as Horoscope.aspx in the same directory consisting of MobileHome.

Source Code:

// Source Code starts
<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage" Language="C#"Debug="true" %>
<%@ Register TagPrefix="mobile"
Namespace="System.Web.UI.MobileControls"
Assembly="System.Web.Mobile" %>
<%@ Import
Namespace="System" %>
<%@ Import
Namespace="System.Data"%>
<%@ Import
Namespace="System.Data.SqlClient" %>
<script language="c#" runat="server">
ArrayList horo = new ArrayList();
public void SubmitBtn_Click(Object sender, EventArgs e)
{
// Make an instance of XMLDocument
Class
XmlDocument _doc = new XmlDocument( );
//Provide the handle
to the XML file
_doc.Load("E:/ASPXSITE/MobileSite/Horo.xml");
XmlNodeList _snames = _doc.GetElementsByTagName(SunSign.Selection.Value);
for ( int _i = 0; _i < _snames.Count; ++_i )
{
string str = _snames[ _i].InnerText ;
horo.Add(str);
}
List1.DataSource = horo;
List1.DataBind();
ActiveForm = SecondForm;
}
</script>
<mobile:Form runat="server" id="FirstForm" BackColor="#336699"ForeColor="#ffffff">
<
mobile:SelectionList id="SunSign" runat="server">
<
item Text="Aries" Value="Aries"/>
<
item Text="Aquarius" Value="Aquarius"/>
<
item Text="Pisces" Value="Pisces"/>
<
item Text="Taurus" Value="Taurus"/>
<
item Text="Leo" Value="Leo"/>
<
item Text="Libra" Value="Libra"/>
<
item Text="Scorpion" Value="Scorpion"/>
<
item Text="Sagittarius" Value="Sagittarius"/>
<
item Text="Capricorn" Value="Capricorn"/>
<
item Text="Cancer" Value="Cancer"/>
<
item Text="Virgo" Value="Virgo"/>
<
item Text="Gemini" Value="Gemini"/>
</
mobile:SelectionList>
<mobile:Command runat="server" OnClick="SubmitBtn_Click" Text="Go!"
ID="Command1"/>
</
mobile:Form>
<mobile:Form runat="server" id="SecondForm" Font-Name="Arial">
<
mobile:List runat="server" id="List1"></mobile:List>
<
mobile:Link runat="server" Font-Size="Small" NavigateURL="MobileHome.aspx"
Text="Home" ID="Link1"/>
</
mobile:Form>
// Source Code End

Here is the output:

Horoscope1.gif

Horoscope2.gif

Horoscope3.gif

Horoscope4.gif

bye

Shivani~~~~

Shivani

Shivani is Electronics graduate from REC Bhopal, INDIA. After Electronics she jumped to software development and has been dealing with WAP and Java technologies. Currently she is working with C# and ASP.NET for a transa... Read more

COMMENT USING

Trending up