Pages

Monday, September 13, 2010

Index Page of the Shopping Cart

This is the front page of the website. The panel in the top of the site is used to navigate between other pages and the site statistics are shown in the statistics panel and other site news and details are shown here. And the news scroller at below left is used to show the latest updated phone on the site.

The panel below the banner shows the user details and the login/logout options.

The menu in the left side of the website, which is called as the phone browser menu, is used to view all phones.

Source Code of Index Page:
Index.aspx

<%@ Page Explicit="True" Language="VB" Debug="True"  %> // Page Directive
<%@ Import Namespace="System.Data" %> //Database connection
<%@ Import Namespace="System.Data.sqlclient" %>  // Creating the Database connection
<!--#include file="config.aspx" --> // Including the files
<!--#include file="scrollerdata.aspx" --> // Each include file has it's own server side script
<!--#include file="man_menu.aspx" -->
<!--#include file="checklogin.aspx" -->
<!--#include file="statistics_site.aspx" -->

//The runat="server" attribute indicates that the script should be processed on the server
<Script Runat="Server">
Sub Page_Load( s As Object, e As EventArgs ) <% --Subroutine Page routine event

call checkstatus
if session("useriD")="" then
btnlogin.text="login"
end if
If Not isPostBack Then
call dbcon
call fillmanu
if session("useriD")="" then
    btnlogin.text="login"
   
end if
call scrollphone
call sitestat
End If
End Sub
</Script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="icon"
      type="image/png"
      href="favicon.ico">
<meta name="description" content="onlinemobilestore the first srilankan online mobile shop. Find all your latest phones and get them delivered to your door step.">
 <meta name="keywords" content="onlinemobilestore, mobile.phone, phones">
<title>Onlinemobilestore - your online mobile shop, discussion forum and support for mobile users</title>
<link href="stylesheet1.css" rel="stylesheet1" type="text/css" />

//JAVA SCRIPT CODE
<SCRIPT language=JavaScript
src="javascript.js"></SCRIPT>
<style type="text/css">
<!--
.borderTable {padding: 0px 0px 0px 0px;
border: 1px solid #cccccc;
}
.borderTable {padding: 0px 0px 0px 0px;
border: 1px solid #CCCCCC;
}
-->
</style>
<link href="stylesheet1.css" rel="stylesheet1" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
.style3 {font-weight: bold}
-->
</style>
<link href="stylesheet1.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style6 {
    font-size: 8px;
    color: #336699;
}
.style7 {color: #FF9900}
.style9 {color: #669940}
.style10 {
    color: #D13737;
    font-weight: bold;
}
.style12 {color: #669940; font-weight: bold; }
-->
</style>
</head>

<body><form runat="server"> //Script to be processed on the server
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="800" height="32" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="307" height="4"></td>
        <td width="493"></td>
      </tr>
      <tr>
        <td height="28" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="imagenew/up_serch_ban.jpg">
            <!--DWLayoutTable-->
            <tr>
              <td width="153" height="28">&nbsp;</td>
              <td width="150" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                  <!--DWLayoutTable-->
                  <tr>
                    <td width="157" height="28"><font color="#336699">
                      <asp:TextBox ID="txtSearch" Columns="6" width="104px" runat="server" TextMode="SingleLine" />    // Text box Control
 <asp:Button ID="btnSearch" Text="Go" Width="32" runat="server" /> // Button Control   
                    </font></td>
                  </tr>
              </table></td>
              <td width="4">&nbsp;</td>
            </tr>
        </table></td>
        <td><table width="100%" height="28" border="0" align="center" cellpadding="0" cellspacing="0" background="imagenew/up_ban.jpg" bgcolor="#FFCC00">
            <!--DWLayoutTable-->
            <tr>
              <td width="52" height="28"
                      align="center" valign="middle" nowrap="nowrap" class="navtopdark1"
                      onclick="jump(this)" onMouseOver="colorOnTop(this)" onMouseOut="colorOffTop(this)"><a class="toplink"
                        href="index.aspx"><span class="style1">Home</span></a></td>
              <td width="55"
                      align="center" valign="middle" nowrap="nowrap" class="navtopdark1"
                      onclick="jump(this)" onMouseOver="colorOnTop(this)" onMouseOut="colorOffTop(this)"><a class="toplink"
                        href="signup.aspx"><span class="style1">Register</span></a></td>
              <td width="58"
                      align="center" valign="middle" nowrap="nowrap" class="navtopdark1"
                      onclick="jump(this)" onMouseOver="colorOnTop(this)" onMouseOut="colorOffTop(this)"><a class="toplink"
                        href="forum.aspx"><span class="style1">Forums</span></a></td>
              <td width="72"
                      align="center" valign="middle" nowrap="nowrap" class="navtopdark1"
                      onclick="jump(this)" onMouseOver="colorOnTop(this)" onMouseOut="colorOffTop(this)"><a class="toplink"
                        href="orderstatus.aspx"><span class="style1">Track Order </span></a></td>
              <td width="66"
                      align="center" valign="middle" nowrap="nowrap" class="navtopdark1"
                      onclick="jump(this)" onMouseOver="colorOnTop(this)" onMouseOut="colorOffTop(this)"><a class="toplink"
                        href="multimedia.aspx">Multimedia</a></td>
              <td width="42"
                      align="center" valign="middle" nowrap="nowrap" class="navtopdark1"
                      onclick="jump(this)" onMouseOver="colorOnTop(this)" onMouseOut="colorOffTop(this)"><a class="toplink"
                        href="faq.aspx"><span class="style1">Faq</span></a></td>
              <td width="50"
                      align="center" valign="middle" nowrap="nowrap" class="navtopdark1"
                      onclick="jump(this)" onMouseOver="colorOnTop(this)" onMouseOut="colorOffTop(this)"><a class="toplink"
                        href="about.aspx"><span class="style1">About</span></a></td>
              <td width="80"
                      align="center" valign="middle" nowrap="nowrap" class="navtopdark1"
                      onclick="jump(this)" onMouseOver="colorOnTop(this)" onMouseOut="colorOffTop(this)"><a class="toplink"
                        href="contact.aspx"><span class="style1">Contact Us </span></a></td>
              <td width="18">&nbsp;</td>
            </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="799" border="0" align="center" cellpadding="0" cellspacing="0" class="border4">
  <!--DWLayoutTable-->
  <tr>
    <td width="7" height="7"></td>
    <td width="783"></td>
    <td width="7"></td>
  </tr>
  <tr>
Screenshot: