Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Sheets, like in Excel 1
- Thread starter enemigo
- Start date
-
1
- #2
crazyboybert
Programmer
try using this in ie5+ or ns6 and youll see how you can do it with javascript.
you should be able to apply these principles to your problem
good luck
rob
you should be able to apply these principles to your problem
good luck
rob
Code:
<html>
<head><title>sheets</title>
</head>
<body>
<div id="sheet1" style="position:absolute; left:20px; top:40px; width:300px; height:300px; border:1px solid #000000;"><br>Sheet One</div>
<div id="sheet2" style="position:absolute; left:20px; top:40px; width:300px; height:300px; border:1px solid #000000; background-color:#aaaaaa; visibility:hidden;"><br>Sheet Two</div>
<div id="tab1" style="position:absolute; left:20px; top:10px; width:150px; height:30px; border:1px solid #ff0000; cursor:hand;" onclick="document.getElementById('sheet2').style.visibility='hidden'; document.getElementById('sheet1').style.visibility='visible';">Tab One</div>
<div id="tab2" style="position:absolute; left:170px; top:10px; width:150px; height:30px; border:1px solid #ff0000; cursor:hand;" onclick="document.getElementById('sheet1').style.visibility='hidden'; document.getElementById('sheet2').style.visibility='visible';">Tab Two</div>
</body>
</html>crazyboy - that's great!
Now, all I've got to do is figure out a use for it
Hmmm - maybe I could set up a site selling books ...
One by one, the penguins steal my sanity. X-)
Now, all I've got to do is figure out a use for it
Hmmm - maybe I could set up a site selling books ...
One by one, the penguins steal my sanity. X-)
- Thread starter
- #4
- Thread starter
- #5
crazyboybert
Programmer
Hmm now your getting slightly more tricky but the answer is stil yes. If you stick an iframe into each of the divs and point them at the relevent pages with a bit of luck......
I modified the code i gave you a bit. Basically the divs are bigger and ive added iframe or inline frame tags. These work like normal frames except in the position you place them. try the new code below in ie5+ or ns6 and you'll see what i mean.
hope this helps
rob
I modified the code i gave you a bit. Basically the divs are bigger and ive added iframe or inline frame tags. These work like normal frames except in the position you place them. try the new code below in ie5+ or ns6 and you'll see what i mean.
hope this helps
rob
Code:
<html>
<head><title>sheets</title>
</head>
<body>
<div id="sheet1" style="position:absolute; left:20px; top:40px; width:800px; height:600px; border:1px solid #000000;"><iframe name="altavista" src="[URL unfurl="true"]http://www.altavista.com"[/URL] width="800" hight="600">some comment for version 4 browsers</iframe></div>
<div id="sheet2" style="position:absolute; left:20px; top:40px; width:800px; height:600px; border:1px solid #000000; background-color:#aaaaaa; visibility:hidden;"><iframe name="yahoo" src="[URL unfurl="true"]http://www.yahoo.com"[/URL] width="800" height="600">some comment here for version 4 browsers like y dont you go and get a better one!!</iframe></div>
<div id="tab1" style="position:absolute; left:20px; top:10px; width:150px; height:30px; border:1px solid #ff0000; cursor:hand;" onclick="document.getElementById('sheet2').style.visibility='hidden'; document.getElementById('sheet1').style.visibility='visible';">Tab One</div>
<div id="tab2" style="position:absolute; left:170px; top:10px; width:150px; height:30px; border:1px solid #ff0000; cursor:hand;" onclick="document.getElementById('sheet1').style.visibility='hidden'; document.getElementById('sheet2').style.visibility='visible';">Tab Two</div>
</body>
</html>- Thread starter
- #7
Thanks for great help!!
Naturally, I've encountered a new problem. The sheets stop functioning after I've executed a <form> on either of the sheets. Anyone know a solution for this?
If you search on altavista, the results drops all frames, but that don't matter, cause I ain't using altavista on the sheets.
K
Naturally, I've encountered a new problem. The sheets stop functioning after I've executed a <form> on either of the sheets. Anyone know a solution for this?
If you search on altavista, the results drops all frames, but that don't matter, cause I ain't using altavista on the sheets.
K
- Thread starter
- #8
crazyboybert
Programmer
all you need to do is to put a target in your form tag like this.
<form name="form1" action="formhandler.asp" method="post" target="_self">
this will direct the form handling page to the iframe and not the browser window.
rob
<form name="form1" action="formhandler.asp" method="post" target="_self">
this will direct the form handling page to the iframe and not the browser window.
rob
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question