--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
+<html xmlns="http://www.w3.org/1999/xhtml">\r
+<head>\r
+ <title>CKEDITOR.dom.element</title>\r
+ <link rel="stylesheet" type="text/css" href="../../test.css" />\r
+ <script type="text/javascript" src="../../../ckeditor.js"></script>\r
+ <script type="text/javascript" src="../../test.js"></script>\r
+ <script type="text/javascript">\r
+ //<![CDATA[\r
+\r
+CKEDITOR.test.addTestCase( (function()\r
+{\r
+ // Local reference to the "assert" object.\r
+ var assert = CKEDITOR.test.assert;\r
+ var getInnerHtml = CKEDITOR.test.getInnerHtml;\r
+\r
+ return {\r
+ test_$ : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'test1' ) );\r
+ assert.areSame( document.getElementById( 'test1' ), element.$ );\r
+ },\r
+\r
+ test_getId1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'test1' ) );\r
+ assert.areEqual( 'test1', element.getId() );\r
+ },\r
+\r
+ test_getId2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementsByTagName( 'div' )[0] );\r
+ assert.isNull( element.getId() );\r
+ },\r
+\r
+ test_getNameAtt1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementsByName( 'named1' )[0] );\r
+ assert.areEqual( 'named1', element.getNameAtt() );\r
+ },\r
+\r
+ test_getNameAtt2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'test1' ) );\r
+ assert.isNull( element.getNameAtt() );\r
+ },\r
+\r
+ test_getName : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'test1' ) );\r
+ assert.areEqual( 'textarea', element.getName(), 'First call' );\r
+ assert.areEqual( 'textarea', element.getName(), 'Second call' );\r
+ },\r
+\r
+ test_hide : function()\r
+ {\r
+ var nativeElement = document.getElementById( 'test1' );\r
+ nativeElement.style.display = '';\r
+\r
+ var element = new CKEDITOR.dom.element( nativeElement );\r
+ element.hide();\r
+\r
+ assert.areEqual( 'none', nativeElement.style.display );\r
+ },\r
+\r
+ test_show : function()\r
+ {\r
+ var nativeElement = document.getElementById( 'test1' );\r
+ nativeElement.style.display = '';\r
+\r
+ var element = new CKEDITOR.dom.element( nativeElement );\r
+ element.show();\r
+\r
+ assert.areEqual( '', nativeElement.style.display );\r
+ },\r
+\r
+ test_createFromHtml : function()\r
+ {\r
+ var element = CKEDITOR.dom.element.createFromHtml( '<p>My test</p>' );\r
+ assert.areEqual( 'p', element.getName(), 'element name doesn\'t match' );\r
+ assert.areEqual( 'My test', element.$.innerHTML, 'the innerHTML doesn\'t match' );\r
+ },\r
+\r
+ test_createFromHtml2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element.createFromHtml( '<div><x:x><p>Test</p></div>' );\r
+ assert.areNotEqual( 'Test', element.getChild( 0, 0 ).innerHTML );\r
+ },\r
+\r
+ test_append1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'append' ) );\r
+ element.append( new CKEDITOR.dom.element( 'b' ) );\r
+ assert.areEqual( 'b', document.getElementById( 'append' ).firstChild.nodeName.toLowerCase() );\r
+ },\r
+\r
+ test_append2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'append' ) );\r
+ element.append( 'i' );\r
+ assert.areEqual( 'i', document.getElementById( 'append' ).lastChild.nodeName.toLowerCase() );\r
+ },\r
+\r
+ test_appendText1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'append' ) );\r
+ element.setHtml( '' );\r
+ element.appendText( 'Test appendText' );\r
+ assert.areEqual( 'Test appendText', document.getElementById( 'append' ).innerHTML );\r
+ },\r
+\r
+ test_appendText2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( 'script' );\r
+ element.appendText( 'Test appendText' );\r
+ assert.areEqual( 'Test appendText', element.$.text );\r
+ },\r
+\r
+ test_setHtml : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'append' ) );\r
+ element.setHtml( '<b>Test</b>' );\r
+ assert.areEqual( '<b>test</b>', document.getElementById( 'append' ).innerHTML.toLowerCase(), 'First call doesn\'t match' );\r
+ element.setHtml( 'Another test' );\r
+ assert.areEqual( 'Another test', document.getElementById( 'append' ).innerHTML, 'Second call doesn\'t match' );\r
+ },\r
+\r
+ test_getDocument1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( 'div' );\r
+ assert.areSame( document, element.getDocument().$, 'First call' );\r
+ assert.areSame( document, element.getDocument().$, 'Second call' );\r
+ },\r
+\r
+ test_getDocument2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.body );\r
+ assert.areSame( document, element.getDocument().$, 'First call' );\r
+ assert.areSame( document, element.getDocument().$, 'Second call' );\r
+ },\r
+\r
+ test_getFirst1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'append' ) );\r
+ element.setHtml( '<b>Test</b>' );\r
+ var first = element.getFirst();\r
+ assert.areSame( 'b', first.getName() );\r
+ },\r
+\r
+ test_getFirst2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'append' ) );\r
+ element.setHtml( 'Test' );\r
+ var first = element.getFirst();\r
+ assert.areSame( 'Test', first.$.nodeValue );\r
+ },\r
+\r
+ test_getFirst3 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'append' ) );\r
+ element.setHtml( '' );\r
+ var first = element.getFirst();\r
+ assert.isNull( first );\r
+ },\r
+\r
+ test_setAttribute1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'test1' ) );\r
+ element.setAttribute( 'class', 'Test' );\r
+\r
+ assert.areSame( 'Test', document.getElementById( 'test1' ).className );\r
+ },\r
+\r
+ test_setAttribute2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'test1' ) );\r
+ element.setAttribute( 'style', 'position: absolute;' );\r
+\r
+ assert.areEqual( 'position: absolute;', CKEDITOR.test.getAttribute( element, 'style' ) );\r
+ },\r
+\r
+ test_setAttribute3 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'test1' ) );\r
+ element.setAttribute( 'name', 'TestName' );\r
+\r
+ assert.areEqual( 'TestName', document.getElementById( 'test1' ).name );\r
+ },\r
+\r
+ test_setAttribute4 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'test1' ) );\r
+ element.setAttribute( 'rows', 5 );\r
+\r
+ assert.areEqual( 5, document.getElementById( 'test1' ).rows );\r
+ },\r
+\r
+ test_setAttributes : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'test2' ) );\r
+ element.setAttributes({\r
+ 'class' : 'Test',\r
+ 'style' : 'position: absolute;',\r
+ 'name' : 'TestName',\r
+ 'rows' : 5 });\r
+\r
+ assert.areSame( 'Test', document.getElementById( 'test1' ).className, 'class is wrong' );\r
+ assert.areEqual( 'position: absolute;', CKEDITOR.test.getAttribute( element, 'style'), 'style is wrong' );\r
+ assert.areEqual( 'TestName', document.getElementById( 'test1' ).name, 'name is wrong' );\r
+ assert.areEqual( 5, document.getElementById( 'test1' ).rows, 'rows is wrong' );\r
+ },\r
+\r
+ test_setStyle1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'setStyle' ) );\r
+ element.setStyle( 'position', 'absolute' );\r
+\r
+ assert.areEqual( 'absolute', document.getElementById( 'setStyle' ).style.position );\r
+ },\r
+\r
+ test_setStyle2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'setStyle' ) );\r
+ element.setStyle( 'float', 'right' );\r
+\r
+ assert.areEqual( 'right', document.getElementById( 'setStyle' ).style.cssFloat );\r
+ },\r
+\r
+ test_setStyles : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'setStyle' ) );\r
+ element.setStyles({\r
+ 'position' : 'absolute',\r
+ 'float' : 'right'\r
+ });\r
+\r
+ assert.areEqual( 'absolute', document.getElementById( 'setStyle' ).style.position );\r
+ assert.areEqual( 'right', document.getElementById( 'setStyle' ).style.cssFloat );\r
+ },\r
+\r
+ test_setText1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'setText' ) );\r
+ element.setText( 'A & B' );\r
+ assert.areSame( 'A & B', document.getElementById( 'setText' ).innerHTML );\r
+ },\r
+\r
+ test_setText2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'setText' ) );\r
+ element.setText( 'C & D' );\r
+ assert.areSame( 'C & D', document.getElementById( 'setText' ).innerHTML );\r
+ },\r
+\r
+ test_addClass1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( 'div' );\r
+ element.addClass( 'classA' );\r
+ assert.areSame( 'classA', element.$.className );\r
+ },\r
+\r
+ test_addClass2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( 'div' );\r
+ element.addClass( 'classA' );\r
+ element.addClass( 'classA' );\r
+ assert.areSame( 'classA', element.$.className );\r
+ },\r
+\r
+ test_addClass3 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( 'div' );\r
+ element.addClass( 'classA' );\r
+ element.addClass( 'classB' );\r
+ element.addClass( 'classC' );\r
+ assert.areSame( 'classA classB classC', element.$.className );\r
+ },\r
+\r
+ test_addClass4 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( 'div' );\r
+ element.addClass( 'classA' );\r
+ element.addClass( 'classB' );\r
+ element.addClass( 'classC' );\r
+ element.addClass( 'classA' );\r
+ element.addClass( 'classB' );\r
+ element.addClass( 'classC' );\r
+ assert.areSame( 'classA classB classC', element.$.className );\r
+ },\r
+\r
+ test_removeClass1 : function()\r
+ {\r
+ document.getElementById( 'removeClass' ).innerHTML = '';\r
+\r
+ var element = CKEDITOR.dom.element.createFromHtml( '<div class="classA"></div>' );\r
+ element.appendTo( new CKEDITOR.dom.element( document.getElementById( 'removeClass' ) ) );\r
+\r
+ assert.areSame( '<div class="classa"></div>', getInnerHtml( 'removeClass' ) );\r
+ element.removeClass( 'classA' );\r
+ assert.areSame( '<div></div>', getInnerHtml( 'removeClass' ) );\r
+ },\r
+\r
+ test_removeClass2 : function()\r
+ {\r
+ document.getElementById( 'removeClass' ).innerHTML = '';\r
+\r
+ var element = CKEDITOR.dom.element.createFromHtml( '<div class="classA classB classC classD"></div>' );\r
+ element.appendTo( new CKEDITOR.dom.element( document.getElementById( 'removeClass' ) ) );\r
+\r
+ assert.areSame( '<div class="classa classb classc classd"></div>', getInnerHtml( 'removeClass' ) );\r
+ element.removeClass( 'classA' );\r
+ assert.areSame( '<div class="classb classc classd"></div>', getInnerHtml( 'removeClass' ) );\r
+ element.removeClass( 'classC' );\r
+ assert.areSame( '<div class="classb classd"></div>', getInnerHtml( 'removeClass' ) );\r
+ element.removeClass( 'classD' );\r
+ assert.areSame( '<div class="classb"></div>', getInnerHtml( 'removeClass' ) );\r
+ element.removeClass( 'classB' );\r
+ assert.areSame( '<div></div>', getInnerHtml( 'removeClass' ) );\r
+ },\r
+\r
+ test_removeClass3 : function()\r
+ {\r
+ document.getElementById( 'removeClass' ).innerHTML = '';\r
+\r
+ var element = CKEDITOR.dom.element.createFromHtml( '<div class="classA classB"></div>' );\r
+ element.appendTo( new CKEDITOR.dom.element( document.getElementById( 'removeClass' ) ) );\r
+\r
+ assert.areSame( '<div class="classa classb"></div>', getInnerHtml( 'removeClass' ) );\r
+ element.removeClass( 'classXXX' );\r
+ assert.areSame( '<div class="classa classb"></div>', getInnerHtml( 'removeClass' ) );\r
+ element.removeClass( 'classB' );\r
+ assert.areSame( '<div class="classa"></div>', getInnerHtml( 'removeClass' ) );\r
+ element.removeClass( 'classYYY' );\r
+ assert.areSame( '<div class="classa"></div>', getInnerHtml( 'removeClass' ) );\r
+ },\r
+\r
+ test_removeAttribute1 : function()\r
+ {\r
+ document.getElementById( 'removeClass' ).innerHTML = '';\r
+\r
+ var element = CKEDITOR.dom.element.createFromHtml( '<div class="classA"></div>' );\r
+ element.appendTo( new CKEDITOR.dom.element( document.getElementById( 'removeClass' ) ) );\r
+\r
+ element.removeAttribute( 'class' );\r
+ assert.areSame( '<div></div>', getInnerHtml( 'removeClass' ) );\r
+ },\r
+\r
+ test_removeAttribute2 : function()\r
+ {\r
+ document.getElementById( 'removeClass' ).innerHTML = '';\r
+\r
+ var element = CKEDITOR.dom.element.createFromHtml( '<div style="position:absolute"></div>' );\r
+ element.appendTo( new CKEDITOR.dom.element( document.getElementById( 'removeClass' ) ) );\r
+\r
+ element.removeAttribute( 'style' );\r
+ assert.areSame( '<div></div>', getInnerHtml( 'removeClass' ) );\r
+ },\r
+\r
+ test_removeAttribute3 : function()\r
+ {\r
+ document.getElementById( 'removeClass' ).innerHTML = '';\r
+\r
+ var element = CKEDITOR.dom.element.createFromHtml( '<div title="Test"></div>' );\r
+ element.appendTo( new CKEDITOR.dom.element( document.getElementById( 'removeClass' ) ) );\r
+\r
+ element.removeAttribute( 'title' );\r
+ assert.areSame( '<div></div>', getInnerHtml( 'removeClass' ) );\r
+ },\r
+\r
+ test_remove : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'removeInner' ) );\r
+ element.remove();\r
+\r
+ assert.areSame( '', getInnerHtml( 'removeOuter' ) );\r
+ },\r
+\r
+ test_getAttribute_tabindex1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'tabIndex10' ) );\r
+ assert.areEqual( 10, CKEDITOR.test.getAttribute( element, 'tabindex' ) );\r
+ },\r
+\r
+ test_getAttribute_tabindex2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'tabIndexDef' ) );\r
+ assert.isNull( CKEDITOR.test.getAttribute( element, 'tabindex' ) );\r
+ },\r
+\r
+ test_getAttribute_tabindex3 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'tabIndexInputDef' ) );\r
+ assert.isNull( CKEDITOR.test.getAttribute( element, 'tabindex' ) );\r
+ },\r
+\r
+ test_getAttribute_tabindex4 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'tabIndexInput20' ) );\r
+ assert.areEqual( 20, CKEDITOR.test.getAttribute( element, 'tabindex' ) );\r
+ },\r
+\r
+ test_getAttribute_tabindex5 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'tabIndexScriptDef' ) );\r
+ assert.areEqual( null, CKEDITOR.test.getAttribute( element, 'tabindex' ) );\r
+ },\r
+\r
+ /**\r
+ * Test getAttribute and getAttribute will ingore '_cke_expando' attribute.\r
+ */\r
+ test_getAttribute_ignoreExpandoAttributes : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'testExpandoAttributes' ) );\r
+\r
+ assert.areEqual( 1, CKEDITOR.test.getAttribute( element, 'tabindex' ), 'tabindex is wrong' );\r
+ element.removeAttribute( 'tabindex' );\r
+\r
+ assert.areEqual( 'hasExpando', CKEDITOR.test.getAttribute( element, 'class' ), 'class is wrong' );\r
+ element.removeAttribute( 'class' );\r
+\r
+ assert.areEqual( 'float: right;', CKEDITOR.test.getAttribute( element, 'style' ) );\r
+\r
+ element.removeAttribute( 'style' );\r
+ element.removeAttribute( 'id' );\r
+ assert.isFalse( element.hasAttributes(), 'hasAttributes should be false' );\r
+ },\r
+\r
+ test_getTabIndex1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'tabIndex10' ) );\r
+ assert.areSame( 10, element.getTabIndex() );\r
+ },\r
+\r
+ test_getTabIndex2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'tabIndexDef' ) );\r
+ assert.areSame( -1, element.getTabIndex() );\r
+ },\r
+\r
+ test_getTabIndex3 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'tabIndexInputDef' ) );\r
+ assert.areSame( 0, element.getTabIndex() );\r
+ },\r
+\r
+ test_getTabIndex4 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'tabIndexInput20' ) );\r
+ assert.areSame( 20, element.getTabIndex() );\r
+ },\r
+\r
+ test_getTabIndex5 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'tabIndexScriptDef' ) );\r
+ assert.areSame( -1, element.getTabIndex() );\r
+ },\r
+\r
+ test_private1 : function()\r
+ {\r
+ var a = new CKEDITOR.dom.element( document.getElementById( 'test1' ) );\r
+ var b = new CKEDITOR.dom.element( document.getElementById( 'test1' ) );\r
+\r
+ assert.areSame( a.getPrivate(), b.getPrivate() );\r
+ },\r
+\r
+ test_private2 : function()\r
+ {\r
+ var a = new CKEDITOR.dom.element( document.getElementById( 'test1' ) );\r
+ var b = new CKEDITOR.dom.element( document.getElementById( 'test2' ) );\r
+\r
+ assert.areNotSame( a.getPrivate(), b.getPrivate() );\r
+ },\r
+\r
+ test_getText1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'getText' ) );\r
+\r
+ // IE gives us a different result, which is ok for us (see code comments).\r
+ if ( CKEDITOR.env.ie )\r
+ assert.areSame( 'Some \nsample text for testing', element.getText().replace( /\r\n|\r/g, '\n' ) );\r
+ else\r
+ assert.areSame( 'Some sample text for testing', element.getText() );\r
+ },\r
+\r
+ test_getText2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'getText2' ).getElementsByTagName( 'b' )[0] );\r
+ assert.areSame( ' ', element.getText() );\r
+ },\r
+\r
+ test_getText3 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'getText3' ) );\r
+\r
+ // IE gives us a different result, which is ok for us (see code comments).\r
+ if ( CKEDITOR.env.ie )\r
+ assert.areSame( 'A B', element.getText() );\r
+ else\r
+ assert.areSame( 'A\nB', element.getText().replace( /\r\n|\r/g, '\n' ) );\r
+ },\r
+\r
+ test_hasAttributes1 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementsByTagName( 'big' )[0] );\r
+ assert.isFalse( element.hasAttributes() );\r
+ },\r
+\r
+ test_hasAttributes2 : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementsByTagName( 'small' )[0] );\r
+ assert.isTrue( element.hasAttributes() );\r
+ },\r
+\r
+ /**\r
+ * Test detecting of 'class' attribute in IE6/7.\r
+ */\r
+ test_hasAttributes_4075 : function()\r
+ {\r
+ if ( !CKEDITOR.env.ie && ( CKEDITOR.env.ie7Compat || CKEDITOR.env.ie6Compat ) )\r
+ return;\r
+ var element = new CKEDITOR.dom.element( 'span' );\r
+ element.setAttribute( 'class', 'value' );\r
+ assert.isTrue( element.hasAttributes(), 'Failed to detect "class" attribute existence.' );\r
+ },\r
+\r
+ test_getDocumentPosition : function()\r
+ {\r
+ // Assign the page location of the element.\r
+ YAHOO.util.Dom.setXY('DocPositionTarget', [ 350, 450 ] );\r
+ var pos = CKEDITOR.document.getById( 'DocPositionTarget' ).getDocumentPosition();\r
+ if ( !CKEDITOR.env.ie || CKEDITOR.env.ie8 )\r
+ {\r
+ assert.areEqual( 350, pos.x, 'Position coordinates:x relative to document doesn\'t match.' );\r
+ assert.areEqual( 450, pos.y, 'Position coordinates:y relative to document doesn\'t match.' );\r
+ }\r
+ else\r
+ {\r
+ assert.isTrue( pos.x == 348 || pos.x == 349, 'Position coordinates:x relative to document doesn\'t match.' );\r
+ assert.areEqual( 448, pos.y, 'Position coordinates:y relative to document doesn\'t match.' );\r
+ }\r
+ },\r
+\r
+ // Test get last non-spaces child node.\r
+ test_getLast : function()\r
+ {\r
+ var element = new CKEDITOR.dom.element( document.getElementById( 'append' ) );\r
+ var span1 = new CKEDITOR.dom.element( 'span' );\r
+ element.append( span1 );\r
+ element.append( new CKEDITOR.dom.text( ' ' ) );\r
+ element.append( new CKEDITOR.dom.text( ' ' ) );\r
+ var last = element.getLast( CKEDITOR.dom.walker.whitespaces( true ) );\r
+ assert.areSame( span1.$, last.$ );\r
+ },\r
+\r
+\r
+ name : document.title\r
+ };\r
+})() );\r
+\r
+ //]]>\r
+ </script>\r
+ <style type="text/css" media="screen">\r
+ #test-computed {\r
+ width:50%;\r
+ margin:auto;\r
+ padding:10px;\r
+ z-index: 2;\r
+ }\r
+ .scroll\r
+ {\r
+ overflow: visible;\r
+ }\r
+ .block1\r
+ {\r
+ width: 100%;\r
+ height: 100px;\r
+ background-color: blue;\r
+ text-align: center;\r
+ }\r
+ .block2\r
+ {\r
+ margin: auto;\r
+ width: 200px;\r
+ height: 200px;\r
+ background-color: green;\r
+ position : relative;\r
+ }\r
+ .block3\r
+ {\r
+ position: absolute;\r
+ float:right;\r
+ width: 300px;\r
+ height: 300px;\r
+ background-color: black;\r
+ }\r
+ .block4\r
+ {\r
+ position: absolute;\r
+ left: 50px;\r
+ right: 50px;\r
+ width: 400px;\r
+ height: 400px;\r
+ background-color: pink;\r
+ }\r
+ #DocPositionTarget\r
+ {\r
+ background-color: red;\r
+ }\r
+ </style>\r
+</head>\r
+<body>\r
+ <textarea id="test1" rows="10" cols="80"></textarea>\r
+ <textarea id="test2" rows="10" cols="80"></textarea>\r
+ <textarea name="named1" rows="10" cols="80"></textarea>\r
+ <div>Test</div>\r
+ <div id="append"></div>\r
+ <div id="setStyle"></div>\r
+ <div id="setText"></div>\r
+ <div id="removeClass"></div>\r
+ <div id="removeOuter"><b id="removeInner"></b></div>\r
+ <div id="tabIndex10" tabindex="10"></div>\r
+ <div id="testExpandoAttributes" _cke_expando ="1" class="hasExpando" tabindex="1" style="float:right"></div>\r
+ <div id="tabIndexDef"></div>\r
+ <input id="tabIndexInputDef" />\r
+ <input id="tabIndexInput20" tabindex="20" />\r
+ <script id="tabIndexScriptDef" type="text/javascript"></script>\r
+ <div id="getText">Some <br /><b> sample text</b> for <i> testing</i></div>\r
+ <div id="getText2">A<b> </b>B</div>\r
+ <div id="getText3">A\r
+B</div>\r
+ <big>Test</big>\r
+ <small title="Testing">Test</small>\r
+\r
+ <div class="block1 scroll" id="block1"><div class="block2 scroll" id="block2"><div class="block3 scroll" id="block3"><div class="block4 scroll" id="block4"><div id="DocPositionTarget">target</div></div></div></div></div>\r
+\r
+</body>\r
+</html>\r
Got questions, comments, patches, etc.? Contact Jason Woofenden