Skip to search.

Breaking News Visit Yahoo! News for the latest.

×Close this window

overlibmws · DHTML Tooltip and Sticky Popup Library

The Yahoo! Groups Product Blog

Check it out!

Group Information

  • Members: 306
  • Category: JavaScript
  • Founded: Apr 19, 2004
  • Language: English
? Already a member? Sign in to Yahoo!

Yahoo! Groups Tips

Did you know...
Real people. Real stories. See how Yahoo! Groups impacts members worldwide.

Messages

Advanced
Messages Help
Messages 1458 - 1488 of 1492   Oldest  |  < Older  |  Newer >  |  Newest
Messages: Show Message Summaries Sort by Date ^  
#1458 From: "philcrosoft" <philcrosoft@...>
Date: Tue Oct 26, 2010 5:28 pm
Subject: Echo function , data from MySQL
philcrosoft
Send Email Send Email
 
So my overlib looks like this:

onclick="overlib(\'Here is users Name\', CAPTIONFONTCLASS,\'olcap\', ...

so instead of "Here is users Name" I need echo function to get data from MySQL,
like this - Echo $info['user_name'];

#1459 From: Ben Johansen <benj@...>
Date: Tue Oct 26, 2010 6:36 pm
Subject: Re: [OLmws] Echo function , data from MySQL
beninpurple
Send Email Send Email
 
if your using php,

it would be

onclick="overlib(\'<?php echo $info['user_name']; ?>\',
CAPTIONFONTCLASS,\'olcap\', ...

On Oct 26, 2010, at 10:28 AM, philcrosoft wrote:

> So my overlib looks like this:
>
> onclick="overlib(\'Here is users Name\', CAPTIONFONTCLASS,\'olcap\', ...
>
> so instead of "Here is users Name" I need echo function to get data from
MySQL, like this - Echo $info['user_name'];
>
>
>
> ------------------------------------
>
> OLmws Support Pages:
> http://www.macridesweb.com/oltest/
> OLmws Group's Purpose:
> http://groups.yahoo.com/group/overlibmws/message/1
> Yahoo! Groups Links
>
>
>
>

Ben Johansen
http://www.webspinr.com
benj@...
Phone: 360-597-3372
Mobile: 360-600-7775

#1460 From: "philcrosoft" <philcrosoft@...>
Date: Tue Oct 26, 2010 7:09 pm
Subject: Re: [OLmws] Echo function , data from MySQL
philcrosoft
Send Email Send Email
 
> onclick="overlib(\'<?php echo $info['user_name']; ?>\',
CAPTIONFONTCLASS,\'olcap\', ...



well i do so:
  <a href="#" onmouseover="var ovlb=(OLshowingsticky)?overlib2:overlib; return
ovlb(\'<?php echo $info['user_name']; ?>\', BGCOLOR,\'red\',
TEXTFONTCLASS,\'text12\', .....

and i have an error:
Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in
K:\home\mytest\www\index.php on line 52

#1461 From: Ben Johansen <benj@...>
Date: Tue Oct 26, 2010 7:17 pm
Subject: Re: [OLmws] Echo function , data from MySQL
beninpurple
Send Email Send Email
 
hey, I need more info to answer this.
like more code around this

On Oct 26, 2010, at 12:09 PM, philcrosoft wrote:

>
>> onclick="overlib(\'<?php echo $info['user_name']; ?>\',
CAPTIONFONTCLASS,\'olcap\', ...
>
>
>
> well i do so:
> <a href="#" onmouseover="var ovlb=(OLshowingsticky)?overlib2:overlib; return
ovlb(\'<?php echo $info['user_name']; ?>\', BGCOLOR,\'red\',
TEXTFONTCLASS,\'text12\', .....
>
> and i have an error:
> Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in
K:\home\mytest\www\index.php on line 52
>
>
>
>
> ------------------------------------
>
> OLmws Support Pages:
> http://www.macridesweb.com/oltest/
> OLmws Group's Purpose:
> http://groups.yahoo.com/group/overlibmws/message/1
> Yahoo! Groups Links
>
>
>
>

Ben Johansen
http://www.webspinr.com
benj@...
Phone: 360-597-3372
Mobile: 360-600-7775

#1462 From: "philcrosoft" <philcrosoft@...>
Date: Tue Oct 26, 2010 7:25 pm
Subject: Re: [OLmws] Echo function , data from MySQL
philcrosoft
Send Email Send Email
 
<?php

// Connects to your Database

mysql_connect("localhost", "root", "") or die(mysql_error()) ;
mysql_select_db("users") or die(mysql_error()) ;

//Retrieves data from MySQL

$data = mysql_query("SELECT * FROM users") or die(mysql_error());

  //Puts it into an array

  while($info = mysql_fetch_array( $data )) {

<a href="#" onmouseover="var ovlb=(OLshowingsticky)?overlib2:overlib; return
ovlb(\'MySQL Data\', BGCOLOR,\'red\', TEXTFONTCLASS,\'text12\', TEXTPADDING,4,
FGCOLOR,\'#fdffe1\', WRAP);" onmouseout="(OLshowingsticky)?nd2():nd();"
      onclick="overlib(\'MySQL DATA\', CAPTIONFONTCLASS,\'olcap\', OFFSETX,-150,
OFFSETY,-130, HAUTO, VAUTO, CAPTION,\'MySQL Data\', STICKY, CLOSECLICK);
      event.returnValue=false; return false;"><font color="#000000">
      <img src="img/user_photo/' . $info['user_photo'] .
'"style="border:none;"></span></a>';

      }

      ?>
	 </td></tr></table>

it looks like so ... so I need correct ech function where i have "MySQL Data"

#1463 From: "Foteos Macrides" <fote@...>
Date: Wed Oct 27, 2010 8:23 am
Subject: Re: [OLmws] Echo function , data from MySQL
oldgreeky
Send Email Send Email
 
Philip,
 
What you posted is missing the echo statement, and appears to have an extraneous </span>.
 
Look at how the overlib first argument is constructed for a database fetch in the:
support document and see if that helps.  If not, post your corrected markup / code with the line numbers indicated and the error message predicting the line that has the problem.
 
If it's a quoting problem, also take a look at the:
support document.
 
Fote
--
 
----- Original Message -----
Sent: Tuesday, October 26, 2010 3:25 PM
Subject: Re: [OLmws] Echo function , data from MySQL

<?php

// Connects to your Database

mysql_connect("localhost", "root", "") or die(mysql_error()) ;
mysql_select_db("users") or die(mysql_error()) ;

//Retrieves data from MySQL

$data = mysql_query("SELECT * FROM users") or die(mysql_error());

 //Puts it into an array

 while($info = mysql_fetch_array( $data )) {

<a href="#" onmouseover="var ovlb=(OLshowingsticky)?overlib2:overlib; return ovlb(\'MySQL Data\', BGCOLOR,\'red\', TEXTFONTCLASS,\'text12\', TEXTPADDING,4, FGCOLOR,\'#fdffe1\', WRAP);" onmouseout="(OLshowingsticky)?nd2():nd();"
     onclick="overlib(\'MySQL DATA\', CAPTIONFONTCLASS,\'olcap\', OFFSETX,-150, OFFSETY,-130, HAUTO, VAUTO, CAPTION,\'MySQL Data\', STICKY, CLOSECLICK);
     event.returnValue=false; return false;"><font color="#000000">
     <img src="img/user_photo/' . $info['user_photo'] . '"style="border:none;"></span></a>';

     }

     ?>
</td></tr></table>

it looks like so ... so I need correct ech function where i have "MySQL Data"

#1464 From: "philcrosoft" <philcrosoft@...>
Date: Wed Oct 27, 2010 5:37 pm
Subject: Re: [OLmws] Echo function , data from MySQL
philcrosoft
Send Email Send Email
 
Well I've read it all, but I don't exactly how to combine my php with overlib
((( ... So I need help ... this is my full php code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test</title>
</head>
<script type="text/javascript" src="scripts/overlibmws.js"></script>
<script type="text/javascript" src="scripts/overlibmws_overtwo.js"></script>
<script type="text/javascript" src="scripts/overlibmws_filter.js"></script>
<script type="text/javascript" src="scripts/overlibmws_exclusive.js"></script>
<script type="text/javascript">
</script>

<p align="center">

<?php

// Connects to your Database

mysql_connect("localhost", "root", "") or die(mysql_error()) ;
mysql_select_db("users") or die(mysql_error()) ;

//Retrieves data from MySQL

$data = mysql_query("SELECT * FROM users") or die(mysql_error());

  //Puts it into an array

  while($info = mysql_fetch_array( $data )) {


//Outputs the image and other data

      Echo '<a href="javascript:void(0);" onmouseover="return overlib(\'DATA from
MySQL\',AUTOSTATUS,WRAP);" onmouseout="nd();">tooltip</a>';

      }

      ?>
</p>
_______________________________________________________

So instead of DATA from MySQL I need ech function which gets data from MySQL
like that:  Echo $info['users_name'];

Thank you for help!

#1465 From: Ben Johansen <benj@...>
Date: Wed Oct 27, 2010 9:33 pm
Subject: Re: [OLmws] Echo function , data from MySQL
beninpurple
Send Email Send Email
 
ok, have you looked here for help

notice how they used ASSOC flag

while ($row mysql_fetch_array($resultMYSQL_ASSOC)) {
    
printf("ID: %s  Name: %s"$row["id"], $row["name"]);
}

This also notice that they then use assoc. extracting the data

you have SELECT * from user, that is returning an array, you have to pick out of the array what you need.
so lets say in the results returned you have a custom tooltip for each user and you have their name fields

so we do this

$data = mysql_query("SELECT * FROM users") or die(mysql_error());

//Puts it into an array

while($info = mysql_fetch_array( $dataMYSQL_ASSOC)) {

//Outputs the image and other data

   
    Echo '<a href="javascript:" onmouseover="return overlib("'.$info['tooltip'].'",AUTOSTATUS,WRAP);" onmouseout="nd();">'.$info['username'].' tooltip</a>';

    }

    ?>
</p>

I just notice you state it outputs image, are you storing the image data in the db or is this a reference?



On Oct 27, 2010, at 10:37 AM, philcrosoft wrote:

Well I've read it all, but I don't exactly how to combine my php with overlib ((( ... So I need help ... this is my full php code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test</title>
</head>
<script type="text/javascript" src="scripts/overlibmws.js"></script>
<script type="text/javascript" src="scripts/overlibmws_overtwo.js"></script>
<script type="text/javascript" src="scripts/overlibmws_filter.js"></script>
<script type="text/javascript" src="scripts/overlibmws_exclusive.js"></script>
<script type="text/javascript">
</script>

<p align="center">

<?php

// Connects to your Database

mysql_connect("localhost", "root", "") or die(mysql_error()) ;
mysql_select_db("users") or die(mysql_error()) ;

//Retrieves data from MySQL

$data = mysql_query("SELECT * FROM users") or die(mysql_error());

//Puts it into an array

while($info = mysql_fetch_array( $data )) {


//Outputs the image and other data

    Echo '<a href="javascript:void(0);" onmouseover="return overlib(\'DATA from MySQL\',AUTOSTATUS,WRAP);" onmouseout="nd();">tooltip</a>';

    }

    ?>
</p>
_______________________________________________________

So instead of DATA from MySQL I need ech function which gets data from MySQL like that:  Echo $info['users_name'];

Thank you for help!



------------------------------------

OLmws Support Pages:
http://www.macridesweb.com/oltest/
OLmws Group's Purpose:
http://groups.yahoo.com/group/overlibmws/message/1
Yahoo! Groups Links

<*> To visit your group on the web, go to:
   http://groups.yahoo.com/group/overlibmws/

<*> Your email settings:
   Individual Email | Traditional

<*> To change settings online go to:
   http://groups.yahoo.com/group/overlibmws/join
   (Yahoo! ID required)

<*> To change settings via email:
   overlibmws-digest@yahoogroups.com
   overlibmws-fullfeatured@yahoogroups.com

<*> To unsubscribe from this group, send an email to:
   overlibmws-unsubscribe@yahoogroups.com

<*> Your use of Yahoo! Groups is subject to:
   http://docs.yahoo.com/info/terms/



Ben Johansen
Phone: 360-597-3372
Mobile: 360-600-7775




#1466 From: "philcrosoft" <philcrosoft@...>
Date: Thu Oct 28, 2010 4:47 pm
Subject: Re: Echo function , data from MySQL
philcrosoft
Send Email Send Email
 
>
> I just notice you state it outputs image, are you storing the image data in
the db or is this a reference?
>

It is just reference =) i tried your code but it doesn't work because in html
output I have such result

onmouseover="return overlib("Jane Wilson",AUTOSTATUS,WRAP);" ... so it goes in
"" but we need just only this '' for appropriate script =)

#1467 From: "philcrosoft" <philcrosoft@...>
Date: Thu Oct 28, 2010 5:08 pm
Subject: Re: [OLmws] Echo function , data from MySQL
philcrosoft
Send Email Send Email
 
Seems to me I have found solution! Thanks for help!

#1468 From: "philcrosoft" <philcrosoft@...>
Date: Thu Oct 28, 2010 8:30 pm
Subject: Align image inside of overlib
philcrosoft
Send Email Send Email
 
Hallo, I have an image inside of overlib, ti looks like this

onclick="overlib('<a href=http://mylink><img src=img/photo/jane.jpg>',
CAPTIONFONTCLASS,'olcap', OFFSETX,-150, OFFSETY,-130, HAUTO, VAUTO,
CAPTION,'Jane Photos', STICKY, CLOSECLICK);

So how can align this image inside of overlib?
And one more question: I have a lot of overlibs on the page and this functions
are common for all overlibs

CAPTIONFONTCLASS,'olcap', OFFSETX,-150, OFFSETY,-130, HAUTO, VAUTO, CAPTION,

how can I save it like css or something like that to refer this functions to all
overlibs!
Thanks

#1469 From: "Foteos Macrides" <fote@...>
Date: Fri Oct 29, 2010 3:14 pm
Subject: Re: [OLmws] Align image inside of overlib
oldgreeky
Send Email Send Email
 
Philip,
 
I again encourage you to read the Getting Started support document:
and to make use of the Command Reference:
 
The OLpageDefaults() function described therein is used to set a document's default commands and values so that you need not include them in the overlib calls themselves.  But in the case of CAPTION and its value, unless all popups will have the same value you must include that CAPTION, 'string' pair in each overlib call.
 
Your other question, regarding alignment of images within popup content, is unclear because you show only an anchor open tag and img element (with no anchor close tag or surrounding text).  But in general, you use HTML and optionally CSS to position images with respect to text within the popup the same as you would for a td cell of a table within the body.  If you import the distribution's htmlspecialcharsmws.js and use OLoverHTMLshow() or OLover2HTMLshow() for primary or secondary popups as described in:
it will show you the markup which is created as the popup content for your overlib or overlib2 call.
 
Fote
--
 
----- Original Message -----
Sent: Thursday, October 28, 2010 4:30 PM
Subject: [OLmws] Align image inside of overlib

Hallo, I have an image inside of overlib, ti looks like this

onclick="overlib('<a href=http://mylink><img src=img/photo/jane.jpg>', CAPTIONFONTCLASS,'olcap', OFFSETX,-150, OFFSETY,-130, HAUTO, VAUTO, CAPTION,'Jane Photos', STICKY, CLOSECLICK);

So how can align this image inside of overlib?
And one more question: I have a lot of overlibs on the page and this functions are common for all overlibs

CAPTIONFONTCLASS,'olcap', OFFSETX,-150, OFFSETY,-130, HAUTO, VAUTO, CAPTION,

how can I save it like css or something like that to refer this functions to all overlibs!
Thanks

#1470 From: "kronos47" <luisfmourapereira@...>
Date: Sat Jan 29, 2011 9:20 pm
Subject: Call overlib with no handler. Is it possible?
kronos47
Send Email Send Email
 
Please help,

I need a call to overlib without <a>, <div> and onLoad.

This is a case of a 3 level, 4 level,... menus. Level 1 and 2 are normal and
modal popup menus (working fine), level 3,... are (like 2 level menu) modal
popups with html content controled by php and mysql.

onLoad excluded because level 3 menu popups before page end.

#1471 From: "Foteos Macrides" <fote@...>
Date: Sat Jan 29, 2011 10:22 pm
Subject: Re: [OLmws] Call overlib with no handler. Is it possible?
oldgreeky
Send Email Send Email
 
Luis,
 
Could you provide a URL or example markup for a test document which makes what you mean by "level" more clear?  If you are creating a "traditional" menu system for which each level persists on the screen, then with overlibmws Level 1 would be a primary popup (via an overlib call), Level 2 would be a secondary popup (via an overlib2 call), but tertiary popups are not supported so you can't get to a Level 3 with Levels 1 and 2 still being displayed.  If your higher levels can replace lower levels, so that you are actually "chaining" from one popup to another, what you're seeking might be feasible.
 
Fote
--
 
----- Original Message -----
From: kronos47
Sent: Saturday, January 29, 2011 4:20 PM
Subject: [OLmws] Call overlib with no handler. Is it possible?

Please help,

I need a call to overlib without <a>, <div> and onLoad.

This is a case of a 3 level, 4 level,... menus. Level 1 and 2 are normal and modal popup menus (working fine), level 3,... are (like 2 level menu) modal popups with html content controled by php and mysql.

onLoad excluded because level 3 menu popups before page end.

#1472 From: "kronos47" <luisfmourapereira@...>
Date: Sun Jan 30, 2011 1:00 am
Subject: Re: [OLmws] Call overlib with no handler. Is it possible?
kronos47
Send Email Send Email
 
Hi Fote,

1st, thank you for your reply.

After 3 days burning and 1 hour after my post I got the problem solved. This was
a problem of interpretation. So, I'm not using more than 2 levels, level 3 was
in fact level 1 after a form post in level 2 menu.

The solution was easy, only...

<body>
...
...
...before page foot...
<script type="text/javascript">
	 window.onload(overlib(ActionMenu, MODAL, MODALCOLOR,'#4488dd', MODALOPACITY,60,
MODALSCROLL, MODALCLICK, CAPTION,'Play With This Form', CGCLASS,'olraisedBlue',
CLOSETEXT,closeimgBlue, CLOSECLICK, CLOSETITLE,'Close', CAPTIONPADDING,4,
TEXTPADDING,0, BGCLASS,'olbgD', CAPTIONFONTCLASS,'olcapD', FGCLASS,'olfgD',
TEXTFONTCLASS,'oltxtD', SHADOW, SHADOWCOLOR,'#113377', SHADOWOPACITY,40, WRAP,
STICKY, SCROLL, MIDX,0, MIDY,0));
</script>
</body>

This page is not in a public server, only in my PC. The code is too extensive
and I think now you can see what i was searchin for. Howhever, I will try to
make a video and show you what I am doing I this this will be a surprise :)

--- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@...> wrote:
>
> Luis,
>
> Could you provide a URL or example markup for a test document which makes what
you mean by "level" more clear?  If you are creating a "traditional" menu system
for which each level persists on the screen, then with overlibmws Level 1 would
be a primary popup (via an overlib call), Level 2 would be a secondary popup
(via an overlib2 call), but tertiary popups are not supported so you can't get
to a Level 3 with Levels 1 and 2 still being displayed.  If your higher levels
can replace lower levels, so that you are actually "chaining" from one popup to
another, what you're seeking might be feasible.
>
> Fote
> --
>
>   ----- Original Message -----
>   From: kronos47
>   To: overlibmws@yahoogroups.com
>   Sent: Saturday, January 29, 2011 4:20 PM
>   Subject: [OLmws] Call overlib with no handler. Is it possible?
>
>
>   Please help,
>
>   I need a call to overlib without <a>, <div> and onLoad.
>
>   This is a case of a 3 level, 4 level,... menus. Level 1 and 2 are normal and
modal popup menus (working fine), level 3,... are (like 2 level menu) modal
popups with html content controled by php and mysql.
>
>   onLoad excluded because level 3 menu popups before page end.
>

#1473 From: "kronos47" <luisfmourapereira@...>
Date: Sun Jan 30, 2011 2:22 am
Subject: Re: [OLmws] Call overlib with no handler. Is it possible?
kronos47
Send Email Send Email
 
Has I told, here is a link to a video of what I'm doing, maybe you can tell me
your opinion

www.logosbbs.com/capture.avi

Once more thank you

--- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@...> wrote:
>
> Luis,
>
> Could you provide a URL or example markup for a test document which makes what
you mean by "level" more clear?  If you are creating a "traditional" menu system
for which each level persists on the screen, then with overlibmws Level 1 would
be a primary popup (via an overlib call), Level 2 would be a secondary popup
(via an overlib2 call), but tertiary popups are not supported so you can't get
to a Level 3 with Levels 1 and 2 still being displayed.  If your higher levels
can replace lower levels, so that you are actually "chaining" from one popup to
another, what you're seeking might be feasible.
>
> Fote
> --
>
>   ----- Original Message -----
>   From: kronos47
>   To: overlibmws@yahoogroups.com
>   Sent: Saturday, January 29, 2011 4:20 PM
>   Subject: [OLmws] Call overlib with no handler. Is it possible?
>
>
>   Please help,
>
>   I need a call to overlib without <a>, <div> and onLoad.
>
>   This is a case of a 3 level, 4 level,... menus. Level 1 and 2 are normal and
modal popup menus (working fine), level 3,... are (like 2 level menu) modal
popups with html content controled by php and mysql.
>
>   onLoad excluded because level 3 menu popups before page end.
>

#1474 From: "Foteos Macrides" <fote@...>
Date: Sun Jan 30, 2011 3:01 pm
Subject: Re: [OLmws] Call overlib with no handler. Is it possible?
oldgreeky
Send Email Send Email
 
It appears that your present use of MODAL popups for handling sequences of form presentations is working very well.  Before I implemented MODAL we would use EXCLUSIVE for that sort of thing, but MODAL is better because the situation is more intuitively obvious to the user.
 
Fote
--
----- Original Message -----
From: kronos47
Sent: Saturday, January 29, 2011 9:22 PM
Subject: Re: [OLmws] Call overlib with no handler. Is it possible?

Has I told, here is a link to a video of what I'm doing, maybe you can tell me your opinion

www.logosbbs.com/capture.avi

Once more thank you

--- In overlibmws@yahoogroups.com, "Foteos Macrides" <fote@...> wrote:
>
> Luis,
>
> Could you provide a URL or example markup for a test document which makes what you mean by "level" more clear?  If you are creating a "traditional" menu system for which each level persists on the screen, then with overlibmws Level 1 would be a primary popup (via an overlib call), Level 2 would be a secondary popup (via an overlib2 call), but tertiary popups are not supported so you can't get to a Level 3 with Levels 1 and 2 still being displayed.  If your higher levels can replace lower levels, so that you are actually "chaining" from one popup to another, what you're seeking might be feasible.
>
> Fote
> --
>
>   ----- Original Message -----
>   From: kronos47
>   To: overlibmws@yahoogroups.com
>   Sent: Saturday, January 29, 2011 4:20 PM
>   Subject: [OLmws] Call overlib with no handler. Is it possible?
>
>
>   Please help,
>
>   I need a call to overlib without <a>, <div> and onLoad.
>
>   This is a case of a 3 level, 4 level,... menus. Level 1 and 2 are normal and modal popup menus (working fine), level 3,... are (like 2 level menu) modal popups with html content controled by php and mysql.
>
>   onLoad excluded because level 3 menu popups before page end.

#1476 From: "rwelti" <rwelti@...>
Date: Thu Sep 15, 2011 11:08 pm
Subject: OLrepositionTo() errors in IE 8
rwelti
Send Email Send Email
 
Hi Fote, group.

In IE8 I am getting javascript errors in OLRepositionTo().   (only in IE, not in FF nor in Safari/Mac).

My Overlibmws is a couple years old since install, but to reinstall latest is a risk of its own, of breaking something else... so first I want to explore if it may be a bug in Overlibmws from which others might benefit of the fixing.

From this page  http://www.iris.edu/aed2/content/es_TA_status.phtml

let it load and then click on a red dot on the Google map. You get a popup with "Show Today's Data" etc.  Click on Show Today's Data.

That pops up  a new window, and in that one, none of the Overlibmws links on the right work, they cause "Invalid argument" in overlibmws.js -- and IE pops up script error dialogs (if not disallowed).   (to see how it should work use a different browser)

// Moves layer
function OLrepositionTo(o,xL,yL){
o=(OLns4)?o:o.style;
o.left=(OLns4?xL:xL+'px');
o.top=(OLns4?yL:yL+'px');
}

The o.left=  and o.top=  lines above generate errors, presumably b/c the line above, where o gets assigned a value, fails.

This seems to have just begun failing since I went to IE8.

I can suppress the error dialogs, I know, but the popups just don't work.

Thoughts?  I scanned the changes history for Overlibmws and searched for OLrepositionTo with no luck.

Best wishes and thanks for reading this.

Russ Welti


#1477 From: "Foteos Macrides" <fote@...>
Date: Fri Sep 16, 2011 2:54 am
Subject: Re: [OLmws] OLrepositionTo() errors in IE 8
oldgreeky
Send Email Send Email
 
Russ,
 
The problem is not within the OLrepositionTo function but rather with arguments being passed to it when using your obsolete version of overlibmws  The problem will go away if you upgrade to the current version.
 
Fote
--
 
----- Original Message -----
From: rwelti
Sent: Thursday, September 15, 2011 7:08 PM
Subject: [OLmws] OLrepositionTo() errors in IE 8

Hi Fote, group.

In IE8 I am getting javascript errors in OLRepositionTo().   (only in IE, not in FF nor in Safari/Mac).

My Overlibmws is a couple years old since install, but to reinstall latest is a risk of its own, of breaking something else... so first I want to explore if it may be a bug in Overlibmws from which others might benefit of the fixing.

From this page  http://www.iris.edu/aed2/content/es_TA_status.phtml

let it load and then click on a red dot on the Google map. You get a popup with "Show Today's Data" etc.  Click on Show Today's Data.

That pops up  a new window, and in that one, none of the Overlibmws links on the right work, they cause "Invalid argument" in overlibmws.js -- and IE pops up script error dialogs (if not disallowed).   (to see how it should work use a different browser)

// Moves layer
function OLrepositionTo(o,xL,yL){
o=(OLns4)?o:o.style;
o.left=(OLns4?xL:xL+'px');
o.top=(OLns4?yL:yL+'px');
}

The o.left=  and o.top=  lines above generate errors, presumably b/c the line above, where o gets assigned a value, fails.

This seems to have just begun failing since I went to IE8.

I can suppress the error dialogs, I know, but the popups just don't work.

/ div>
Thoughts?  I scanned the changes history for Overlibmws and searched for OLrepositionTo with no luck.

Best wishes and thanks for reading this.

Russ Welti

#1478 From: r welti <rwelti@...>
Date: Fri Sep 16, 2011 5:05 pm
Subject: Re: [OLmws] OLrepositionTo() errors in IE 8
rwelti
Send Email Send Email
 
Thanks Fote, it was worth it to know that it did not surprise you to hear of it, and I will get with the program and update!
russ



#1479 From: "John Pullam" <jpullam@...>
Date: Sat Nov 26, 2011 1:28 am
Subject: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
jp_in_to
Send Email Send Email
 
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
 

#1480 From: "Foteos Macrides" <fote@...>
Date: Sun Nov 27, 2011 9:10 pm
Subject: Re: [OLmws] Coldfusion 9 Ajax (ExtJs 3) breaks overlib
oldgreeky
Send Email Send Email
 
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:
 
 
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 -----
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

#1481 From: "jp_in_to" <jpullam@...>
Date: Tue Nov 29, 2011 2:00 am
Subject: Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
jp_in_to
Send Email Send Email
 
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
>

#1482 From: "Foteos Macrides" <fote@...>
Date: Tue Nov 29, 2011 4:32 am
Subject: Re: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
oldgreeky
Send Email Send Email
 
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

#1483 From: "jp_in_to" <jpullam@...>
Date: Tue Nov 29, 2011 4:09 pm
Subject: Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
jp_in_to
Send Email Send Email
 
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
>

#1484 From: "Foteos Macrides" <fote@...>
Date: Wed Nov 30, 2011 12:11 am
Subject: Re: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
oldgreeky
Send Email Send Email
 
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

#1485 From: "jp_in_to" <jpullam@...>
Date: Wed Nov 30, 2011 6:14 pm
Subject: Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
jp_in_to
Send Email Send Email
 
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
>

#1486 From: "Foteos Macrides" <fote@...>
Date: Thu Dec 1, 2011 5:50 am
Subject: Re: [OLmws] Re: Coldfusion 9 Ajax (ExtJs 3) breaks overlib
oldgreeky
Send Email Send Email
 
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
>
>
>

#1487 From: "jp_in_to" <jpullam@...>
Date: Thu Dec 1, 2011 3:59 pm
Subject: Getting a double border
jp_in_to
Send Email Send Email
 
You would think this would be simple but I am using the CSS classes and I get a
double border, in spite of the various things I try. I have set ol_border=0; in
the module but that had no effect. Here is my test code:

<!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>
<style>
	 .olbg {text-align: left;}
	 .olfg {background-color:#FFFF66; border-style:solid; padding:2px;
border-width:1px; border-color:#000000}
	 </style>
<title>Untitled Document</title>
</head>
<body>
<a href="javascript:;"
     onmouseover="return overlib('Please list telephone numbers', WIDTH, 150,
OFFSETX, 20, OFFSETY, 20, BGCLASS,'olbg', FGCLASS,'olfg');" onMouseOut="return
nd();">
     <img src="info.gif" ></a>
</body>
</html>

It is also available at http://www.mcleansystems.com/demo/testbug.htm

Can you please tell me what I am missing?

#1488 From: "Foteos Macrides" <fote@...>
Date: Thu Dec 1, 2011 7:43 pm
Subject: Re: [OLmws] Getting a double border
oldgreeky
Send Email Send Email
 
John,
 
I think you want:
 
<style type="text/css">
.olbg {padding:1px; background-color:#000000;}
.olfg {padding:2px; background-color:#ffff66;}
</style>
 
for a popup with the equivalent of:
 
BORDER,1, BGCOLOR,'#000000", TEXTPADDING,2, FGCOLOR,"#fff66'
 
as you appear to want in that test case.  The BGCLASS command is for table markup which encases the popup to create it's border, i.e., you don't want to create one via the FGCLASS command, which as you have it is creating a second border line.
 
Fote
 
----- Original Message -----
From: jp_in_to
Sent: Thursday, December 01, 2011 10:59 AM
Subject: [OLmws] Getting a double border

You would think this would be simple but I am using the CSS classes and I get a double border, in spite of the various things I try. I have set ol_border=0; in the module but that had no effect. Here is my test code:

<!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>
<style>
.olbg {text-align: left;}
.olfg {background-color:#FFFF66; border-style:solid; padding:2px; border-width:1px; border-color:#000000}
</style>
<title>Untitled Document</title>
</head>
<body>
<a href="javascript:;"
    onmouseover="return overlib('Please list telephone numbers', WIDTH, 150, OFFSETX, 20, OFFSETY, 20, BGCLASS,'olbg', FGCLASS,'olfg');" onMouseOut="return nd();">
    <img src="info.gif" ></a>
</body>
</html>

It is also available at http://www.mcleansystems.com/demo/testbug.htm

Can you please tell me what I am missing?

Messages 1458 - 1488 of 1492   Oldest  |  < Older  |  Newer >  |  Newest
Add to My Yahoo!      XML What's This?

Copyright © 2010 Yahoo! Inc. All rights reserved.
Privacy Policy - Terms of Service - Guidelines NEW - Help