Horoscope Unit of Mobile Site

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~~~~

Up Next
    Ebook Download
    View all
    Learn
    View all