selectors bug?

lax4mike · by **lax4mike** on Wed Mar 18, 2009 6:57 pm

see http://lax4mike.myftp.org:2580/moo/selectors.htm

Line number On/Off | Expand/Contract | Select all

<html> 
<head> 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
    <title>selectors</title> 
    
    <script src="mootools-1.2.1-core-nc.js" type="text/javascript" charset="utf-8"></script> 
    <script src="mootools-1.2-more.js" type="text/javascript" charset="utf-8"></script> 
 
    <style type="text/css" media="screen"> 
        .head {
            padding: 5px;
            width: 100px;
            height: 100px;
            margin: 5px;
            border: 3px solid black;
        }
        .head[hair="yellow"] {
            background: yellow;         
        }
        .head[hair="forest green"] {
            background: #869B27;
        }
 
    </style> 
    
    <script type="text/javascript" charset="utf-8"> 
        
        window.addEvent('domready', function(){
            $$('.head[hair="forest green"]').each(function(item){
                item.set('text', "i have forest green hair!");
            });
            $$('.head[hair="yellow"]').each(function(item){
                item.set('text', "i have yellow hair!");
            });
        });
        
    </script> 
</head> 
 
 
<body> 
 
    <div class="head" hair="yellow"></div>  
    
    <div class="head" hair="forest green"></div>    
 
</body> 
 
</html> 

So there seems to be a bug with selectors when there is a space in the attribute value. the color is filled in by the css and the words are filled in by mootools. As you can see, they both have color, but the "forest green" one doesn't have the text. I'm using the same exact selector for mootools as I am css.

QUE??

БОШ · by **БОШ** on Thu Mar 19, 2009 2:28 pm

I think the cause of it is absent such attribute in specification...Use 'class' instead of 'hair'
<div class="head yellow"></div>

lax4mike · by **lax4mike** on Thu Mar 19, 2009 4:41 pm

the yellow one works fine, it's the "forest green" that doens't work. and that wouldn't work in the class because it would think they are 2 separate classes, 'forest', and 'green'.

zilenCe · by **zilenCe** on Sat Mar 21, 2009 4:48 am

this will be fixed in the next major release of mootools

Also, "hair" is not a valid html attribute, don't use it

selectors bug?

selectors bug?

Re: selectors bug?

Re: selectors bug?

Re: selectors bug?

Who is online