I am testing the latest IE8 version and found an error in prototype.

Creating an element with new Element and assigning inline a class, it
is not working.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/
<html xmlns="http://www.w3.org/1999/xhtml"; dir="ltr" xml:lang="de">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <style type="text/css">
                .red {
                        background: red;
                .green {
                        background: green;
        <script src="http://ajax.googleapis.com/ajax/libs/prototype/
        <script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/
                document.observe("dom:loaded", function() {
                        var red = new Element('div', {
                                'id' : 'red'

                        var green = new Element('div', {
                                'id' : 'green',
                                'class' : 'green'


There should be two lines a red and a green one. The green class is
not taken. Checking the html output with the IE8 dev tool it gets me:

<div id="red" class=".red">red</div>
<div id="green" className=".green">green</div>

Can someone confirm this?
You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to