Newsgroup: it.comp.lang.javascript
Titolo: Simulare i frame con i div e ridimensionarli dinamicamente

Ciao a tutti,
iniziamo con la prima questione:
e' possibile simulare 2 frame con 2 div posizionati in questo modo:
______________
|_____________ |
|                              |
|                              |
|_____________ |
come se fosse:
<frameset rows="120,*">
    ....
</frameset>
Vorrei che la scrollbar del secondo DIV, fosse visibile e correttamente
posizionata a partire da dove inizia il secondo div fino alla fine della
finestra e che consentisse di scorrerne il contenuto lasciando fisso il
primo div...Proprio come se fossero 2 frame tradizionali!
Prima di porre la seconda questione (cioe' di voler gestire dinamicamente le
dimensioni dei due "divFrame") dovrei riuscire a posizionarli
correttamente...
Possibilmente senza ricorrere ad una funzione JS che ad es. all'onload e
all'onresize calcoli la dimensione interna della finestra e ridimensioni il
2° divFrame di conseguenza...
Per tanto avrei fatto una cosa, pero' funziona su MZ, NN, OP ma non su IE:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
<head>
<title>Simulazione frame</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html, body {
 width: 100%;
 height: 100%;
 margin: 0px;
 padding: 0px;
 overflow: hidden;
}
#frame1 {
 height: 120px;
 overflow: hidden;
 background-color: #0FC;
}
#frame2 {
 position: absolute;
 width: 100%;
 top: 120px;
 bottom: 0px;
 overflow: scroll;
 background-color: #09F;
}
-->
</style>
</head>
<body>
<div id="frame1"></div>
<div id="frame2"></div>
</body>
</html>
Help :)

Help :)
Non serve Javascript, fai tutto con i CSS, usi position:fixed per il
top ed un "hack" per IE che non e' in grado di gestire il "fixed":
<html>
<head>
<style type="text/css">
body{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.bottom {
	margin: 0px 0px 0px 0px;
	padding:0;
	padding-top: 120px;
	background-color:#09f;
}
.top{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:120px;
	padding: auto; 
	margin:auto;
	background-color:#0fc;
}
@media screen {
 body>.top{
	position:fixed;
 }
}
</style>
<!--[if IE]>
<style type="text/css">
html
  {
  overflow-y: auto;
  }
body
  {
  overflow-y: hidden;
  }
.bottom
  {
  height: 100%;
  overflow: auto;
  }
</style>
<![endif]-->
</head>
<body >
<div class="bottom">
bottom<br/><br/>bottom<br/><br/>bottom<br/><br/>bottom<br/><br/>
bottom<br/><br/>bottom<br/><br/>bottom<br/><br/>bottom<br/><br/>
bottom<br/><br/>bottom<br/><br/>bottom<br/><br/>bottom<br/><br/>
bottom<br/><br/>bottom<br/><br/>bottom<br/><br/>bottom<br/><br/>
</div>
<div class="top">
top top top top top top top top top top top top top<br>
top top top top top top top top top top top top top<br>
</div>
</body>
</html>
'bye

 finestra e ridimensioni il 2° divFrame di conseguenza...
Beh, allora con js non c'entra nulla...perché non chiedi nel newsgroup di
html?
-- 
"That until there is no longer first class
And second class citizens of any nation
Until the colour of a man's skin
Is of no more significance than the colour of his eyes
Me say war"
B.M. -- 

 html?
Semplicemente perche' sarei OT per la seconda richiesta che pero' e'
assolutamente legata alla prima...
Infatti, il problema e poi quello di ridimensionare i "frame"! Pero' finche'
non sono manco posizionati come faccio/fate a sapere quali funzioni usare?!?
La questione e' gia' stata posta, ma si trattava di frame veri e propri, con
quelli simulati...

 assolutamente legata alla prima...
*Difficile* che in un sito web il javascript non sia legato all'HTML, ti
pare? Ma se esistono due NG distinti, ci sara' un motivo no?
-- 
C'ya,
  ZER0 :: coder.gfxer.webDesigner();
Io non soffro di pazzia, ne godo ogni minuto.
(I don't suffer from insanity, I enjoy every minute of it)

 'bye
Ciao e grazie