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

Re: Trouble with events et tables..

Expand Messages
  • oglesys
    Dav, you re actually a genius :D Seriously though, how on earth did you manage to spot that ? :P I was completely fooled by the fact that it worked in IE, but
    Message 1 of 11 , Jul 31, 2007
      Dav, you're actually a genius :D

      Seriously though, how on earth did you manage to spot that ? :P

      I was completely fooled by the fact that it worked in IE, but not FF/
      Opera, and thus must be a bug..

      Anyway, thanks for your help.. :)

      Regards,
      OGLES

      --- In ydn-javascript@yahoogroups.com, dav.glass@... wrote:
      >
      > Ogles --
      >
      > It's not a bug in the Events, the problem is that your CSS is
      setting the width of the div (class cCW_Header) to 100%.
      >
      > That is causing the div to expand "over" the other widget (box)..
      Since it is over the other td, then it is accepting the click, not
      the td..
      >
      > Giving it the appearance that it is not working.. Adding the red
      border should show you that it is laying over the td.
      >
      > Removed the width: 100% from the style .cCW_Header and it should
      work..
      >
      > Dav
      >
      > Dav Glass
      > dav.glass@...
      > blog.davglass.com
      >
      > + Windows: n. - The most successful computer virus, ever. +
      > + A computer without a Microsoft operating system is like a dog
      > without bricks tied to its head +
      > + A Microsoft Certified Systems Engineer is to computing what a
      > McDonalds Certified Food Specialist is to fine cuisine +
      >
      > ----- Original Message ----
      > From: oglesys <oglesys@...>
      > To: ydn-javascript@yahoogroups.com
      > Sent: Monday, July 30, 2007 1:14:18 PM
      > Subject: [ydn-javascript] Re: Trouble with events et tables..
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      > I'm confused dav, I've added the code as you said
      (http://stu.ac/
      >
      > allplay/test. asp), but it's doesn't making anything any clearer..
      >
      >
      >
      > The problem is something to do with events, and a bug in Firfox/
      Opera
      >
      > imho.. But there should be a workaround..
      >
      >
      >
      > Regards,
      >
      > OGLES
      >
      >
      >
      > --- In ydn-javascript@ yahoogroups. com, dav.glass@ . wrote:
      >
      > >
      >
      > > Ogles --
      >
      > >
      >
      > > Add this code just above the closing head tag..
      >
      > >
      >
      > > <style>
      >
      > > .cCW_Header {
      >
      > > border:2px solid red;
      >
      > > }
      >
      > > </style>
      >
      > >
      >
      > >
      >
      > > You should now see what is causing your issue :)
      >
      > >
      >
      > > Dav
      >
      > >
      >
      > >
      >
      > > Dav Glass
      >
      > > dav.glass@ .
      >
      > > blog.davglass. com
      >
      > >
      >
      > > + Windows: n. - The most successful computer virus, ever. +
      >
      > > + A computer without a Microsoft operating system is like a dog
      >
      > > without bricks tied to its head +
      >
      > > + A Microsoft Certified Systems Engineer is to computing what a
      >
      > > McDonalds Certified Food Specialist is to fine cuisine +
      >
      > >
      >
      > > ----- Original Message ----
      >
      > > From: oglesys <oglesys@ >
      >
      > > To: ydn-javascript@ yahoogroups. com
      >
      > > Sent: Monday, July 30, 2007 11:22:57 AM
      >
      > > Subject: [ydn-javascript] Re: Trouble with events et tables..
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > > No, I already tried that.. the id of the elements are
      >
      > irrelevant
      >
      > >
      >
      > > anyway, as they are never used.. Div's are converted into the
      >
      > widgets
      >
      > >
      >
      > > if they have the cCW class..
      >
      > >
      >
      > >
      >
      > >
      >
      > > Anyways, I've reuploaded the test page, with all the widgets with
      >
      > >
      >
      > > different id's:
      >
      > >
      >
      > >
      >
      > >
      >
      > > http://stu.ac/ allplay/test. asp
      >
      > >
      >
      > >
      >
      > >
      >
      > > Still the same problem..
      >
      > >
      >
      > >
      >
      > >
      >
      > > Thanks for the ideas guys though, keep 'em coming :D
      >
      > >
      >
      > >
      >
      > >
      >
      > > Regards,
      >
      > >
      >
      > > OGLES
      >
      > >
      >
      > >
      >
      > >
      >
      > > --- In ydn-javascript@ yahoogroups. com, dav.glass@ . wrote:
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > Ogles --
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > From looking at the code, the issue might be that you have 5
      >
      > >
      >
      > > elements on the page with the id of "CWLogin".
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > There should only be one element on the page with a given id..
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > Try changing them out and see if that works..
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > Hope that helps :)
      >
      > >
      >
      > > > Dav
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > Dav Glass
      >
      > >
      >
      > > > dav.glass@ .
      >
      > >
      >
      > > > blog.davglass. com
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > + Windows: n. - The most successful computer virus, ever. +
      >
      > >
      >
      > > > + A computer without a Microsoft operating system is like a dog
      >
      > >
      >
      > > > without bricks tied to its head +
      >
      > >
      >
      > > > + A Microsoft Certified Systems Engineer is to computing what a
      >
      > >
      >
      > > > McDonalds Certified Food Specialist is to fine cuisine +
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > ----- Original Message ----
      >
      > >
      >
      > > > From: oglesys <oglesys@ >
      >
      > >
      >
      > > > To: ydn-javascript@ yahoogroups. com
      >
      > >
      >
      > > > Sent: Monday, July 30, 2007 8:56:17 AM
      >
      > >
      >
      > > > Subject: [ydn-javascript] Trouble with events et tables..
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > Hi All,
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > I've built a Widget which works fine as long as it is not in
      the
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > second column of a table. It works fine if in the first column,
      >
      > or
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > outside the table..
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > I've replicated the problem here:
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > http://stu.ac/ allplay/test. asp
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > Try clicking the bar of the widget labelled as "Error", it
      won't
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > close & open properly.. It is as if the event isn't being
      called
      >
      > >
      >
      > > at
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > all..
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > All the others work fine though..
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > This is incredibly frustating, because it also works fine in
      IE,
      >
      > >
      >
      > > this
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > bug is only apparent in Firefox, and Opera..
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > I would be grateful if anyone could shed any light on this
      >
      > >
      >
      > > problem..
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > Regards,
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > OGLES
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > <!--
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > #ygrp-mlmsg {font-size:13px; font-family: arial, helvetica,
      >
      > clean,
      >
      > >
      >
      > > sans-serif;}
      >
      > >
      >
      > > > #ygrp-mlmsg table {font-size:inherit; font:100% ;}
      >
      > >
      >
      > > > #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica,
      >
      > >
      >
      > > clean, sans-serif;}
      >
      > >
      >
      > > > #ygrp-mlmsg pre, code {font:115% monospace;}
      >
      > >
      >
      > > > #ygrp-mlmsg * {line-height: 1.22em;}
      >
      > >
      >
      > > > #ygrp-text{
      >
      > >
      >
      > > > font-family: Georgia;
      >
      > >
      >
      > > > }
      >
      > >
      >
      > > > #ygrp-text p{
      >
      > >
      >
      > > > margin:0 0 1em 0;}
      >
      > >
      >
      > > > #ygrp-tpmsgs{
      >
      > >
      >
      > > > font-family: Arial;
      >
      > >
      >
      > > > clear:both;}
      >
      > >
      >
      > > > #ygrp-vitnav{
      >
      > >
      >
      > > > padding-top: 10px;font- family:Verdana; font-size: 77%;margin:
      0;}
      >
      > >
      >
      > > > #ygrp-vitnav a{
      >
      > >
      >
      > > > padding:0 1px;}
      >
      > >
      >
      > > > #ygrp-actbar{
      >
      > >
      >
      > > > clear:both;margin: 25px 0;white-space: nowrap;color: #666;text-
      >
      > >
      >
      > > align:right; }
      >
      > >
      >
      > > > #ygrp-actbar .left{
      >
      > >
      >
      > > > float:left;white- space:nowrap; }
      >
      > >
      >
      > > > .bld{font-weight: bold;}
      >
      > >
      >
      > > > #ygrp-grft{
      >
      > >
      >
      > > > font-family: Verdana;font- size:77%; padding:15px 0;}
      >
      > >
      >
      > > > #ygrp-ft{
      >
      > >
      >
      > > > font-family: verdana;font- size:77%; border-top: 1px solid #666;
      >
      > >
      >
      > > > padding:5px 0;
      >
      > >
      >
      > > > }
      >
      > >
      >
      > > > #ygrp-mlmsg #logo{
      >
      > >
      >
      > > > padding-bottom: 10px;}
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > #ygrp-vital{
      >
      > >
      >
      > > > background-color: #e0ecee;margin- bottom:20px; padding:2px 0
      8px
      >
      > 8px;}
      >
      > >
      >
      > > > #ygrp-vital #vithd{
      >
      > >
      >
      > > > font-size:77% ;font-family: Verdana;font- weight:bold;
      >
      > color:#333; text-
      >
      > >
      >
      > > transform:uppercase ;}
      >
      > >
      >
      > > > #ygrp-vital ul{
      >
      > >
      >
      > > > padding:0;margin: 2px 0;}
      >
      > >
      >
      > > > #ygrp-vital ul li{
      >
      > >
      >
      > > > list-style-type: none;clear: both;border: 1px solid #e0ecee;
      >
      > >
      >
      > > > }
      >
      > >
      >
      > > > #ygrp-vital ul li .ct{
      >
      > >
      >
      > > > font-weight: bold;color: #ff7900;float: right;width: 2em;text-
      >
      > >
      >
      > > align:right; padding-right: .5em;}
      >
      > >
      >
      > > > #ygrp-vital ul li .cat{
      >
      > >
      >
      > > > font-weight: bold;}
      >
      > >
      >
      > > > #ygrp-vital a {
      >
      > >
      >
      > > > text-decoration: none;}
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > #ygrp-vital a:hover{
      >
      > >
      >
      > > > text-decoration: underline; }
      >
      > >
      >
      > > >
      >
      > >
      >
      > > > #ygrp-sponsor #hd{
      >
      > >
      >
      > > > color:#999;font- size:77%; }
      >
      > >
      >
      > > > #ygrp-sponsor #ov{
      >
      > >
      >
      > > > padding:6px 13px;background- color:#e0ecee; margin-bottom:
      20px;}
      >
      > >
      >
      > > > #ygrp-sponsor #ov ul{
      >
      > >
      >
      > > > padding:0 0 0 8px;margin:0; }
      >
      > >
      >
      > > > #ygrp-sponsor #ov li{
      >
      > >
      >
      > > > list-style-type: square;padding: 6px 0;font-size: 77%;}
      >
      > >
      >
      > > > #ygrp-sponsor #ov li a{
      >
      > >
      >
      > > > text-decoration: none;font- size:130% ;}
      >
      > >
      >
      > > > #ygrp-sponsor #nc {
      >
      > >
      >
      > > > background-color: #eee;margin- bottom:20px; padding:0 8px;}
      >
      > >
      >
      > > > #ygrp-sponsor .ad{
      >
      > >
      >
      > > > padding:8px 0;}
      >
      > >
      >
      > > > #ygrp-sponsor .ad #hd1{
      >
      > >
      >
      > > > font-family: Arial;font- weight:bold; color:#628c2a; font-
      >
      > >
      >
      > > size:100%;line- height:122% ;}
      >
      > >
      >
      > > > #ygrp-sponsor .ad a{
      >
      > >
      >
      > > > text-decoration: none;}
      >
      > >
      >
      > > > #ygrp-sponsor .ad a:hover{
      >
      > >
      >
      > > > text-decoration: underline; }
      >
      > >
      >
      > > > #ygrp-sponsor .ad p{
      >
      > >
      >
      > > > margin:0;}
      >
      > >
      >
      > > > o {font-size:0; }
      >
      > >
      >
      > > > .MsoNormal {
      >
      > >
      >
      > > > margin:0 0 0 0;}
      >
      > >
      >
      > > > #ygrp-text tt{
      >
      > >
      >
      > > > font-size:120% ;}
      >
      > >
      >
      > > > blockquote{margin: 0 0 0 4px;}
      >
      > >
      >
      > > > .replbq {margin:4;}
      >
      > >
      >
      > > > -->
      >
      > >
      >
      > > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > >
      >
      > > <!--
      >
      > >
      >
      > > #ygrp-mlmsg {font-size:13px; font-family: arial, helvetica,
      clean,
      >
      > sans-serif;}
      >
      > > #ygrp-mlmsg table {font-size:inherit; font:100% ;}
      >
      > > #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica,
      >
      > clean, sans-serif;}
      >
      > > #ygrp-mlmsg pre, code {font:115% monospace;}
      >
      > > #ygrp-mlmsg * {line-height: 1.22em;}
      >
      > > #ygrp-text{
      >
      > > font-family: Georgia;
      >
      > > }
      >
      > > #ygrp-text p{
      >
      > > margin:0 0 1em 0;}
      >
      > > #ygrp-tpmsgs{
      >
      > > font-family: Arial;
      >
      > > clear:both;}
      >
      > > #ygrp-vitnav{
      >
      > > padding-top: 10px;font- family:Verdana; font-size: 77%;margin: 0;}
      >
      > > #ygrp-vitnav a{
      >
      > > padding:0 1px;}
      >
      > > #ygrp-actbar{
      >
      > > clear:both;margin: 25px 0;white-space: nowrap;color: #666;text-
      >
      > align:right; }
      >
      > > #ygrp-actbar .left{
      >
      > > float:left;white- space:nowrap; }
      >
      > > .bld{font-weight: bold;}
      >
      > > #ygrp-grft{
      >
      > > font-family: Verdana;font- size:77%; padding:15px 0;}
      >
      > > #ygrp-ft{
      >
      > > font-family: verdana;font- size:77%; border-top: 1px solid #666;
      >
      > > padding:5px 0;
      >
      > > }
      >
      > > #ygrp-mlmsg #logo{
      >
      > > padding-bottom: 10px;}
      >
      > >
      >
      > > #ygrp-vital{
      >
      > > background-color: #e0ecee;margin- bottom:20px; padding:2px 0 8px
      8px;}
      >
      > > #ygrp-vital #vithd{
      >
      > > font-size:77% ;font-family: Verdana;font- weight:bold;
      color:#333; text-
      >
      > transform:uppercase ;}
      >
      > > #ygrp-vital ul{
      >
      > > padding:0;margin: 2px 0;}
      >
      > > #ygrp-vital ul li{
      >
      > > list-style-type: none;clear: both;border: 1px solid #e0ecee;
      >
      > > }
      >
      > > #ygrp-vital ul li .ct{
      >
      > > font-weight: bold;color: #ff7900;float: right;width: 2em;text-
      >
      > align:right; padding-right: .5em;}
      >
      > > #ygrp-vital ul li .cat{
      >
      > > font-weight: bold;}
      >
      > > #ygrp-vital a {
      >
      > > text-decoration: none;}
      >
      > >
      >
      > > #ygrp-vital a:hover{
      >
      > > text-decoration: underline; }
      >
      > >
      >
      > > #ygrp-sponsor #hd{
      >
      > > color:#999;font- size:77%; }
      >
      > > #ygrp-sponsor #ov{
      >
      > > padding:6px 13px;background- color:#e0ecee; margin-bottom: 20px;}
      >
      > > #ygrp-sponsor #ov ul{
      >
      > > padding:0 0 0 8px;margin:0; }
      >
      > > #ygrp-sponsor #ov li{
      >
      > > list-style-type: square;padding: 6px 0;font-size: 77%;}
      >
      > > #ygrp-sponsor #ov li a{
      >
      > > text-decoration: none;font- size:130% ;}
      >
      > > #ygrp-sponsor #nc {
      >
      > > background-color: #eee;margin- bottom:20px; padding:0 8px;}
      >
      > > #ygrp-sponsor .ad{
      >
      > > padding:8px 0;}
      >
      > > #ygrp-sponsor .ad #hd1{
      >
      > > font-family: Arial;font- weight:bold; color:#628c2a; font-
      >
      > size:100%;line- height:122% ;}
      >
      > > #ygrp-sponsor .ad a{
      >
      > > text-decoration: none;}
      >
      > > #ygrp-sponsor .ad a:hover{
      >
      > > text-decoration: underline; }
      >
      > > #ygrp-sponsor .ad p{
      >
      > > margin:0;}
      >
      > > o {font-size:0; }
      >
      > > .MsoNormal {
      >
      > > margin:0 0 0 0;}
      >
      > > #ygrp-text tt{
      >
      > > font-size:120% ;}
      >
      > > blockquote{margin: 0 0 0 4px;}
      >
      > > .replbq {margin:4;}
      >
      > > -->
      >
      > >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      > <!--
      >
      > #ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean,
      sans-serif;}
      > #ygrp-mlmsg table {font-size:inherit;font:100%;}
      > #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica,
      clean, sans-serif;}
      > #ygrp-mlmsg pre, code {font:115% monospace;}
      > #ygrp-mlmsg * {line-height:1.22em;}
      > #ygrp-text{
      > font-family:Georgia;
      > }
      > #ygrp-text p{
      > margin:0 0 1em 0;}
      > #ygrp-tpmsgs{
      > font-family:Arial;
      > clear:both;}
      > #ygrp-vitnav{
      > padding-top:10px;font-family:Verdana;font-size:77%;margin:0;}
      > #ygrp-vitnav a{
      > padding:0 1px;}
      > #ygrp-actbar{
      > clear:both;margin:25px 0;white-space:nowrap;color:#666;text-
      align:right;}
      > #ygrp-actbar .left{
      > float:left;white-space:nowrap;}
      > .bld{font-weight:bold;}
      > #ygrp-grft{
      > font-family:Verdana;font-size:77%;padding:15px 0;}
      > #ygrp-ft{
      > font-family:verdana;font-size:77%;border-top:1px solid #666;
      > padding:5px 0;
      > }
      > #ygrp-mlmsg #logo{
      > padding-bottom:10px;}
      >
      > #ygrp-vital{
      > background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;}
      > #ygrp-vital #vithd{
      > font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-
      transform:uppercase;}
      > #ygrp-vital ul{
      > padding:0;margin:2px 0;}
      > #ygrp-vital ul li{
      > list-style-type:none;clear:both;border:1px solid #e0ecee;
      > }
      > #ygrp-vital ul li .ct{
      > font-weight:bold;color:#ff7900;float:right;width:2em;text-
      align:right;padding-right:.5em;}
      > #ygrp-vital ul li .cat{
      > font-weight:bold;}
      > #ygrp-vital a {
      > text-decoration:none;}
      >
      > #ygrp-vital a:hover{
      > text-decoration:underline;}
      >
      > #ygrp-sponsor #hd{
      > color:#999;font-size:77%;}
      > #ygrp-sponsor #ov{
      > padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;}
      > #ygrp-sponsor #ov ul{
      > padding:0 0 0 8px;margin:0;}
      > #ygrp-sponsor #ov li{
      > list-style-type:square;padding:6px 0;font-size:77%;}
      > #ygrp-sponsor #ov li a{
      > text-decoration:none;font-size:130%;}
      > #ygrp-sponsor #nc {
      > background-color:#eee;margin-bottom:20px;padding:0 8px;}
      > #ygrp-sponsor .ad{
      > padding:8px 0;}
      > #ygrp-sponsor .ad #hd1{
      > font-family:Arial;font-weight:bold;color:#628c2a;font-
      size:100%;line-height:122%;}
      > #ygrp-sponsor .ad a{
      > text-decoration:none;}
      > #ygrp-sponsor .ad a:hover{
      > text-decoration:underline;}
      > #ygrp-sponsor .ad p{
      > margin:0;}
      > o {font-size:0;}
      > .MsoNormal {
      > margin:0 0 0 0;}
      > #ygrp-text tt{
      > font-size:120%;}
      > blockquote{margin:0 0 0 4px;}
      > .replbq {margin:4;}
      > -->
      >
    Your message has been successfully submitted and would be delivered to recipients shortly.