зеркало из https://github.com/mozilla/gecko-dev.git
Change 3 pane layout using frame instead of iframe
This commit is contained in:
Родитель
8d985699b7
Коммит
f6a3a8deab
|
@ -0,0 +1,15 @@
|
|||
<HTML>
|
||||
|
||||
<FRAMESET COLS="30%,70%">
|
||||
|
||||
<FRAME NAME=folder SRC="folderPane.xul">
|
||||
<FRAMESET ROWS="50%,50%">
|
||||
|
||||
<FRAME NAME=thread SRC="threadPane.xul">
|
||||
<FRAME NAME=messagepane SRC="messagePane.xul">
|
||||
|
||||
</FRAMESET>
|
||||
|
||||
</FRAMESET>
|
||||
|
||||
</HTML>
|
|
@ -44,7 +44,7 @@ function ChangeFolder(folderNode)
|
|||
{
|
||||
var uri = folderNode.getAttribute('id');
|
||||
dump(uri);
|
||||
var tree = frames[0].document.getElementById('threadTree');
|
||||
var tree = frames[0].frame[1].document.getElementById('threadTree');
|
||||
tree.childNodes[4].setAttribute('id', uri);
|
||||
}
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
xmlns:rdf="http://www.w3.org/TR/WD-rdf-syntax#"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
|
||||
<tree rdf:datasources="rdf:mailnews" onclick="return parent.ChangeFolder(event.target.parentNode)">
|
||||
<tree rdf:datasources="rdf:mailnews" onclick="return parent.parent.ChangeFolder(event.target.parentNode)">
|
||||
<treecol rdf:resource="http://home.netscape.com/NC-rdf#Name"/>
|
||||
<treehead>
|
||||
<treeitem>
|
||||
|
|
|
@ -17,43 +17,6 @@
|
|||
left: 0;
|
||||
background-color: #cccccc;
|
||||
}
|
||||
#folder {
|
||||
position: fixed;
|
||||
width: 15em;
|
||||
height: auto;
|
||||
top: 80px;
|
||||
right: 15em;
|
||||
bottom: 34px;
|
||||
left: 0;
|
||||
font-style: italic;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
#message {
|
||||
position: fixed;
|
||||
width: auto;
|
||||
height: auto;
|
||||
top: 200px;
|
||||
right: 0;
|
||||
bottom: 34px;
|
||||
left: 15em;
|
||||
overflow: auto;
|
||||
padding: 2px .5em;
|
||||
border: solid 1px black;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
#thread {
|
||||
position: fixed;
|
||||
width: auto;
|
||||
height: 120px;
|
||||
top: 80px;
|
||||
right: 0;
|
||||
bottom: auto;
|
||||
left: 15em;
|
||||
overflow: auto;
|
||||
padding: 2px .5em;
|
||||
border: solid 1px white
|
||||
background-color: #cccccc;
|
||||
}
|
||||
#footer {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
|
@ -339,16 +302,8 @@
|
|||
</toolbox>
|
||||
</html:div>
|
||||
|
||||
<html:div id="thread">
|
||||
<html:iframe align=right src="threadPane.xul" id="threadPane" width="650" height="370" > </html:iframe>
|
||||
</html:div>
|
||||
|
||||
<html:div id="message">
|
||||
<html:iframe align=right src="message.html" name="browser.webwindow" width="650" height="370" > </html:iframe>
|
||||
</html:div>
|
||||
|
||||
<html:div id="folder">
|
||||
<html:iframe src="folderPane.xul" name="browser.sidebar" width="340" height="740"></html:iframe>
|
||||
<html:div id="3panemail">
|
||||
<html:iframe src="3panemail.html" name="browser.3panemail" width="100%" height="700" > </html:iframe>
|
||||
</html:div>
|
||||
|
||||
<html:div id="footer">
|
||||
|
|
|
@ -35,6 +35,8 @@ install::
|
|||
$(MAKE_INSTALL) widgetglue.js $(DIST)\bin\res\samples
|
||||
$(MAKE_INSTALL) commandglue.js $(DIST)\bin\res\samples
|
||||
$(MAKE_INSTALL) shareglue.js $(DIST)\bin\res\samples
|
||||
$(MAKE_INSTALL) 3panemail.html $(DIST)\bin\res\samples
|
||||
$(MAKE_INSTALL) messagePane.xul $(DIST)\bin\res\samples
|
||||
|
||||
clobber::
|
||||
rm -f $(DIST)\res\samples\mailshell.xul
|
||||
|
@ -47,3 +49,5 @@ clobber::
|
|||
rm -f $(DIST)\res\samples\widgetglue.js
|
||||
rm -f $(DIST)\res\samples\commandglue.js
|
||||
rm -f $(DIST)\res\samples\shareglue.js
|
||||
rm -f $(DIST)\res\samples\3panemail.html
|
||||
rm -f $(DIST)\res\samples\messagePane.xul
|
||||
|
|
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0"?>
|
||||
<?xml-stylesheet href="xul.css" type="text/css"?>
|
||||
|
||||
<!DOCTYPE window>
|
||||
|
||||
<window
|
||||
xmlns:html="http://www.w3.org/TR/REC-html40"
|
||||
xmlns:rdf="http://www.w3.org/TR/WD-rdf-syntax#"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
|
||||
<html:iframe src="message.html" name="browser.webwindow" width="100%" height="100%" > </html:iframe>
|
||||
|
||||
|
||||
</window>
|
|
@ -9,7 +9,7 @@
|
|||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
|
||||
|
||||
<tree rdf:datasources="rdf:mailnews" id="threadTree" onclick="return parent.LoadMessage(event.target.parentNode)">
|
||||
<tree rdf:datasources="rdf:mailnews" id="threadTree" onclick="return parent.parent.LoadMessage(event.target.parentNode)">
|
||||
<treecol rdf:resource="http://home.netscape.com/NC-rdf#Subject"/>
|
||||
<treecol rdf:resource="http://home.netscape.com/NC-rdf#Sender"/>
|
||||
<treecol rdf:resource="http://home.netscape.com/NC-rdf#Date"/>
|
||||
|
|
|
@ -48,7 +48,7 @@ function MsgGetMessage()
|
|||
function MsgDeleteMessage()
|
||||
{
|
||||
dump("\nMsgDeleteMessage from XUL\n");
|
||||
var tree = frames[0].document.getElementById('threadTree');
|
||||
var tree = frames[0].frames[1].document.getElementById('threadTree');
|
||||
if(tree)
|
||||
dump("tree is valid\n");
|
||||
var appCore = new MsgAppCore();
|
||||
|
@ -64,7 +64,7 @@ function MsgDeleteMessage()
|
|||
function MsgReplyMessage()
|
||||
{
|
||||
dump("\nMsgReplyMessage from XUL\n");
|
||||
var tree = frames[0].document.getElementById('threadTree');
|
||||
var tree = frames[0].frames[1].document.getElementById('threadTree');
|
||||
if(tree)
|
||||
dump("tree is valid\n")
|
||||
var appCore = new MsgAppCore();
|
||||
|
@ -82,7 +82,7 @@ function MsgReplyMessage()
|
|||
function MsgForwardMessage()
|
||||
{
|
||||
dump("\nMsgForwardMessage from XUL\n");
|
||||
var tree = frames[0].document.getElementById('threadTree');
|
||||
var tree = frames[0].frames[1].document.getElementById('threadTree');
|
||||
if(tree)
|
||||
dump("tree is valid\n")
|
||||
var appCore = new MsgAppCore();
|
||||
|
|
Загрузка…
Ссылка в новой задаче