Loading ...
Sorry, an error occurred while loading the content.

Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib

Expand Messages
  • jp_in_to
    I suspect that my case is what you described but I am not sufficiently conversant with DHTML to give you a great reply. One of the strengths of ColdFusion is
    Message 1 of 8 , Nov 28, 2011
    • 0 Attachment
      I suspect that my case is what you described but I am not sufficiently conversant with DHTML to give you a great reply. One of the strengths of ColdFusion is that I can build very functional Ajax windows using consistent tools so I am struggling with your documentation in this area. I haven't had to know these things to develop a fairly decent application.

      I have spent a bunch of time today setting up tests to try to isolate the failures. In the process of doing this I created 2 web pages, testbug.cfm and testbug2.cfm. Testbug.cfm has an image with overlib and a button to open testbug2.cfm as an Ajax window. I was surprised to discover that the border and padding problem also exists on the calling page and it goes away as soon as I comment out the cfwindow definition.

      I have posted both these pages to a server that runs CF9 so you can see them in action. Just go to http://www.mcleansystems.com/demo/testbug.cfm.

      testbug.cfm is:

      <cfoutput>
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
      <html>
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <script language="JavaScript" src="overlibmws.js"></script>
      <div id="overDiv" style="position:absolute; visibility:hidden; z-index:10000;"></div>
      <title>Untitled Document</title>
      </head>
      <body>
      <a href="javascript:;"
      onmouseover="return overlib('Please list telephone numbers', WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);" onMouseOut="return nd();">
      <img src="info.gif" ></a>
      <input type="button" name="button" value="button"
      onclick="ColdFusion.Window.show('WindowName');ColdFusion.navigate('TestBug2.cfm','WindowName');">
      <cfwindow closable="true" draggable="true" modal="true" name="WindowName" resizable="false"
      title="Test Bug" width="400" height="200" x="100" y="100">
      </cfwindow>
      </body>
      </html></cfoutput>

      testbug2.cfm is:

      <a href="javascript:;"
      onmouseover="return overlib('Please list telephone numbers', WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);" onMouseOut="return nd();"><img src="info.gif" ></a>

      It is odd that the removal of the cfwindow removes the border and padding.

      Is there any place I can force these values back into the CSS that you are aware of?

      --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@...> wrote:
      >
      > John,
      >
      > I have not used ColdFusion myself and have only a passing familiarity with it, but do I correctly interpret your phrase "use it inside an Ajax window" to mean that you are trying to create overlibMWS DHTML popups via elements within the content of ColdFusion's cfwindow tags? It would help if you set up a simple test case which shows the styling problem you're having so that I can see what markup ColdFusion is creating and sending. But in general, you'll probably have to do what I did for using AJAX via my ajaxcontentmws.js script, described in the:
      >
      > http://www.macridesweb.com/oltest/AJAX.html
      >
      > support document, which is to encase the overlibMWS popup content within a div which specifies CSS for its width, height, auto scrolling controls if needed, border, padding and background color (though you say you're getting the background color you want, it would be better to specify it in the CSS). The examples in that support document use class-based CSS, but to try it out quickly you could use a style attribute for the encasing div.
      >
      > Fote
      >
      > ----- Original Message -----
      > From: John Pullam
      > To: overlibmws@yahoogroups.com
      > Sent: Friday, November 25, 2011 8:28 PM
      > Subject: [OLmws] Coldfusion 9 Ajax (ExtJs 3) breaks overlib
      >
      > I may not have all the terminology correct so if I use the wrong term, please excuse me.
      >
      > I have recently found that the original version of overlib starting failing with more recent releases of browsers and of ColdFiuson, so I converted to OvelibMWS in the hopes it would solve the issues. It fixed some of the stuff, but it seems that whenever I use it inside an Ajax window (ColdFusion 9 uses ExtJS 3 for those functions) certain of the overlib settings are ignored.
      >
      > For example, in the main page I can use TEXTPADDING and get the spacing I want but when I do it in a page in a window, the text is right up to the edge of the div as if it were set to zero; also there is a border when it's used in the main page but the border disappears in the window. But the background colour of yellow that I set in the config settings does work in both environments.
      >
      > I assume this is some kind of conflict between ExtJS 3 and OverlibMWS. I am told that it resets all CSS values to zero. Any thoughts to share on how I can get by this?
      > _______________________________________________________________
      > John Pullam
      > McLean Systems Inc.
      > 416-571-5552
      >
    • Foteos Macrides
      John, Your use of cfwindow tags forces the inclusion of ColdFusion s ext-all.css file which specifies: td{margin:0;padding:0;} overriding overlib s own use of
      Message 2 of 8 , Nov 28, 2011
      • 0 Attachment
        John,
         
        Your use of cfwindow tags forces the inclusion of ColdFusion's ext-all.css file which specifies:
         
        td{margin:0;padding:0;}
         
        overriding overlib's own use of table markup for styling.  You're also getting a border:0 CSS rule imposed, though I didn't try to track down from where.
         
        The simplest way to deal with this is to "overoverride" that override by encasing the lead arguments of your overlib calls in a div with it's own CSS, e.g., in testbug.cfm and testbug2.cfm try using:
         
        '&lt;div style=&quot;border:1px solid #000000; padding:15px;&quot;&gt;'
        +'Please list telephone numbers'
        +'&lt;/div&gt;' 
         
        If that solves your problem, you could replace the style attributes with class-based CSS rules.
         
        Fote
         
        ----- Original Message -----
        From: jp_in_to
        Sent: Monday, November 28, 2011 9:00 PM
        Subject: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib

        I suspect that my case is what you described but I am not sufficiently conversant with DHTML to give you a great reply. One of the strengths of ColdFusion is that I can build very functional Ajax windows using consistent tools so I am struggling with your documentation in this area. I haven't had to know these things to develop a fairly decent application.

        I have spent a bunch of time today setting up tests to try to isolate the failures. In the process of doing this I created 2 web pages, testbug.cfm and testbug2.cfm. Testbug.cfm has an image with overlib and a button to open testbug2.cfm as an Ajax window. I was surprised to discover that the border and padding problem also exists on the calling page and it goes away as soon as I comment out the cfwindow definition.

        I have posted both these pages to a server that runs CF9 so you can see them in action. Just go to http://www.mcleansystems.com/demo/testbug.cfm.

        testbug.cfm is:

        <cfoutput>
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
        <html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script language="JavaScript" src="overlibmws.js"></script>
        <div id="overDiv" style="position:absolute; visibility:hidden; z-index:10000;"></div>
        <title>Untitled Document</title>
        </head>
        <body>
        <a href="javascript:;"
            onmouseover="return overlib('Please list telephone numbers', WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);" onMouseOut="return nd();">
            <img src="info.gif" ></a>
        <input type="button" name="button" value="button"
        onclick="ColdFusion.Window.show('WindowName');ColdFusion.navigate('TestBug2.cfm','WindowName');">
        <cfwindow closable="true" draggable="true" modal="true" name="WindowName" resizable="false"
        title="Test Bug" width="400" height="200" x="100" y="100">
            </cfwindow>
        </body>
        </html></cfoutput>

        testbug2.cfm is:

        <a  href="javascript:;"
            onmouseover="return overlib('Please list telephone numbers', WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);" onMouseOut="return nd();"><img src="info.gif" ></a>

        It is odd that the removal of the cfwindow removes the border and padding.

        Is there any place I can force these values back into the CSS that you are aware of?

        --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@...> wrote:
        >
        > John,
        >
        > I have not used ColdFusion myself and have only a passing familiarity with it, but do I correctly interpret your phrase "use it inside an Ajax window" to mean that you are trying to create overlibMWS DHTML popups via elements within the content of ColdFusion's cfwindow tags?  It would help if you set up a simple test case which shows the styling problem you're having so that I can see what markup ColdFusion is creating and sending.  But in general, you'll probably have to do what I did for using AJAX via my ajaxcontentmws.js script, described in the:
        >
        http://www.macridesweb.com/oltest/AJAX.html
        >
        > support document, which is to encase the overlibMWS popup content within a div which specifies CSS for its width, height, auto scrolling controls if needed, border, padding and background color (though you say you're getting the background color you want, it would be better to specify it in the CSS).  The examples in that support document use class-based CSS, but to try it out quickly you could use a style attribute for the encasing div.
        >
        > Fote
        >
        >   ----- Original Message -----
        >   From: John Pullam
        >   To: overlibmws@yahoogroups.com
        >   Sent: Friday, November 25, 2011 8:28 PM
        >   Subject: [OLmws] Coldfusion 9 Ajax (ExtJs 3) breaks overlib
        >
        >   I may not have all the terminology correct so if I use the wrong term, please excuse me.
        >
        >   I have recently found that the original version of overlib starting failing with more recent releases of browsers and of ColdFiuson, so I converted to OvelibMWS in the hopes it would solve the issues. It fixed some of the stuff, but it seems that whenever I use it inside an Ajax window (ColdFusion 9 uses ExtJS 3 for those functions) certain of the overlib settings are ignored.
        >
        >   For example, in the main page I can use TEXTPADDING and get the spacing I want but when I do it in a page in a window, the text is right up to the edge of the div as if it were set to zero; also there is a border when it's used in the main page but the border disappears in the window. But the background colour of yellow that I set in the config settings does work in both environments.
        >
        >   I assume this is some kind of conflict between ExtJS 3 and OverlibMWS. I am told that it resets all CSS values to zero. Any thoughts to share on how I can get by this?
        >   _______________________________________________________________
        >   John Pullam
        >   McLean Systems Inc.
        >   416-571-5552
      • jp_in_to
        I made that change and curiously it solved 75% of the problem. The popup in the base page is now correct with both the border and padding. The popup in the
        Message 3 of 8 , Nov 29, 2011
        • 0 Attachment
          I made that change and curiously it solved 75% of the problem. The popup in the base page is now correct with both the border and padding. The popup in the window now has the padding but still no border. Does that suggest that some JavaScript in the opening of the cfwindow is setting the border to 0?

          Any thoughts on how to get around that one?

          --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@...> wrote:
          >
          > John,
          >
          > Your use of cfwindow tags forces the inclusion of ColdFusion's ext-all.css file which specifies:
          >
          > td{margin:0;padding:0;}
          >
          > overriding overlib's own use of table markup for styling. You're also getting a border:0 CSS rule imposed, though I didn't try to track down from where.
          >
          > The simplest way to deal with this is to "overoverride" that override by encasing the lead arguments of your overlib calls in a div with it's own CSS, e.g., in testbug.cfm and testbug2.cfm try using:
          >
          > '<div style="border:1px solid #000000; padding:15px;">'
          > +'Please list telephone numbers'
          > +'</div>'
          >
          > If that solves your problem, you could replace the style attributes with class-based CSS rules.
          >
          > Fote
          >
          > ----- Original Message -----
          > From: jp_in_to
          > To: overlibmws@yahoogroups.com
          > Sent: Monday, November 28, 2011 9:00 PM
          > Subject: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
          >
          > I suspect that my case is what you described but I am not sufficiently conversant with DHTML to give you a great reply. One of the strengths of ColdFusion is that I can build very functional Ajax windows using consistent tools so I am struggling with your documentation in this area. I haven't had to know these things to develop a fairly decent application.
          >
          > I have spent a bunch of time today setting up tests to try to isolate the failures. In the process of doing this I created 2 web pages, testbug.cfm and testbug2.cfm. Testbug.cfm has an image with overlib and a button to open testbug2.cfm as an Ajax window. I was surprised to discover that the border and padding problem also exists on the calling page and it goes away as soon as I comment out the cfwindow definition.
          >
          > I have posted both these pages to a server that runs CF9 so you can see them in action. Just go to http://www.mcleansystems.com/demo/testbug.cfm.
          >
          > testbug.cfm is:
          >
          > <cfoutput>
          > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
          > <html>
          > <head>
          > <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          > <script language="JavaScript" src="overlibmws.js"></script>
          > <div id="overDiv" style="position:absolute; visibility:hidden; z-index:10000;"></div>
          > <title>Untitled Document</title>
          > </head>
          > <body>
          > <a href="javascript:;"
          > onmouseover="return overlib('Please list telephone numbers', WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);" onMouseOut="return nd();">
          > <img src="info.gif" ></a>
          > <input type="button" name="button" value="button"
          > onclick="ColdFusion.Window.show('WindowName');ColdFusion.navigate('TestBug2.cfm','WindowName');">
          > <cfwindow closable="true" draggable="true" modal="true" name="WindowName" resizable="false"
          > title="Test Bug" width="400" height="200" x="100" y="100">
          > </cfwindow>
          > </body>
          > </html></cfoutput>
          >
          > testbug2.cfm is:
          >
          > <a href="javascript:;"
          > onmouseover="return overlib('Please list telephone numbers', WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);" onMouseOut="return nd();"><img src="info.gif" ></a>
          >
          > It is odd that the removal of the cfwindow removes the border and padding.
          >
          > Is there any place I can force these values back into the CSS that you are aware of?
          >
          > --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@> wrote:
          > >
          > > John,
          > >
          > > I have not used ColdFusion myself and have only a passing familiarity with it, but do I correctly interpret your phrase "use it inside an Ajax window" to mean that you are trying to create overlibMWS DHTML popups via elements within the content of ColdFusion's cfwindow tags? It would help if you set up a simple test case which shows the styling problem you're having so that I can see what markup ColdFusion is creating and sending. But in general, you'll probably have to do what I did for using AJAX via my ajaxcontentmws.js script, described in the:
          > >
          > > http://www.macridesweb.com/oltest/AJAX.html
          > >
          > > support document, which is to encase the overlibMWS popup content within a div which specifies CSS for its width, height, auto scrolling controls if needed, border, padding and background color (though you say you're getting the background color you want, it would be better to specify it in the CSS). The examples in that support document use class-based CSS, but to try it out quickly you could use a style attribute for the encasing div.
          > >
          > > Fote
          > >
          > > ----- Original Message -----
          > > From: John Pullam
          > > To: overlibmws@yahoogroups.com
          > > Sent: Friday, November 25, 2011 8:28 PM
          > > Subject: [OLmws] Coldfusion 9 Ajax (ExtJs 3) breaks overlib
          > >
          > > I may not have all the terminology correct so if I use the wrong term, please excuse me.
          > >
          > > I have recently found that the original version of overlib starting failing with more recent releases of browsers and of ColdFiuson, so I converted to OvelibMWS in the hopes it would solve the issues. It fixed some of the stuff, but it seems that whenever I use it inside an Ajax window (ColdFusion 9 uses ExtJS 3 for those functions) certain of the overlib settings are ignored.
          > >
          > > For example, in the main page I can use TEXTPADDING and get the spacing I want but when I do it in a page in a window, the text is right up to the edge of the div as if it were set to zero; also there is a border when it's used in the main page but the border disappears in the window. But the background colour of yellow that I set in the config settings does work in both environments.
          > >
          > > I assume this is some kind of conflict between ExtJS 3 and OverlibMWS. I am told that it resets all CSS values to zero. Any thoughts to share on how I can get by this?
          > > _______________________________________________________________
          > > John Pullam
          > > McLean Systems Inc.
          > > 416-571-5552
          >
        • Foteos Macrides
          John, It has nothing to do with javascript. It is entirely a CSS issue. You have a typo in the style attribute value for testbug2.cfm - a double pound sign
          Message 4 of 8 , Nov 29, 2011
          • 0 Attachment
            John,
             
            It has nothing to do with javascript.  It is entirely a CSS issue.  You have a typo in the style attribute value for testbug2.cfm - a double pound sign for the color value in the border rule.  FIx that to a single pound sign and it will work fine.
             
            Fote
             
            ----- Original Message -----
            From: jp_in_to
            Sent: Tuesday, November 29, 2011 11:09 AM
            Subject: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib

            I made that change and curiously it solved 75% of the problem. The popup in the base page is now correct with both the border and padding. The popup in the window now has the padding but still no border. Does that suggest that some JavaScript in the opening of the cfwindow is setting the border to 0?

            Any thoughts on how to get around that one?

            --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@...> wrote:
            >
            > John,
            >
            > Your use of cfwindow tags forces the inclusion of ColdFusion's ext-all.css file which specifies:
            >
            > td{margin:0;padding:0;}
            >
            > overriding overlib's own use of table markup for styling.  You're also getting a border:0 CSS rule imposed, though I didn't try to track down from where.
            >
            > The simplest way to deal with this is to "overoverride" that override by encasing the lead arguments of your overlib calls in a div with it's own CSS, e.g., in testbug.cfm and testbug2.cfm try using:
            >
            > '&lt;div style=&quot;border:1px solid #000000; padding:15px;&quot;&gt;'
            > +'Please list telephone numbers'
            > +'&lt;/div&gt;'
            >
            > If that solves your problem, you could replace the style attributes with class-based CSS rules.
            >
            > Fote
            >
            >   ----- Original Message -----
            >   From: jp_in_to
            >   To: overlibmws@yahoogroups.com
            >   Sent: Monday, November 28, 2011 9:00 PM
            >   Subject: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
            >
            >   I suspect that my case is what you described but I am not sufficiently conversant with DHTML to give you a great reply. One of the strengths of ColdFusion is that I can build very functional Ajax windows using consistent tools so I am struggling with your documentation in this area. I haven't had to know these things to develop a fairly decent application.
            >
            >   I have spent a bunch of time today setting up tests to try to isolate the failures. In the process of doing this I created 2 web pages, testbug.cfm and testbug2.cfm. Testbug.cfm has an image with overlib and a button to open testbug2.cfm as an Ajax window. I was surprised to discover that the border and padding problem also exists on the calling page and it goes away as soon as I comment out the cfwindow definition.
            >
            >   I have posted both these pages to a server that runs CF9 so you can see them in action. Just go to http://www.mcleansystems.com/demo/testbug.cfm.
            >
            >   testbug.cfm is:
            >
            >   <cfoutput>
            >   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
            >   <html>
            >   <head>
            >   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            >   <script language="JavaScript" src="overlibmws.js"></script>
            >   <div id="overDiv" style="position:absolute; visibility:hidden; z-index:10000;"></div>
            >   <title>Untitled Document</title>
            >   </head>
            >   <body>
            >   <a href="javascript:;"
            >       onmouseover="return overlib('Please list telephone numbers', WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);" onMouseOut="return nd();">
            >       <img src="info.gif" ></a>
            >   <input type="button" name="button" value="button"
            >   onclick="ColdFusion.Window.show('WindowName');ColdFusion.navigate('TestBug2.cfm','WindowName');">
            >   <cfwindow closable="true" draggable="true" modal="true" name="WindowName" resizable="false"
            >   title="Test Bug" width="400" height="200" x="100" y="100">
            >       </cfwindow>
            >   </body>
            >   </html></cfoutput>
            >
            >   testbug2.cfm is:
            >
            >   <a  href="javascript:;"
            >       onmouseover="return overlib('Please list telephone numbers', WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);" onMouseOut="return nd();"><img src="info.gif" ></a>
            >
            >   It is odd that the removal of the cfwindow removes the border and padding.
            >
            >   Is there any place I can force these values back into the CSS that you are aware of?
            >
            >   --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@> wrote:
            >   >
            >   > John,
            >   >
            >   > I have not used ColdFusion myself and have only a passing familiarity with it, but do I correctly interpret your phrase "use it inside an Ajax window" to mean that you are trying to create overlibMWS DHTML popups via elements within the content of ColdFusion's cfwindow tags?  It would help if you set up a simple test case which shows the styling problem you're having so that I can see what markup ColdFusion is creating and sending.  But in general, you'll probably have to do what I did for using AJAX via my ajaxcontentmws.js script, described in the:
            >   >
            >   >  http://www.macridesweb.com/oltest/AJAX.html
            >   >
            >   > support document, which is to encase the overlibMWS popup content within a div which specifies CSS for its width, height, auto scrolling controls if needed, border, padding and background color (though you say you're getting the background color you want, it would be better to specify it in the CSS).  The examples in that support document use class-based CSS, but to try it out quickly you could use a style attribute for the encasing div.
            >   >
            >   > Fote
            >   >
            >   >   ----- Original Message -----
            >   >   From: John Pullam
            >   >   To: overlibmws@yahoogroups.com
            >   >   Sent: Friday, November 25, 2011 8:28 PM
            >   >   Subject: [OLmws] Coldfusion 9 Ajax (ExtJs 3) breaks overlib
            >   >
            >   >   I may not have all the terminology correct so if I use the wrong term, please excuse me.
            >   >
            >   >   I have recently found that the original version of overlib starting failing with more recent releases of browsers and of ColdFiuson, so I converted to OvelibMWS in the hopes it would solve the issues. It fixed some of the stuff, but it seems that whenever I use it inside an Ajax window (ColdFusion 9 uses ExtJS 3 for those functions) certain of the overlib settings are ignored.
            >   >
            >   >   For example, in the main page I can use TEXTPADDING and get the spacing I want but when I do it in a page in a window, the text is right up to the edge of the div as if it were set to zero; also there is a border when it's used in the main page but the border disappears in the window. But the background colour of yellow that I set in the config settings does work in both environments.
            >   >
            >   >   I assume this is some kind of conflict between ExtJS 3 and OverlibMWS. I am told that it resets all CSS values to zero. Any thoughts to share on how I can get by this?
            >   >   _______________________________________________________________
            >   >   John Pullam
            >   >   McLean Systems Inc.
            >   >   416-571-5552
          • jp_in_to
            You are correct (of course). In ColdFusion the # sign has a special meaning so you must double it to get one # where you want it. In the case of the window
            Message 5 of 8 , Nov 30, 2011
            • 0 Attachment
              You are correct (of course). In ColdFusion the # sign has a special meaning so you must double it to get one # where you want it. In the case of the window (unlike the main page), CF was not preprocessing the code so it shouldn't have been doubled. My bad. Works great now. Thanx a ton for your help.

              --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@...> wrote:
              >
              > John,
              >
              > It has nothing to do with javascript. It is entirely a CSS issue. You have a typo in the style attribute value for testbug2.cfm - a double pound sign for the color value in the border rule. FIx that to a single pound sign and it will work fine.
              >
              > Fote
              >
              > ----- Original Message -----
              > From: jp_in_to
              > To: overlibmws@yahoogroups.com
              > Sent: Tuesday, November 29, 2011 11:09 AM
              > Subject: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
              >
              >
              > I made that change and curiously it solved 75% of the problem. The popup in the base page is now correct with both the border and padding. The popup in the window now has the padding but still no border. Does that suggest that some JavaScript in the opening of the cfwindow is setting the border to 0?
              >
              > Any thoughts on how to get around that one?
              >
              > --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@> wrote:
              > >
              > > John,
              > >
              > > Your use of cfwindow tags forces the inclusion of ColdFusion's ext-all.css file which specifies:
              > >
              > > td{margin:0;padding:0;}
              > >
              > > overriding overlib's own use of table markup for styling. You're also getting a border:0 CSS rule imposed, though I didn't try to track down from where.
              > >
              > > The simplest way to deal with this is to "overoverride" that override by encasing the lead arguments of your overlib calls in a div with it's own CSS, e.g., in testbug.cfm and testbug2.cfm try using:
              > >
              > > '<div style="border:1px solid #000000; padding:15px;">'
              > > +'Please list telephone numbers'
              > > +'</div>'
              > >
              > > If that solves your problem, you could replace the style attributes with class-based CSS rules.
              > >
              > > Fote
              > >
              > > ----- Original Message -----
              > > From: jp_in_to
              > > To: overlibmws@yahoogroups.com
              > > Sent: Monday, November 28, 2011 9:00 PM
              > > Subject: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
              > >
              > > I suspect that my case is what you described but I am not sufficiently conversant with DHTML to give you a great reply. One of the strengths of ColdFusion is that I can build very functional Ajax windows using consistent tools so I am struggling with your documentation in this area. I haven't had to know these things to develop a fairly decent application.
              > >
              > > I have spent a bunch of time today setting up tests to try to isolate the failures. In the process of doing this I created 2 web pages, testbug.cfm and testbug2.cfm. Testbug.cfm has an image with overlib and a button to open testbug2.cfm as an Ajax window. I was surprised to discover that the border and padding problem also exists on the calling page and it goes away as soon as I comment out the cfwindow definition.
              > >
              > > I have posted both these pages to a server that runs CF9 so you can see them in action. Just go to http://www.mcleansystems.com/demo/testbug.cfm.
              > >
              > > testbug.cfm is:
              > >
              > > <cfoutput>
              > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
              > > <html>
              > > <head>
              > > <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
              > > <script language="JavaScript" src="overlibmws.js"></script>
              > > <div id="overDiv" style="position:absolute; visibility:hidden; z-index:10000;"></div>
              > > <title>Untitled Document</title>
              > > </head>
              > > <body>
              > > <a href="javascript:;"
              > > onmouseover="return overlib('Please list telephone numbers', WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);" onMouseOut="return nd();">
              > > <img src="info.gif" ></a>
              > > <input type="button" name="button" value="button"
              > > onclick="ColdFusion.Window.show('WindowName');ColdFusion.navigate('TestBug2.cfm','WindowName');">
              > > <cfwindow closable="true" draggable="true" modal="true" name="WindowName" resizable="false"
              > > title="Test Bug" width="400" height="200" x="100" y="100">
              > > </cfwindow>
              > > </body>
              > > </html></cfoutput>
              > >
              > > testbug2.cfm is:
              > >
              > > <a href="javascript:;"
              > > onmouseover="return overlib('Please list telephone numbers', WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);" onMouseOut="return nd();"><img src="info.gif" ></a>
              > >
              > > It is odd that the removal of the cfwindow removes the border and padding.
              > >
              > > Is there any place I can force these values back into the CSS that you are aware of?
              > >
              > > --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@> wrote:
              > > >
              > > > John,
              > > >
              > > > I have not used ColdFusion myself and have only a passing familiarity with it, but do I correctly interpret your phrase "use it inside an Ajax window" to mean that you are trying to create overlibMWS DHTML popups via elements within the content of ColdFusion's cfwindow tags? It would help if you set up a simple test case which shows the styling problem you're having so that I can see what markup ColdFusion is creating and sending. But in general, you'll probably have to do what I did for using AJAX via my ajaxcontentmws.js script, described in the:
              > > >
              > > > http://www.macridesweb.com/oltest/AJAX.html
              > > >
              > > > support document, which is to encase the overlibMWS popup content within a div which specifies CSS for its width, height, auto scrolling controls if needed, border, padding and background color (though you say you're getting the background color you want, it would be better to specify it in the CSS). The examples in that support document use class-based CSS, but to try it out quickly you could use a style attribute for the encasing div.
              > > >
              > > > Fote
              > > >
              > > > ----- Original Message -----
              > > > From: John Pullam
              > > > To: overlibmws@yahoogroups.com
              > > > Sent: Friday, November 25, 2011 8:28 PM
              > > > Subject: [OLmws] Coldfusion 9 Ajax (ExtJs 3) breaks overlib
              > > >
              > > > I may not have all the terminology correct so if I use the wrong term, please excuse me.
              > > >
              > > > I have recently found that the original version of overlib starting failing with more recent releases of browsers and of ColdFiuson, so I converted to OvelibMWS in the hopes it would solve the issues. It fixed some of the stuff, but it seems that whenever I use it inside an Ajax window (ColdFusion 9 uses ExtJS 3 for those functions) certain of the overlib settings are ignored.
              > > >
              > > > For example, in the main page I can use TEXTPADDING and get the spacing I want but when I do it in a page in a window, the text is right up to the edge of the div as if it were set to zero; also there is a border when it's used in the main page but the border disappears in the window. But the background colour of yellow that I set in the config settings does work in both environments.
              > > >
              > > > I assume this is some kind of conflict between ExtJS 3 and OverlibMWS. I am told that it resets all CSS values to zero. Any thoughts to share on how I can get by this?
              > > > _______________________________________________________________
              > > > John Pullam
              > > > McLean Systems Inc.
              > > > 416-571-5552
              >
            • Foteos Macrides
              John, Glad that it all works for you now. Fote ... From: jp_in_to To: Sent: Wednesday, November 30,
              Message 6 of 8 , Nov 30, 2011
              • 0 Attachment
                John,

                Glad that it all works for you now.

                Fote

                ----- Original Message -----
                From: "jp_in_to" <jpullam@...>
                To: <overlibmws@yahoogroups.com>
                Sent: Wednesday, November 30, 2011 1:14 PM
                Subject: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib


                > You are correct (of course). In ColdFusion the # sign has a special
                > meaning so you must double it to get one # where you want it. In the case
                > of the window (unlike the main page), CF was not preprocessing the code so
                > it shouldn't have been doubled. My bad. Works great now. Thanx a ton for
                > your help.
                >
                > --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@...> wrote:
                >>
                >> John,
                >>
                >> It has nothing to do with javascript. It is entirely a CSS issue. You
                >> have a typo in the style attribute value for testbug2.cfm - a double
                >> pound sign for the color value in the border rule. FIx that to a single
                >> pound sign and it will work fine.
                >>
                >> Fote
                >>
                >> ----- Original Message -----
                >> From: jp_in_to
                >> To: overlibmws@yahoogroups.com
                >> Sent: Tuesday, November 29, 2011 11:09 AM
                >> Subject: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
                >>
                >>
                >> I made that change and curiously it solved 75% of the problem. The
                >> popup in the base page is now correct with both the border and padding.
                >> The popup in the window now has the padding but still no border. Does
                >> that suggest that some JavaScript in the opening of the cfwindow is
                >> setting the border to 0?
                >>
                >> Any thoughts on how to get around that one?
                >>
                >> --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@> wrote:
                >> >
                >> > John,
                >> >
                >> > Your use of cfwindow tags forces the inclusion of ColdFusion's
                >> ext-all.css file which specifies:
                >> >
                >> > td{margin:0;padding:0;}
                >> >
                >> > overriding overlib's own use of table markup for styling. You're
                >> also getting a border:0 CSS rule imposed, though I didn't try to track
                >> down from where.
                >> >
                >> > The simplest way to deal with this is to "overoverride" that override
                >> by encasing the lead arguments of your overlib calls in a div with it's
                >> own CSS, e.g., in testbug.cfm and testbug2.cfm try using:
                >> >
                >> > '<div style="border:1px solid #000000;
                >> padding:15px;">'
                >> > +'Please list telephone numbers'
                >> > +'</div>'
                >> >
                >> > If that solves your problem, you could replace the style attributes
                >> with class-based CSS rules.
                >> >
                >> > Fote
                >> >
                >> > ----- Original Message -----
                >> > From: jp_in_to
                >> > To: overlibmws@yahoogroups.com
                >> > Sent: Monday, November 28, 2011 9:00 PM
                >> > Subject: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
                >> >
                >> > I suspect that my case is what you described but I am not
                >> sufficiently conversant with DHTML to give you a great reply. One of the
                >> strengths of ColdFusion is that I can build very functional Ajax windows
                >> using consistent tools so I am struggling with your documentation in this
                >> area. I haven't had to know these things to develop a fairly decent
                >> application.
                >> >
                >> > I have spent a bunch of time today setting up tests to try to
                >> isolate the failures. In the process of doing this I created 2 web pages,
                >> testbug.cfm and testbug2.cfm. Testbug.cfm has an image with overlib and a
                >> button to open testbug2.cfm as an Ajax window. I was surprised to
                >> discover that the border and padding problem also exists on the calling
                >> page and it goes away as soon as I comment out the cfwindow definition.
                >> >
                >> > I have posted both these pages to a server that runs CF9 so you can
                >> see them in action. Just go to
                >> http://www.mcleansystems.com/demo/testbug.cfm.
                >> >
                >> > testbug.cfm is:
                >> >
                >> > <cfoutput>
                >> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                >> "http://www.w3.org/TR/html4/strict.dtd">
                >> > <html>
                >> > <head>
                >> > <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                >> > <script language="JavaScript" src="overlibmws.js"></script>
                >> > <div id="overDiv" style="position:absolute; visibility:hidden;
                >> z-index:10000;"></div>
                >> > <title>Untitled Document</title>
                >> > </head>
                >> > <body>
                >> > <a href="javascript:;"
                >> > onmouseover="return overlib('Please list telephone numbers',
                >> WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);"
                >> onMouseOut="return nd();">
                >> > <img src="info.gif" ></a>
                >> > <input type="button" name="button" value="button"
                >> >
                >> onclick="ColdFusion.Window.show('WindowName');ColdFusion.navigate('TestBug2.cfm','WindowName');">
                >> > <cfwindow closable="true" draggable="true" modal="true"
                >> name="WindowName" resizable="false"
                >> > title="Test Bug" width="400" height="200" x="100" y="100">
                >> > </cfwindow>
                >> > </body>
                >> > </html></cfoutput>
                >> >
                >> > testbug2.cfm is:
                >> >
                >> > <a href="javascript:;"
                >> > onmouseover="return overlib('Please list telephone numbers',
                >> WIDTH, 150, OFFSETX, 20, OFFSETY, 20, TEXTPADDING, 15);"
                >> onMouseOut="return nd();"><img src="info.gif" ></a>
                >> >
                >> > It is odd that the removal of the cfwindow removes the border and
                >> padding.
                >> >
                >> > Is there any place I can force these values back into the CSS that
                >> you are aware of?
                >> >
                >> > --- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@> wrote:
                >> > >
                >> > > John,
                >> > >
                >> > > I have not used ColdFusion myself and have only a passing
                >> familiarity with it, but do I correctly interpret your phrase "use it
                >> inside an Ajax window" to mean that you are trying to create overlibMWS
                >> DHTML popups via elements within the content of ColdFusion's cfwindow
                >> tags? It would help if you set up a simple test case which shows the
                >> styling problem you're having so that I can see what markup ColdFusion is
                >> creating and sending. But in general, you'll probably have to do what I
                >> did for using AJAX via my ajaxcontentmws.js script, described in the:
                >> > >
                >> > > http://www.macridesweb.com/oltest/AJAX.html
                >> > >
                >> > > support document, which is to encase the overlibMWS popup content
                >> within a div which specifies CSS for its width, height, auto scrolling
                >> controls if needed, border, padding and background color (though you say
                >> you're getting the background color you want, it would be better to
                >> specify it in the CSS). The examples in that support document use
                >> class-based CSS, but to try it out quickly you could use a style
                >> attribute for the encasing div.
                >> > >
                >> > > Fote
                >> > >
                >> > > ----- Original Message -----
                >> > > From: John Pullam
                >> > > To: overlibmws@yahoogroups.com
                >> > > Sent: Friday, November 25, 2011 8:28 PM
                >> > > Subject: [OLmws] Coldfusion 9 Ajax (ExtJs 3) breaks overlib
                >> > >
                >> > > I may not have all the terminology correct so if I use the
                >> wrong term, please excuse me.
                >> > >
                >> > > I have recently found that the original version of overlib
                >> starting failing with more recent releases of browsers and of ColdFiuson,
                >> so I converted to OvelibMWS in the hopes it would solve the issues. It
                >> fixed some of the stuff, but it seems that whenever I use it inside an
                >> Ajax window (ColdFusion 9 uses ExtJS 3 for those functions) certain of
                >> the overlib settings are ignored.
                >> > >
                >> > > For example, in the main page I can use TEXTPADDING and get the
                >> spacing I want but when I do it in a page in a window, the text is right
                >> up to the edge of the div as if it were set to zero; also there is a
                >> border when it's used in the main page but the border disappears in the
                >> window. But the background colour of yellow that I set in the config
                >> settings does work in both environments.
                >> > >
                >> > > I assume this is some kind of conflict between ExtJS 3 and
                >> OverlibMWS. I am told that it resets all CSS values to zero. Any thoughts
                >> to share on how I can get by this?
                >> > > _______________________________________________________________
                >> > > John Pullam
                >> > > McLean Systems Inc.
                >> > > 416-571-5552
                >>
                >
                >
                >
                >
                > ------------------------------------
                >
                > OLmws Support Pages:
                > http://www.macridesweb.com/oltest/
                > OLmws Group's Purpose:
                > http://groups.yahoo.com/group/overlibmws/message/1
                > Yahoo! Groups Links
                >
                >
                >
              Your message has been successfully submitted and would be delivered to recipients shortly.