My colleague is using dreamweaver 7.0. He has very nice pages
created with css saved with .asp extension.
I on the other hand have been learning asp.net and developed a aspx
application using
vb.net. I am presently using MS frame works 1.1 and MS Development environment 2003 version 7.1.
I first tested my aspx page on our old intranet site by a href,
having it display in a layer on a aps page, it worked fine.
But under the new intranet site I would like the apsx to start on a page load when the page for the request form is called.
What I wanted to avoid is just starting my aspx application with a href call for I then loose the look and feel of all the drop down and list boxes consistent thru out all the other pages. I did not want to hard code it in my asp.net application for then we have dual code not only in 2 separate places but maintained differently, not to mention the addition of other asp.net applications.
I have tried:
1. Inserting an IFRAME with a source reference to my application.
Does not display properly fields all grouped together (css?) submit button does not work.
2. A java script function call invoked by page load - did not load.
I am going to take another look at the old intranet web site and how my application worked there.
Here is a sample of the new intranet web page, they all have the same menu items.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>XXXXHome</title>
<link rel="stylesheet" href="emx_nav_left.css" type="text/css">
<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 6;
//menu constructor
function menu(allitems,thisitem,startstate){
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = 6;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}
//menu methods
function ehandler(event,theobj){
for (var i=1; i<= theobj.numberofmenuitems; i++){
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}
function closesubnav(event){
if ((event.clientY <97)||(event.clientY > 156)){
for (var i=1; i<= numofitems; i++){
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
// -->
</script>
</head>
<div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>
<div id="masthead">
<a href="index.asp"><img src="images/XXXXon_logo.gif" width="230" height="75" vspace="10" border="0"></a>
<div id="utility">
<a href="contact.asp">Contact</a> | <a href="suggestions.asp">Suggestions</a> | <a href="#">Utility
Link</a>
</div>
<div id="globalNav">
<img alt="" src="images/gblnav_left.gif" height="32" width="4" id="gnl"> <img alt="" src="images/glbnav_right.gif" height="32" width="4" id="gnr">
<div id="globalLink">
<a href="newsletter.asp" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">Newslette r</a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">Departmen ts</a><a href="forms.asp" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">Forms</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">Photos</a><a href="links.asp" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">Links</a><a href="up_events.asp" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">Upcoming Events</a><a href="crystal_reports.asp" id="gl6" class="glink" onmouseover="ehandler(event,menuitem7);">Crystal Reports</a>
</div>
<form id="search" action="">
<input name="searchFor" type="text" size="10">
<a href="">search</a>
</form>
</div>
<div id="subglobal1" class="subglobalNav">
</div>
<div id="subglobal2" class="subglobalNav">
<a href="acct.asp">Accounting</a> | <a href="cust_service.asp">Customer Service</a> | <a href="erie.asp">Erie</a> |
<a href="hr.asp">Human Resources</a> | <a href="iso.asp">ISO</a> | <a href="marketing.asp">Marketing</a> | <a href="mis.asp">MIS</a> | <a href="eng.asp">Engineering</a> |
<a href="sales.asp">Sales</a> | <a href="tech_services.asp">Tech Services</a>
</div>
<div id="subglobal3" class="subglobalNav">
</div>
<div id="subglobal4" class="subglobalNav">
<a href="m_america03.asp">XXXX XXXXXX 03</a> | <a href="m_america04.asp"> XXXXXXXXX 04</a> | <a href="company_picnic04.asp">Company Picnic 04</a> | <a href="company_picnic05.asp">Company Picnic 05</a>
</div>
<div id="subglobal5" class="subglobalNav">
</div>
<div id="subglobal6" class="subglobalNav">
</div>
<div id="subglobal7" class="subglobalNav">
</div>
<div id="subglobal8" class="subglobalNav">
</div>
</div>
<div id="pagecell1">
<img alt="" src="images/tl_curve_white.gif" height="6" width="6" id="tl"> <img alt="" src="images/tr_curve_white.gif" height="6" width="6" id="tr">
<div id="pageName">
<h2>IT REQUEST</h2>
</div>
<div>
</div>
<div id="siteInfo">
<img src="" width="44" height="22"><a href="priv_policy.asp">Privacy Policy</a> | <a href="Contact.asp">Contact</a> | ©2005
XXXX Products</div>
</div>
<br>
<script type="text/javascript">
<!--
var menuitem1 = new menu(7,1,"hidden");
var menuitem2 = new menu(7,2,"hidden");
var menuitem3 = new menu(7,3,"hidden");
var menuitem4 = new menu(7,4,"hidden");
var menuitem5 = new menu(7,5,"hidden");
var menuitem6 = new menu(7,6,"hidden");
var menuitem7 = new menu(7,7,"hidden");
// -->
</script>
</body>
</html>
aspx inside of css
