[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 807
  • Last Modified:

Window.ShowDialog with tree menu

Have anyone done a Dialog popup with a tree menu like this one?
http://www34.brinkster.com/lilpuffball/ee/test8.htm

The tree menu works fine with a regular popup but when the popup is dialog type then it doesn't work.
0
awu25
Asked:
awu25
  • 3
  • 2
  • 2
  • +2
1 Solution
 
sigmaconCommented:
I have done something similar in a 'simulated' popup - using a div.

If with popup dialog type you mean alert(), confirm() or prompt(), then this tree is not going work there.
0
 
krishnaashuCommented:
ur question is not clear? do you want to send a alert / popup message onclick on menu option??? if yes pl send me ur javascript i will send it to you after changing it otherwise send me menu option

regds

ashu krisna
0
 
justinbilligCommented:
i think he wants to open a modal dialog ( window.showModalDialog( ) ) and open the tree view
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
awu25Author Commented:
The popup tree menu dialog contains checkboxes and after user select the checkboxes the popup should send the checked values back to the original parent page.
0
 
sigmaconCommented:
please post code, so we can give it a shot.
0
 
jlisenbergCommented:
You can't communicate between windows when one of them is a Dialog. I'm sorry, but you will need to make that window a regular one, with window.open. I assume you need a Dialog because of their hability of being over any other nagivator window, am I right? Well, that's exactly why you can't communicate between windows, because when the Dialog is open, the other windows are blocked.
0
 
awu25Author Commented:
jlisenberg, or anyone else, if I can't use dialog do you have any suggestion for me?

sigmacon, I downloaded a treeview javascript from here http://www.treeview.net/treemenu/3fr_checkbox.html and here is my code.
Page 1(Parent page):
<form name="test" method="post" action="">
<a href=javascript:window.showModalDialog("test.asp")>List check boxes</a>
</form>

Page2(Dialog page):
<html>

<head>

<style>
   BODY {background-color: white}
   TD {font-size: 10pt;
       font-family: verdana,helvetica;
         text-decoration: none;
         white-space:nowrap;}
   A  {text-decoration: none;
       color: black}
</style>
<script src="ua.js"></script>
<script src="ftiens4.js"></script>
<script src="demoCheckboxNodes.js"></script>

<script>
// This function depends on the actual prependHTML strings used in the
// configuration file (dmeoChackboxNodes.js). If you change that, you will
// have to change this
function generateQueryString() {
      var retStr
      //getElById is defined in ftiens4.js and help with cross-browser compatibility
      retStr = "BOX1=" + getElById('BOX1').checked
      retStr = retStr + "&BOX2=" + getElById('BOX2').checked
      retStr = retStr + "&BOX3=" + getElById('BOX3').checked
      retStr = retStr + "&RD1=" + getElById('RD1').checked
      retStr = retStr + "&RD2=" + getElById('RD2').checked
      retStr = retStr + "&RD3=" + getElById('RD3').checked

      return retStr;
}
// If you are not using a frameset layout, this function will have to
// change from reloading the right frame to reloading the self window
function submitTreeForm() {
      alert(getElById('BOX1').value);
      //window.open("demoCheckboxRightFrame.html?" + generateQueryString(), "basefrm")
}

</script>
<title>Checkbox Tree JavasScript</title>
</head>
<body topmargin=16 marginheight=16>

<!-- Corporate users or any others that want to remove the next link should check
       the online FAQ for instructions on how to obtain a version without the link -->
<!-- Removing this link will make the script stop from working -->
<div style="position:absolute; top:0; left:0; ">
<table border=0>
<tr>
      <td>
      <font size=-2><a style="font-size:7pt;text-decoration:none;color:silver" href="http://www.treemenu.net/" target=_blank>Javascript Tree Menu</a></font>
      </td>
</tr>
</table>
</div>
<form name=ft method="post">
<input type="hidden" name="tVal">
<script>initializeDocument()</script>
<noscript>
A tree for site navigation will open here if you enable JavaScript in your browser.
</noscript>
<CENTER><input type=button onClick="submitTreeForm()" value="Get Values"></CENTER>
</form>
</body>
0
 
jlisenbergCommented:
Why can't you do the same but with a normal pop-up, like window.open('test.asp'):

<form name="test" method="post" action="">
<a href=javascript:window.open("test.asp", "Test", "width=500, height=500, top=50,left=50")>List check boxes</a>
</form>

If you also need the parent page get blocked while the tree-window is open, you must work with events
0
 
sigmaconCommented:
I want to concur with everybody who recommended NOT using showModalDialog and give one more reason for it:

windows.showModalDialog is ONLY implemented by IE 5.5. and 6

ASFAIK
0

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

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