Link to home
Start Free TrialLog in
Avatar of LeanMoreTryMore
LeanMoreTryMore

asked on

How can I add a scroll Bar using showModalDialog

I use showModalDialog to open a htm word document where the image is clicked.
The problemis showModalDialog does not add a scroll Bar to move to rigth and up and down, it causes the problem

See the following syntax I used.

showModalDialog(DialogueFile,"","center=yes;dialogWidth=600pt;dialogHeight=400pt");


Please advise how to add a scroll bars to the DialogueWindow

Thankyou in advance
Avatar of hongjun
hongjun
Flag of Singapore image

Try this

showModalDialog(DialogueFile,"","center:yes;dialogWidth:600pt;dialogHeight:400pt;scroll:yes");
Avatar of LeanMoreTryMore
LeanMoreTryMore

ASKER

I DONT KNOW WHY IT DOES NOT WORK. It does NOT APPEAR THE SCROLL BAR even I specify the scroll=YES. I check the syntax that is correct as the showModalDialog is run from within the script. See code below



function OpenDialogue(iDialogueFile) {
  if (window.showModalDialog) {
    var sRtn;
    var DialogueFile = "Doc/" + iDialogueFile;
    sRtn = showModalDialog(DialogueFile,"","center=yes;dialogWidth=600pt;dialogHeight=400pt;scroll=yes");

 }


==========
PLEASE ADVISE
BTW, there seems to have a short of 1 closing bracket } for the if.

hongjun
JUST CUT AND PLASTE PROBLEM.

function OpenDialogue(iDialogueFile) {
  if (window.showModalDialog) {
    var sRtn;
      var DialogueFile = "Doc/" + iDialogueFile;
    sRtn = showModalDialog(DialogueFile,"","center=yes;dialogWidth=600pt;dialogHeight=400pt;scroll=yes");

    if (sRtn!="")
      elTarget.value = sRtn;
  } else
    alert("Internet Explorer 4.0 or later is required.")
 }
See if this work.


<script language="JavaScript">
<!--
function OpenDialogue(iDialogueFile) {
  if (window.showModalDialog) {
    var sRtn;
//    var DialogueFile = "Doc/" + iDialogueFile;
    var DialogueFile = "http://www.sg";
    sRtn = showModalDialog(DialogueFile,"","center=yes;dialogWidth=200pt;dialogHeight=400pt;scroll=yes;");
  }
}

OpenDialogue("");
//-->
</script>



hongjun
yes. it works for your sample as DialogueFile is a web site.

But my dialogue file is a htm file.
Such as CompanyPolicy.htm

ok.. I created a .html file named try.html with contents like this

<pre>
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try
This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try This is a try

</pre>


With the below javascript code, it shows both horizontal and vertical scrollbars as expected :)
<script language="JavaScript">
<!--
function OpenDialogue(iDialogueFile) {
  if (window.showModalDialog) {
    var sRtn;
//    var DialogueFile = "Doc/" + iDialogueFile;
    var DialogueFile = "try.html";
    sRtn = showModalDialog(DialogueFile,"","center=yes;dialogWidth=200pt;dialogHeight=400pt;scroll=yes;");
  }
}

OpenDialogue("");
//-->
</script>



Perhaps as for your case, you would like to do a alert on the content of DialogueFile like this
    alert(DialogueFile);


Cheers
hongjun
USE alert DOES not open the htm file.
just display the text "try.html"
yes :)
The whole idea is to check if the DialogueFile is correct.
Is the path displayed correctly for your case?


hongjun
This is an inherent limitation of modal dialogs. They're designed to behave this way.

There are two workarounds for this:

1. Use a scrolling <div>
2. Make your modal dialog 'root' document an <iframe> then load the page you want to display into the IFRAME (incidentally, this is what you MUST do if you want to link to different pages within an modal dialog).
Hi deighc,

Please give me the sample code. I'm not sure very how to do it.

See my code below
function OpenDialogue(iDialogueFile) {
  if (window.showModalDialog) {
    var sRtn;
     var DialogueFile = "Doc/" + iDialogueFile;
    sRtn = showModalDialog(DialogueFile,"","center=yes;dialogWidth=600pt;dialogHeight=400pt;scroll=yes");

    if (sRtn!="")
      elTarget.value = sRtn;
  } else
    alert("Internet Explorer 4.0 or later is required.")
 }



I have increased the point to 500 as I can see the difficulties
ASKER CERTIFIED SOLUTION
Avatar of deighc
deighc

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial