• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 704
  • Last Modified:

Converting Frames to DIV

Hello,
I need a little help. Is it possible to convert those Frames to DIV?


<frameset border="0" frameSpacing="0" borderColor="#336699" rows="14,88" frameBorder="0" onkeydown="KeyPressed();">
<frame name="Top" src="Header.aspx" scrolling="no">
<frameset border="0" frameSpacing="borderColor=#336699" frameBorder="NO" cols="17,83">
<frame name="Left" src="menu.aspx" scrolling="auto" width="100%">
<frame name="Right" src="Page1.aspx" >
</frameset>
<noframes>
</noframes>
</frameset>

Open in new window

0
miyahira
Asked:
miyahira
  • 3
  • 2
1 Solution
 
GaryCommented:
Can be done with ajax, if you can use jQuery then that will make the coding even easier - can you?
0
 
miyahiraAuthor Commented:
I'm afraid I can't use ajax or jQuery.

It's an old asp.net 1.1 application, due IE9 has problems with frames (session values get lost) then it's needed to change those Frames to something like DIV.
0
 
GaryCommented:
Ajax is javascript - are you saying you cannot use javascript?
If so then you have no options.
Otherwise you will have to rewrite all your code so you can place the code from the frames into one page.
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
miyahiraAuthor Commented:
Would you mind giving some example of using Ajax for replacing those Frames, please?
0
 
Chris StanyonCommented:
You can do the layout with DIVs and CSS - I'm not sure of the ASP syntax to include one file within another, so the example below uses PHP.

<div id="wrapper">
     <div id="header">
          <?php include('Header.aspx'); ?>
     </div>

     <div id="leftCol">
          <?php include('Page1.aspx'); ?>
     </div>

     <div id="rightCol">
          <?php include('Header.aspx'); ?>
     </div>
</div>

Open in new window

You'd then need to style it using CSS. Something like:

#wrapper { width: 960px; margin:0px auto; overflow:hidden; }
#header { width: 960px; height:100px; }
#leftCol { width: 250px; float:left; }
#rightCol { width: 700px; float:right; }

Open in new window

If you want a similar effect to using Frames (i.e content loading in one of the frames without reloading the page), then yes, you will need to use javascript.
0
 
GaryCommented:
Best option would be to start here
http://www.w3schools.com/ajax/ajax_example.asp

It's not that hard and they explain and give nice easy examples.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now