I have the following default.aspx page that works properly.
However, what I want to do is to link the graphics within it (that are hard
coded now in the default web page) to our corporate website, which has the
same graphics rotated on a 30 day basis or so. They have a standard naming
convention where I know the 3 graphics are always going to be fa_mmyy.jpg,
am_mmyy.jpg, and ax_mmyy.jpg.
The HTML follows:
<%@ Page Language="vb" AutoEventWireup ="false" Codebehind="def ault.aspx.vb"
Inherits="myweb app._default" %>
<HTML>
<HEAD>
<title>mycompan y Sales Information System</title>
<meta content="Micros oft Visual Studio .NET 7.1" name="GENERATOR ">
<meta content="Visual Basic .NET 7.1" name="CODE_LANG UAGE">
<meta content="JavaSc ript" name="vs_defaul tClientScript">
<meta content="http://schemas.microso ft.com/intellisense/ie5"
name="vs_target Schema">
<LINK href="common.cs s" type="text/css" rel="stylesheet ">
</HEAD>
<body text="#000000" bgColor="#fffff f">
<form id="Form1" method="post" runat="server">
<table cellSpacing="0" cellPadding="0" width="770" align="left"
border="0">
<tr>
<td style="HEIGHT: 112px" vAlign="top" align="left" height="112">
<table cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr>
<td width="353"><IM G style="WIDTH: 572px; HEIGHT: 69px" height="69"
src="Images\myc ompanyLogo.bmp" width="572"></td>
<td vAlign="top" align="left" width="270">
<table cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr>
<td height="8"></td>
</tr>
<tr>
<td background="ima ges/bg1.jpg" height="18">
<div class="links" align="center"> <A class="links"
href="#"><FONT color="green">H ome</FONT></A><FONT color="green">
| </FONT><A class="links" href="#"><FONT
color="green">F AQ</FONT></A><FONT color="green">
| </FONT><A class="links" href="#"><FONT
color="green">C ontact</FONT></A></div>
</td>
</tr>
<tr>
<td height="43">&nb sp;
<asp:image id="Image1" runat="server" Width="160px"
ImageUrl="Image s/mywebappLogo.bm p"></asp:image></td>
</tr>
</table>
</td>
</tr>
</table>
<P align="center"> <STRONG><FONT face="Verdana" color="green">m ycompany
Arms Sales
Information System</FONT></STRONG>
</P>
</td>
</tr>
<tr>
<td>
<table cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr>
<td style="WIDTH: 288px" width="288"><IM G height="100"
src="http://www.mywebsite.c om/images/splash/fi_0904.jpg" width="200"></td>
<td style="WIDTH: 147px" width="147"><IM G height="100"
src="http://www.mywebsite.c om/images/splash/am_0904.jpg" width="200"></td>
<td width="151"><IM G height="100"
src="http://www.mywebsite.c om/images/splash/ax_0904.jpg" width="200"></td>
<td vAlign="top" align="left" width="169" bgColor="green" >
<table cellSpacing="5" cellPadding="0" width="100%" border="0">
<tr>
<td class="heading" height="15"><FO NT color="#ffffff" >Member
Login</FONT></td>
</tr>
<tr>
<td>
<table cellSpacing="1" cellPadding="0" width="100%"
bgColor="green" border="0">
<tr>
<td>
<table height="114" cellSpacing="3" cellPadding="1"
width="100%" bgColor="#fffff f" border="0">
<tr>
<td>
<table cellSpacing="0" cellPadding="0" width="100%"
border="0">
<tr>
<td width="46%"><sp an class="text">Us er ID</span></td>
<td width="54%">&nb sp;
<asp:textbox id="txtUser" runat="server"
CssClass="formf ield"></asp:textbox></td>
</tr>
<tr>
<td class="text" width="46%">Pas sword</td>
<td width="54%">&nb sp;
<asp:textbox id="txtPassword " runat="server"
CssClass="formf ield" TextMode="Passw ord"></asp:textbox></td>
</tr>
</table>
<asp:label id="Msg" runat="server" CssClass="text"
Width="136px" ForeColor="Red" ></asp:label></td>
</tr>
<tr>
<td>
<div align="center"> <asp:button id="btnSubmit"
runat="server" CssClass="botli nks" Font-Bold="True" ForeColor="Whit e"
Text="Submit"></asp:button></div>
</td>
</tr>
<tr>
<td>
<div class="links" align="center"> <A class="links"
href="password. aspx">Change Password</A>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="HEIGHT: 18px" bgColor="#fffff f" height="18"></td>
</tr>
<tr>
<td bgColor="green" height="33">
<table cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr>
<td width="300">
<table cellSpacing="6" cellPadding="0" width="100%" border="0">
<tr>
<td width="10%">&nb sp;</td>
<td width="10%"><IM G height="16" src="images/braill.gif"
width="20"></td>
<td class="headlink s" width="80%"><A class="headlink s"
onmouseover="sh owit(0)" href="#">mycomp any
Links</A></td>
</tr>
</table>
</td>
<td><IMG height="33" src="images/dit1.jpg" width="1"></td>
<td width="149">
<table cellSpacing="6" cellPadding="0" width="100%" border="0">
<tr>
<td width="10%">&nb sp;</td>
<td width="10%"><IM G height="16" src="images/braill.gif"
width="20"></td>
<td class="headlink s" width="80%"><A class="headlink s"
onmouseover="sh owit(1)" href="#">Indust ry
Links</A></td>
</tr>
</table>
</td>
<td><IMG height="33" src="images/dit1.jpg" width="1"></td>
<td width="149"></td>
<td><IMG height="33" src="images/dit1.jpg" width="1"></td>
<td width="169"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="1"></td>
</tr>
<tr>
<td bgColor="#d5dcd c" height="18">
<DIV id="describe" onmouseover="cl ear_delayhide() " style="WIDTH:
770px; HEIGHT: 14px; BACKGROUND-COLOR: #d5dcdc"
onmouseout="res etit(event)"></DIV>
<SCRIPT language="JavaS cript1.2">
var submenu=new Array()
//Set submenu contents. Expand as needed. For each content, make sure
everything exists on ONE LINE. Otherwise, there will be JS errors.
submenu[0]='<table width="100%" border="0" cellspacing="0"
cellpadding="0" ><tr><td width="8%">&nbs p;</td><td width="92%"><a
href="http://www.mycompany.c om" class="links">m ycompany</a> | <a
href="http://www.mycompanyle .com/" class="links">L aw Enforcement</a> | <a
href="http://www.mycompanymi litary.com/" class="links">M ilitary</a> | <a
href="http://www.rempac.org/" class="links">R EMPAC</a> | <a
href="http://www.mycompanypm pd.com/" class="links">P MPD</a> | <a
href="http://www.mycompany.c om/login/customer_login? NEXTURL=%2Fpart ner%2Fdef
ault%2Ehtm" class="links">P artner</a> | </td></tr></table>'
submenu[1]='<table width="100%" border="0" cellspacing="0"
cellpadding="0" ><tr><td width="23%">&nb sp;</td><td width="77%"><a
href="default.a spx?P=1" class="links">O rganizational</a> | <a
href="default.a spx?P=2" class="links">H istorical</a> | <a href="#"
class="links">< a href="default.a spx?P=3" class="links">L ink1</a> | <a
href="default.a spx?P=4" class="links">L ink2</a> | <a href="default.a spx?P=5"
class="links">O ptics</a> | <a href="default.a spx?P=6"
class="links">A ccessories</a> | <a href="default.a spx?P=8"
class="links">H unting</a> | <a href="default.a spx?P=9"
class="links">O ther</a> | <a href="default.a spx?P=10"
class="links">S ales</a></td></tr></table>'
submenu[2]='<table width="100%" border="0" cellspacing="0"
cellpadding="0" ><tr><td width="61%">&nb sp;</td><td width="39%"><a href="#"
class="links">e-Signature Bill</a> | <a href="#" class="links">D igital
Document</a></td></tr></table>'
submenu[3]='<table width="100%" border="0" cellspacing="0"
cellpadding="0" ><tr><td width="65%">&nb sp;</td><td width="35%"><a href="#"
class="links">N ews & Events</a> | <a href="#" class="links">P olicy
Alert</a> | <a href="#" class="links">D id You Know?</a></td></tr></table>'
//Set delay before submenu disappears after mouse moves out of it (in
milliseconds)
var delay_hide=300
/////No need to edit beyond here
var menuobj=documen t.getElementByI d? document.getEle mentById("descr ibe") :
document.all? document.all.de scribe : document.layers ?
document.dep1.d ocument.dep2 : ""
function showit(which){
clear_delayhide ()
thecontent=(whi ch==-1)? "" : submenu[which]
if (document.getEl ementById||docu ment.all)
menuobj.innerHT ML=thecontent
else if (document.layer s){
menuobj.documen t.write(thecont ent)
menuobj.documen t.close()
}
}
function resetit(e){
if (document.all&& !menuobj.contai ns(e.toElement) )
delayhide=setTi meout("showit(-1)",delay_hid e)
else if (document.getEl ementById&&e.cu rrentTarget!= e.relatedTarget &&
!contains_ns6(e .currentTarget, e.relatedTarget ))
delayhide=setTi meout("showit(-1)",delay_hid e)
}
function clear_delayhide (){
if (window.delayhi de)
clearTimeout(de layhide)
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
</SCRIPT>
</td>
</tr>
<TR>
<TD height="18">
<table cellSpacing="0" cellPadding="0" width="770" align="center"
border="0">
<TR>
<TD>
<P> </P>
<P class="text" align="left">
<asp:Label id="Label2" runat="server" Width="694px"
CssClass="text" >The quota system is a new part of the mycompany managements
efforts to improve customer service. This system will provide the ability
to forecast at the sales class level. The tools provided include
forecasting at the customer level by inputting a percent improvement for
each of the business areas.</asp:Label></P>
<P class="text" align="center">
<asp:ListBox id="ListBox1" runat="server" Width="179px"
CssClass="text" DataTextField=" name"
DataValueField= "url" AutoPostBack="T rue"></asp:ListBox></P>
<P class="text" align="center"> <asp:label id="Label1"
runat="server" Width="304px"></asp:label></P>
<P> </P>
<P> </P>
</TD>
</TR>
</table>
<table cellSpacing="0" cellPadding="0" width="770" align="center"
border="0">
<TR>
<TD>
<DIV align="center"> <IMG height="2" src="images/hor_dot.gif"
width="652"></DIV>
</TD>
</TR>
<TR>
<TD height="6"></TD>
</TR>
<TR>
<TD bgColor="green" height="20">
<DIV class="botlinks " align="center"> <A class="botlinks "
href="#"><U><FO NT color="white">H ome</FONT></U></A>
| <A class="botlinks " href="#"><U><FO NT
color="white">F AQs</FONT></U></A>
| <A class="botlinks " href="#"><U><FO NT color="white">C ontact
Us</FONT></U></A></DIV>
</TD>
</TR>
<TR>
<TD height="20">
<DIV class="text" align="center"> Copyright 2004. All rights
reserved mycompany Arms</DIV>
</TD>
</TR>
</table>
</TD>
</TR>
</table>
</form>
</body>
</HTML>
What I want to do is the following:
Where the graphics on our corporate website are rotated each month, I want
to construct the filename within this page in order to be able to put the
month & year and develop a link to the corporate website that'd pull the
appropriate graphic over to it, keeping our sales site in synch with the
corporate one.
I kinda know how to do this in VBscript, and have an old ASP page that I
have tested with and know that the code I developed in VBscript is good and
does work like it should.
In my test, where I had the src=".... " statements on those graphics, I was
able to pull in the graphics from the main website, after building the
filename and putting together the URL for the graphic. I had something like
src="<%=filenam e1%>" and it worked.
However, this new page doesn't like the mixing of the VBscript with the
Javascript that's already on the page.
Is there a way for me to build the following in Javascript that'll work
within the page, and allow me to show those pictures and pull the new ones
as the month & year changes on the website.
testmonth = month(date)
testyear = year(date)
filenameyear = mid(testyear,3)
if testmonth < 10 then
testmonth = "0" & testmonth
end if
firearmsfname = "http://www.mycompany.c om/images/splash/fi_" & testmonth &
filenameyear & ".jpg"
ammofname = "http://www.mycompany.c om/images/splash/am_" & testmonth &
filenameyear & ".jpg"
accsfname = "http://www.mycompany.c om/images/splash/ax_" & testmonth &
filenameyear & ".jpg"
I know the above works in ASP and in conjunction with the
src="<%=filenam e1%>" in the src part of the IMG tag. However, I know
nothing about Javascript or how to write it or make it execute the same way
that the VBScript would.
How can I write the code above, put it into the html you see above that, and
have both to work?
Any help/advice appreciated,
SC
