2007-01-18 22:24:27 +00:00
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en" >
< head >
< title > Prototype Unit test file< / title >
< meta http-equiv = "content-type" content = "text/html; charset=utf-8" / >
2008-02-04 23:22:18 +00:00
< script type = "text/javascript" charset = "utf-8" >
var originalElement = Element;
< / script >
2007-01-18 22:24:27 +00:00
< script src = "../../dist/prototype.js" type = "text/javascript" > < / script >
< script src = "../lib/unittest.js" type = "text/javascript" > < / script >
< link rel = "stylesheet" href = "../test.css" type = "text/css" / >
< style type = "text/css" media = "screen" >
/* < ![CDATA[ */
#testcss1 { font-size:11px; color: #f00; }
#testcss2 { font-size:12px; color: #0f0; display: none; }
#style_test_1 { cursor: pointer; font-size:12px;}
div.style-test { margin-left: 1px }
2007-06-10 12:58:32 +00:00
#style_test_dimensions_container {
position: absolute;
top: 0;
left: 500px;
width: 20px;
height: 30px;
margin: 10px;
padding: 10px;
border: 3px solid red;
}
2007-01-18 22:24:27 +00:00
#not_floating_style { float: none }
#floating_style { float: left }
#op2 { opacity:0.5;filter:alpha(opacity=50)progid:DXImageTransform.Microsoft.Blur(strength=10);}
#scroll_test_1 {
margin: 10px;
padding: 10px;
position: relative;
}
#scroll_test_2 {
position: absolute;
left: 10px;
top: 10px;
}
#dimensions-visible,
#dimensions-display-none,
#dimensions-visible-pos-rel,
#dimensions-display-none-pos-rel,
#dimensions-visible-pos-abs,
#dimensions-display-none-pos-abs {
font-size: 10px;
height: 10em;
width: 20em;
}
#dimensions-visible-pos-abs,
#dimensions-display-none-pos-abs {
position: absolute;
top: 15px;
left: 15px;
}
#dimensions-visible-pos-rel,
#dimensions-display-none-pos-rel {
position: relative;
top: 15px;
left: 15px;
}
#dimensions-display-none, #imensions-display-none-pos-rel, #dimensions-display-none-pos-abs {
display: none;
}
#dimensions-table, #dimensions-tbody, #dimensions-tr, #dimensions-td {
font-size: 10px;
margin: 0;
padding: 0;
border: 0;
border-spacing: 0;
height: 10em;
width: 20em;
}
2007-06-06 14:30:01 +00:00
#notInlineAbsoluted { position: absolute; }
2007-01-18 22:24:27 +00:00
2007-12-04 04:28:27 +00:00
#elementToViewportDimensions {
position: absolute;
top: 0;
left: 0;
height: 10px;
width: 10px;
background: #000;
}
2007-01-18 22:24:27 +00:00
/* for scroll test on really big screens */
body {
height: 40000px;
}
/* ]]> */
< / style >
< / head >
< body >
< h1 > Prototype Unit test file< / h1 >
< p >
Test of functions in dom.js
< / p >
<!-- Log output -->
< div id = "scroll_test_1" >
< p id = "scroll_test_2" > Scroll test< / p >
< / div >
< div id = "testlog" > < / div >
< div id = "test-visible" > visible< / div >
< div id = "test-hidden" style = "display:none;" > hidden< / div >
< div id = "test-toggle-visible" > visible< / div >
< div id = "test-toggle-hidden" style = "display:none;" > hidden< / div >
< div id = "test-hide-visible" > visible< / div >
< div id = "test-hide-hidden" style = "display:none;" > hidden< / div >
< div id = "test-show-visible" > visible< / div >
< div id = "test-show-hidden" style = "display:none;" > hidden< / div >
< div id = "removable-container" > < div id = "removable" > < / div > < / div >
< div >
< table >
< tbody id = "table" >
< tr >
< td > Data< / td >
< / tr >
< tr >
< td id = "a_cell" > First Row< / td >
< / tr >
< tr id = "second_row" >
< td > Second Row< / td >
< / tr >
< / tbody >
< / table >
< / div >
< div id = "table-container-to-replace" >
< table >
< tbody id = "table-to-replace" >
< tr >
< td > Data< / td >
< / tr >
< tr >
< td id = "a_cell-to-replace" > First Row< / td >
< / tr >
< tr id = "second_row-to-replace" >
< td > Second Row< / td >
< / tr >
< / tbody >
< / table >
< / div >
< p class = "test" > Test paragraph outside of container< / p >
< div id = "container" >
< p class = "test" id = "intended" > Test paragraph 1 inside of container< / p >
< p class = "test" > Test paragraph 2 inside of container< / p >
< p class = "test" > Test paragraph 3 inside of container< / p >
< p class = "test" > Test paragraph 4 inside of container< / p >
< / div >
< div id = "testdiv" > to be updated< / div >
< div id = "testdiv-replace-container-1" > < div id = "testdiv-replace-1" > < / div > < / div >
< div id = "testdiv-replace-container-2" > < div id = "testdiv-replace-2" > < / div > < / div >
< div id = "testdiv-replace-container-3" > < div id = "testdiv-replace-3" > < / div > < / div >
< div id = "testdiv-replace-container-4" > < div id = "testdiv-replace-4" > < / div > < / div >
< div id = "testdiv-replace-container-5" > < div id = "testdiv-replace-5" > < / div > < / div >
2007-07-24 18:52:17 +00:00
< div id = "testdiv-replace-container-element" > < div id = "testdiv-replace-element" > < / div > < / div >
< div id = "testdiv-replace-container-toelement" > < div id = "testdiv-replace-toelement" > < / div > < / div >
< div id = "testdiv-replace-container-tohtml" > < div id = "testdiv-replace-tohtml" > < / div > < / div >
< div id = "testtable-replace-container" > < table id = "testtable-replace" > < / table > < / div >
< table id = "testrow-replace-container" > < tr id = "testrow-replace" > < / tr > < / table >
< select id = "testoption-replace-container" > < option id = "testoption-replace" > < / option > < option > stays< / option > < / select >
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
< div id = "testform-replace-container" > < p > some text< / p > < form id = "testform-replace" > < input id = "testinput-replace" type = "text" / > < / form > < p > some text< / p > < / div >
2007-01-18 22:24:27 +00:00
< div id = "element_with_visible_overflow" style = "overflow:visible" > V< / div >
< div id = "element_with_hidden_overflow" style = "overflow:hidden" > H< / div >
< div id = "element_with_scroll_overflow" style = "overflow:scroll" > S< / div >
< div id = "element_extend_test" > < / div >
2007-03-11 22:40:24 +00:00
< div id = "element_reextend_test" > < div id = "discard_1" > < / div > < / div >
2007-01-18 22:24:27 +00:00
< div id = "test_whitespace" > < span > < / span >
< div > < div > < / div > < / div > < span > < / span >
< / div >
< div id = "nav_tests_isolator" >
< div id = "nav_test_first_sibling" > < / div >
< div > < / div >
< p id = "nav_test_p" class = "test" > < / p >
< span id = "nav_test_prev_sibling" > < / span >
< ul id = "navigation_test" style = "display: none" >
2007-11-27 18:43:56 +00:00
<!-- comment node to screw things up -->
2007-01-18 22:24:27 +00:00
< li class = "first" > < em > A< / em > < / li >
< li > < em class = "dim" > B< / em > < / li >
< li id = "navigation_test_c" >
< em > C< / em >
< ul >
< li > < em class = "dim" > E< / em > < / li >
< li id = "navigation_test_f" > < em > F< / em > < / li >
< / ul >
< / li >
< li class = "last" > < em > D< / em > < / li >
< / ul >
< div id = "navigation_test_next_sibling" >
<!-- -->
< / div >
< p > < / p >
< / div >
< div id = "class_names" >
< p class = "A" > < / p >
< ul class = "A B" id = "class_names_ul" >
< li class = "C" > < / li >
< li class = "A C" > < / li >
2007-06-17 22:26:46 +00:00
< li class = "1" > < / li >
2007-01-18 22:24:27 +00:00
< / ul >
< div class = "B C D" > < / div >
2007-06-17 22:26:46 +00:00
< div id = "unextended" > < / div >
2007-01-18 22:24:27 +00:00
< / div >
< div id = "style_test_1" style = "display:none;" > < / div >
< div id = "style_test_2" class = "style-test" style = "font-size:11px;" > < / div >
< div id = "style_test_3" > blah< / div >
2007-10-22 13:14:56 +00:00
< span id = "style_test_4" > blah< / span >
< span id = "style_test_5" > blah< / span >
2007-01-18 22:24:27 +00:00
2007-06-10 12:58:32 +00:00
< div id = "style_test_dimensions_container" >
2007-08-10 14:19:30 +00:00
< div id = "style_test_dimensions" style = "background:#ddd;padding:1px;margin:1px;border:1px solid #00f" > < div style = "height:5px;background:#eee;width:5px;padding:2px;margin:2px;border:2px solid #0f0" > < / div >
2007-06-10 12:58:32 +00:00
< / div >
< / div >
2007-01-18 22:24:27 +00:00
2007-07-24 18:14:36 +00:00
< div id = "test_csstext_1" > test_csstext_1< / div >
< div id = "test_csstext_2" > test_csstext_2< / div >
< div id = "test_csstext_3" style = "border: 1px solid red" > test_csstext_3< / div >
< div id = "test_csstext_4" style = "font-size: 20px" > test_csstext_4< / div >
< div id = "test_csstext_5" > test_csstext_5< / div >
2007-01-18 22:24:27 +00:00
< div id = "custom_attributes" >
< div foo = "1" bar = "2" > < / div >
< div foo = "2" > < / div >
< / div >
2007-07-24 17:31:23 +00:00
< div id = "cloned_element_attributes_issue" foo = "original" > < / div >
< a id = "attributes_with_issues_1" href = "test.html" accesskey = "L" tabindex = "50" title = "a link" onclick = "alert('hello world');" > < / a >
2007-01-18 22:24:27 +00:00
< a id = "attributes_with_issues_2" href = "" accesskey = "" tabindex = "" title = "" > < / a >
< a id = "attributes_with_issues_3" > < / a >
2007-03-08 22:43:18 +00:00
< form id = "attributes_with_issues_form" method = "post" action = "blah" >
< input type = "checkbox" id = "attributes_with_issues_checked" name = "a" checked = "checked" / >
< input type = "checkbox" id = "attributes_with_issues_disabled" name = "b" checked = "checked" disabled = "disabled" / >
< input type = "text" id = "attributes_with_issues_readonly" name = "c" readonly = "readonly" value = "blech" / >
2007-04-28 02:23:26 +00:00
< input type = "date" id = "attributes_with_issues_type" value = "blech" / >
2007-03-08 22:43:18 +00:00
< select id = "attributes_with_issues_multiple" name = "e" multiple = "multiple" >
< option > blech< / option >
< option > blah< / option >
< / select >
< / form >
2007-01-18 22:24:27 +00:00
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
<!-- writeAttributes -->
< p id = "write_attribute_para" > < / a >
< a id = "write_attribute_link" href = "test.html" > < / a >
< form action = "/dev/null" id = "write_attribute_form" method = "get" accept-charset = "utf-8" >
< label id = "write_attribute_label" > < / label >
< input type = "checkbox" name = "write_attribute_checkbox" value = "" id = "write_attribute_checkbox" >
< input type = "checkbox" checked = "checked" name = "write_attribute_checked_checkbox" value = "" id = "write_attribute_checked_checkbox" >
< input type = "text" name = "write_attribute_input" value = "" id = "write_attribute_input" >
< select id = "write_attribute_select" >
< option > Cat< / option >
< option > Dog< / option >
< / select >
< / form >
2008-01-23 12:17:26 +00:00
< table id = "write_attribute_table" cellpadding = "6" cellspacing = "4" >
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
< tr > < td id = "write_attribute_td" > A< / td > < td > B< / td > < / tr >
< tr > < td > C< / td > < / tr >
< tr > < td > D< / td > < td > E< / td > < td > F< / td > < / tr >
< / table >
2007-01-18 22:24:27 +00:00
< div id = "dom_attribute_precedence" >
2007-03-08 22:43:18 +00:00
< form action = "blech" method = "post" >
2007-01-18 22:24:27 +00:00
< input type = "submit" id = "update" / >
< / form >
< / div >
< div id = "not_floating_none" > NFN< / div >
< div id = "not_floating_inline" style = "float:none" > NFI< / div >
< div id = "not_floating_style" > NFS< / div >
< div id = "floating_inline" style = "float:left" > FI< / div >
< div id = "floating_style" > FS< / div >
<!-- Test Element opacity functions -->
< img id = "op1" alt = "op2" src = "fixtures/logo.gif" style = "opacity:0.5;filter:alpha(opacity=50)" / >
< img id = "op2" alt = "op2" src = "fixtures/logo.gif" / >
< img id = "op3" alt = "op3" src = "fixtures/logo.gif" / >
< img id = "op4-ie" alt = "op3" src = "fixtures/logo.gif" style = "filter:alpha(opacity=30)" / >
< div id = "dimensions-visible" > < / div >
< div id = "dimensions-display-none" > < / div >
< div id = "dimensions-visible-pos-rel" > < / div >
< div id = "dimensions-display-none-pos-rel" > < / div >
< div id = "dimensions-visible-pos-abs" > < / div >
< div id = "dimensions-display-none-pos-abs" > < / div >
< table border = "0" cellspacing = "0" cellpadding = "0" id = "dimensions-table" >
< tbody id = "dimensions-tbody" >
< tr id = "dimensions-tr" >
< td id = "dimensions-td" > Data< / td >
< / tr >
< / tbody >
< / table >
2007-03-27 18:04:59 +00:00
< div id = "dimensions-nester" style = "width: 500px;" >
< div id = "dimensions-nestee" style = "display: none" > This is a nested DIV. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.< / div >
< / div >
2007-01-18 22:24:27 +00:00
< p id = "test-empty" > < / p >
< p id = "test-empty-but-contains-whitespace" >
< / p >
< p id = "test-full" > content< / p >
2007-11-01 15:11:52 +00:00
< div id = "ancestor" >
< div id = "child" >
< div id = "grand-child" >
< div id = "great-grand-child" > < / div >
< / div > < / div > <!-- intentional formatting; don't change this line -->
< div id = "sibling" > < div id = "grand-sibling" > < / div > < / div >
< / div >
2007-01-18 22:24:27 +00:00
< div id = "not-in-the-family" > < / div >
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
< div id = "insertions-container" > < div id = "insertions-main" > < p > some content.< / p > < / div > < / div >
< div id = "insertions-node-container" > < div id = "insertions-node-main" > < p > some content.< / p > < / div > < / div >
< div id = "element-insertions-container" > < div id = "element-insertions-main" > < p > some content.< / p > < / div > < / div >
2007-06-02 15:08:50 +00:00
< div id = "element-insertions-multiple-container" > < div id = "element-insertions-multiple-main" > < p > some content.< / p > < / div > < / div >
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
< table id = "table_for_insertions" > < / table >
< table id = "table_for_row_insertions" > < tr id = "row_1" > < / tr > < / table >
< form method = "post" action = "blah" >
< select id = "select_for_update" name = "select_for_update" >
< option > option 1< / option >
< option > option 2< / option >
< / select >
< select id = "select_for_insert_bottom" name = "select_for_insert_bottom" >
< option > option 1< / option >
< option > option 2< / option >
< / select >
< select id = "select_for_insert_top" name = "select_for_insert_top" >
< option > option 1< / option >
< option > option 2< / option >
< / select >
< / form >
< div id = "wrap-container" > < p id = "wrap" > < / p > < / div >
<!-- Positioning methods bench -->
< div id = "body_absolute" style = "position: absolute; top: 10px; left: 10px" >
< div id = "absolute_absolute" style = "position: absolute; top: 10px; left:10px" > < / div >
< div id = "absolute_relative" style = "position: relative; top: 10px; left:10px" >
2007-08-10 14:19:30 +00:00
< div style = "height:10px;font-size:2px" > test< span id = "inline" > test< / span > < / div >
< div id = "absolute_relative_undefined" > XYZ< / div >
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
< / div >
2008-01-25 22:02:12 +00:00
< div id = "absolute_fixed" style = "position: fixed; top: 10px; left: 10px" >
< span id = "absolute_fixed_absolute" style = "position: absolute; top: 10px; left: 10px" > foo< / span >
< span id = "absolute_fixed_undefined" style = "display:block" > bar< / span >
< / div > < / div >
2007-06-06 14:30:01 +00:00
< div id = "notInlineAbsoluted" > < / div >
< div id = "inlineAbsoluted" style = "position: absolute" > < / div >
2007-06-17 22:26:46 +00:00
< div id = "unextended" > < / div >
2007-07-24 17:41:27 +00:00
< div id = "identification" >
< div id = "predefined_id" > < / div >
< div > < / div >
< div > < / div >
< div > < / div >
< div id = "anonymous_element_3" > < / div >
< / div >
2007-06-17 22:26:46 +00:00
2007-12-04 04:28:27 +00:00
< div id = 'elementToViewportDimensions' style = 'display: none' > < / div >
2007-01-18 22:24:27 +00:00
<!-- Tests follow -->
< script type = "text/javascript" language = "javascript" charset = "utf-8" >
// < ![CDATA[
2007-04-03 22:21:58 +00:00
var testVar = 'to be updated', testVar2 = '';
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var getInnerHTML = function(id) {
return $(id).innerHTML.toString().toLowerCase().gsub(/[\r\n\t]/, '');
};
2007-07-24 18:52:17 +00:00
var createParagraph = function(text) {
var p = document.createElement('p');
p.appendChild(document.createTextNode(text));
return p;
}
2007-04-24 05:23:41 +00:00
Element.addMethods({
hashBrowns: function(element) { return 'hash browns'; }
});
2007-01-27 19:45:34 +00:00
Element.addMethods("LI", {
pancakes: function(element) { return "pancakes"; }
});
Element.addMethods("DIV", {
waffles: function(element) { return "waffles"; }
});
Element.addMethods($w("li div"), {
orangeJuice: function(element) { return "orange juice"; }
});
2007-12-04 04:28:27 +00:00
// Based on properties check from http://www.quirksmode.org/viewport/compatibility.html
var documentViewportProperties = {
properties : [
'self.pageXOffset', 'self.pageYOffset',
'self.screenX', 'self.screenY',
'self.innerHeight', 'self.innerWidth',
'self.outerHeight', 'self.outerWidth',
'self.screen.height', 'self.screen.width',
'self.screen.availHeight', 'self.screen.availWidth',
'self.screen.availTop', 'self.screen.availLeft',
'self.screen.Top', 'self.screen.Left',
'self.screenTop', 'self.screenLeft',
'document.body.clientHeight', 'document.body.clientWidth',
'document.body.scrollHeight', 'document.body.scrollWidth',
'document.body.scrollLeft', 'document.body.scrollTop',
'document.body.offsetHeight', 'document.body.offsetWidth',
'document.body.offsetTop', 'document.body.offsetLeft'
].inject([], function(properties, prop) {
if(!self.screen & & prop.include('self.screen')) return;
if (!document.body & & prop.include('document.body')) return;
properties.push(prop);
if (prop.include('.body') & & document.documentElement)
properties.push(prop.sub('.body', '.documentElement'));
return properties;
}),
inspect : function() {
var props = [];
this.properties.each(function(prop) {
if (eval(prop)) props[prop] = eval(prop);
2008-03-16 18:53:51 +00:00
}, this);
2007-12-04 04:28:27 +00:00
return props;
}
};
2007-01-27 19:45:34 +00:00
2007-01-18 22:24:27 +00:00
new Test.Unit.Runner({
2008-03-16 18:53:51 +00:00
testDollarFunction: function() {
this.assertUndefined($());
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
this.assertNull(document.getElementById('noWayThisIDExists'));
this.assertNull($('noWayThisIDExists'));
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
this.assertIdentical(document.getElementById('testdiv'), $('testdiv'));
this.assertEnumEqual([ $('testdiv'), $('container') ], $('testdiv', 'container'));
this.assertEnumEqual([ $('testdiv'), undefined, $('container') ],
2007-01-18 22:24:27 +00:00
$('testdiv', 'noWayThisIDExists', 'container'));
var elt = $('testdiv');
2008-03-16 18:53:51 +00:00
this.assertIdentical(elt, $(elt));
this.assertRespondsTo('hide', elt);
this.assertRespondsTo('childOf', elt);
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testGetElementsByClassName: function() {
2007-12-04 03:58:44 +00:00
if (document.getElementsByClassName.toString().include('[native code]')) {
2008-03-16 18:53:51 +00:00
this.info("browser uses native getElementsByClassName; skipping tests");
2007-12-04 03:58:44 +00:00
return;
}
2007-06-17 22:26:46 +00:00
2007-12-04 03:58:44 +00:00
var div = $('class_names'), list = $('class_names_ul');
2008-03-16 18:53:51 +00:00
this.assertElementsMatch(document.getElementsByClassName('A'), 'p.A', 'ul#class_names_ul.A', 'li.A.C');
2007-06-17 22:26:46 +00:00
if (Prototype.Browser.IE)
2008-03-16 18:53:51 +00:00
this.assertUndefined(document.getElementById('unextended').show);
this.assertElementsMatch(div.getElementsByClassName('B'), 'ul#class_names_ul.A.B', 'div.B.C.D');
this.assertElementsMatch(div.getElementsByClassName('D C B'), 'div.B.C.D');
this.assertElementsMatch(div.getElementsByClassName(' D\nC\tB '), 'div.B.C.D');
this.assertElementsMatch(div.getElementsByClassName($w('D C B')));
this.assertElementsMatch(list.getElementsByClassName('A'), 'li.A.C');
this.assertElementsMatch(list.getElementsByClassName(' A '), 'li.A.C');
this.assertElementsMatch(list.getElementsByClassName('C A'), 'li.A.C');
this.assertElementsMatch(list.getElementsByClassName("C\nA "), 'li.A.C');
this.assertElementsMatch(list.getElementsByClassName('B'));
this.assertElementsMatch(list.getElementsByClassName('1'), 'li.1');
this.assertElementsMatch(list.getElementsByClassName([1]), 'li.1');
this.assertElementsMatch(list.getElementsByClassName(['1 junk']));
this.assertElementsMatch(list.getElementsByClassName(''));
this.assertElementsMatch(list.getElementsByClassName(' '));
this.assertElementsMatch(list.getElementsByClassName(['']));
this.assertElementsMatch(list.getElementsByClassName([' ', '']));
this.assertElementsMatch(list.getElementsByClassName({}));
2007-06-17 22:29:44 +00:00
2007-06-17 22:26:46 +00:00
// those lookups shouldn't have extended all nodes in document
2008-03-16 18:53:51 +00:00
if (Prototype.Browser.IE) this.assertUndefined(document.getElementById('unextended')['show']);
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testElementInsertWithHTML: function() {
2007-06-02 15:08:50 +00:00
Element.insert('insertions-main', {before:'< p > < em > before< / em > text< / p > < p > more testing< / p > '});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-container').startsWith('< p > < em > before< / em > text< / p > < p > more testing< / p > '));
2007-06-02 15:08:50 +00:00
Element.insert('insertions-main', {after:'< p > < em > after< / em > text< / p > < p > more testing< / p > '});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-container').endsWith('< p > < em > after< / em > text< / p > < p > more testing< / p > '));
2007-06-02 15:08:50 +00:00
Element.insert('insertions-main', {top:'< p > < em > top< / em > text.< / p > < p > more testing< / p > '});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-main').startsWith('< p > < em > top< / em > text.< / p > < p > more testing< / p > '));
2007-06-02 15:08:50 +00:00
Element.insert('insertions-main', {bottom:'< p > < em > bottom< / em > text.< / p > < p > more testing< / p > '});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-main').endsWith('< p > < em > bottom< / em > text.< / p > < p > more testing< / p > '));
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testElementInsertWithDOMNode: function() {
2007-06-02 15:08:50 +00:00
Element.insert('insertions-node-main', {before: createParagraph('node before')});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-node-container').startsWith('< p > node before< / p > '));
2007-06-02 15:08:50 +00:00
Element.insert('insertions-node-main', {after: createParagraph('node after')});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-node-container').endsWith('< p > node after< / p > '));
2007-06-02 15:08:50 +00:00
Element.insert('insertions-node-main', {top:createParagraph('node top')});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-node-main').startsWith('< p > node top< / p > '));
2007-06-02 15:08:50 +00:00
Element.insert('insertions-node-main', {bottom:createParagraph('node bottom')});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-node-main').endsWith('< p > node bottom< / p > '));
this.assertEqual($('insertions-node-main'), $('insertions-node-main').insert(document.createElement('p')));
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementInsertWithToElementMethod: function() {
2007-07-24 18:52:17 +00:00
Element.insert('insertions-node-main', {toElement: createParagraph.curry('toElement') });
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-node-main').endsWith('< p > toelement< / p > '));
2007-07-24 18:52:17 +00:00
Element.insert('insertions-node-main', {bottom: {toElement: createParagraph.curry('bottom toElement') }});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-node-main').endsWith('< p > bottom toelement< / p > '));
},
2007-07-24 18:52:17 +00:00
2008-03-16 18:53:51 +00:00
testElementInsertWithToHTMLMethod: function() {
2007-07-24 18:52:17 +00:00
Element.insert('insertions-node-main', {toHTML: function() { return '< p > toHTML< / p > '} });
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-node-main').endsWith('< p > tohtml< / p > '));
2007-07-24 18:52:17 +00:00
Element.insert('insertions-node-main', {bottom: {toHTML: function() { return '< p > bottom toHTML< / p > '} }});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-node-main').endsWith('< p > bottom tohtml< / p > '));
},
2007-07-24 18:52:17 +00:00
2008-03-16 18:53:51 +00:00
testElementInsertWithNonString: function() {
2007-06-02 15:08:50 +00:00
Element.insert('insertions-main', {bottom:3});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('insertions-main').endsWith('3'));
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testElementInsertInTables: function() {
2007-06-02 15:08:50 +00:00
Element.insert('second_row', {after:'< tr id = "third_row" > < td > Third Row< / td > < / tr > '});
2008-03-16 18:53:51 +00:00
this.assert($('second_row').descendantOf('table'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2007-06-02 15:08:50 +00:00
$('a_cell').insert({top:'hello world'});
2008-03-16 18:53:51 +00:00
this.assert($('a_cell').innerHTML.startsWith('hello world'));
2007-06-02 15:08:50 +00:00
$('a_cell').insert({after:'< td > hi planet< / td > '});
2008-03-16 18:53:51 +00:00
this.assertEqual('hi planet', $('a_cell').next().innerHTML);
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('table_for_insertions').insert('< tr > < td > a cell!< / td > < / tr > ');
2008-03-16 18:53:51 +00:00
this.assert($('table_for_insertions').innerHTML.gsub('\r\n', '').toLowerCase().include('< tr > < td > a cell!< / td > < / tr > '));
2007-06-02 15:08:50 +00:00
$('row_1').insert({after:'< tr > < / tr > < tr > < / tr > < tr > < td > last< / td > < / tr > '});
2008-03-16 18:53:51 +00:00
this.assertEqual('last', $A($('table_for_row_insertions').getElementsByTagName('tr')).last().lastChild.innerHTML);
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testElementInsertInSelect: function() {
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var selectTop = $('select_for_insert_top'), selectBottom = $('select_for_insert_bottom');
selectBottom.insert('< option value = "33" > option 33< / option > < option selected = "selected" > option 45< / option > ');
2008-03-16 18:53:51 +00:00
this.assertEqual('option 45', selectBottom.getValue());
2007-06-02 15:08:50 +00:00
selectTop.insert({top:'< option value = "A" > option A< / option > < option value = "B" selected = "selected" > option B< / option > '});
2008-03-16 18:53:51 +00:00
this.assertEqual(4, selectTop.options.length);
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testElementMethodInsert: function() {
2007-06-02 15:08:50 +00:00
$('element-insertions-main').insert({before:'some text before'});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('element-insertions-container').startsWith('some text before'));
2007-06-02 15:08:50 +00:00
$('element-insertions-main').insert({after:'some text after'});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('element-insertions-container').endsWith('some text after'));
2007-06-02 15:08:50 +00:00
$('element-insertions-main').insert({top:'some text top'});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('element-insertions-main').startsWith('some text top'));
2007-06-02 15:08:50 +00:00
$('element-insertions-main').insert({bottom:'some text bottom'});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('element-insertions-main').endsWith('some text bottom'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('element-insertions-main').insert('some more text at the bottom');
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('element-insertions-main').endsWith('some more text at the bottom'));
2007-05-12 19:12:04 +00:00
2007-06-02 15:08:50 +00:00
$('element-insertions-main').insert({TOP:'some text uppercase top'});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('element-insertions-main').startsWith('some text uppercase top'));
2007-06-02 15:08:50 +00:00
$('element-insertions-multiple-main').insert({
top:'1', bottom:2, before: new Element('p').update('3'), after:'4'
});
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('element-insertions-multiple-main').startsWith('1'));
this.assert(getInnerHTML('element-insertions-multiple-main').endsWith('2'));
this.assert(getInnerHTML('element-insertions-multiple-container').startsWith('< p > 3< / p > '));
this.assert(getInnerHTML('element-insertions-multiple-container').endsWith('4'));
2007-06-02 16:00:47 +00:00
$('element-insertions-main').update('test');
$('element-insertions-main').insert(null);
$('element-insertions-main').insert({bottom:null});
2008-03-16 18:53:51 +00:00
this.assertEqual('test', getInnerHTML('element-insertions-main'));
2007-06-02 16:00:47 +00:00
$('element-insertions-main').insert(1337);
2008-03-16 18:53:51 +00:00
this.assertEqual('test1337', getInnerHTML('element-insertions-main'));
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testNewElementInsert: function() {
2008-01-03 01:50:36 +00:00
var container = new Element('div');
element = new Element('div');
container.insert(element);
element.insert({ before: '< p > a paragraph< / p > ' });
2008-03-16 18:53:51 +00:00
this.assertEqual('< p > a paragraph< / p > < div > < / div > ', getInnerHTML(container));
2008-01-03 01:50:36 +00:00
element.insert({ after: 'some text' });
2008-03-16 18:53:51 +00:00
this.assertEqual('< p > a paragraph< / p > < div > < / div > some text', getInnerHTML(container));
2008-01-03 01:50:36 +00:00
element.insert({ top: '< p > a paragraph< / p > ' });
2008-03-16 18:53:51 +00:00
this.assertEqual('< p > a paragraph< / p > ', getInnerHTML(element));
2008-01-03 01:50:36 +00:00
element.insert('some text');
2008-03-16 18:53:51 +00:00
this.assertEqual('< p > a paragraph< / p > some text', getInnerHTML(element));
},
2008-01-03 01:50:36 +00:00
2008-03-16 18:53:51 +00:00
testInsertionBackwardsCompatibility: function() {
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
new Insertion.Before('element-insertions-main', 'some backward-compatibility testing before');
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('element-insertions-container').include('some backward-compatibility testing before'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
new Insertion.After('element-insertions-main', 'some backward-compatibility testing after');
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('element-insertions-container').include('some backward-compatibility testing after'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
new Insertion.Top('element-insertions-main', 'some backward-compatibility testing top');
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('element-insertions-main').startsWith('some backward-compatibility testing top'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
new Insertion.Bottom('element-insertions-main', 'some backward-compatibility testing bottom');
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('element-insertions-main').endsWith('some backward-compatibility testing bottom'));
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testElementWrap: function() {
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var element = $('wrap'), parent = document.createElement('div');
2007-07-24 19:08:55 +00:00
element.wrap();
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('wrap-container').startsWith('< div > < p ' ) ) ;
2007-07-24 19:08:55 +00:00
element.wrap('div');
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('wrap-container').startsWith('< div > < div > < p ' ) ) ;
2007-08-10 14:19:30 +00:00
2007-07-24 19:08:55 +00:00
element.wrap(parent);
2008-03-16 18:53:51 +00:00
this.assert(Object.isFunction(parent.setStyle));
this.assert(getInnerHTML('wrap-container').startsWith('< div > < div > < div > < p ' ) ) ;
2007-07-24 19:08:55 +00:00
element.wrap('div', {className: 'wrapper'});
2008-03-16 18:53:51 +00:00
this.assert(element.up().hasClassName('wrapper'));
2007-07-24 19:08:55 +00:00
element.wrap({className: 'other-wrapper'});
2008-03-16 18:53:51 +00:00
this.assert(element.up().hasClassName('other-wrapper'));
2007-07-24 19:08:55 +00:00
element.wrap(new Element('div'), {className: 'yet-other-wrapper'});
2008-03-16 18:53:51 +00:00
this.assert(element.up().hasClassName('yet-other-wrapper'));
2007-07-24 19:08:55 +00:00
var orphan = new Element('p'), div = new Element('div');
orphan.wrap(div);
2008-03-16 18:53:51 +00:00
this.assertEqual(orphan.parentNode, div);
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementWrapReturnsWrapper: function() {
2007-10-11 06:11:26 +00:00
var element = new Element("div");
var wrapper = element.wrap("div");
2008-03-16 18:53:51 +00:00
this.assertNotEqual(element, wrapper);
this.assertEqual(element.up(), wrapper);
},
2007-10-11 06:11:26 +00:00
2008-03-16 18:53:51 +00:00
testElementVisible: function(){
this.assertNotEqual('none', $('test-visible').style.display);
this.assertEqual('none', $('test-hidden').style.display);
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementToggle: function(){
2007-03-11 10:59:06 +00:00
$('test-toggle-visible').toggle();
2008-03-16 18:53:51 +00:00
this.assert(!$('test-toggle-visible').visible());
2007-03-11 10:59:06 +00:00
$('test-toggle-visible').toggle();
2008-03-16 18:53:51 +00:00
this.assert($('test-toggle-visible').visible());
2007-03-11 10:59:06 +00:00
$('test-toggle-hidden').toggle();
2008-03-16 18:53:51 +00:00
this.assert($('test-toggle-hidden').visible());
2007-03-11 10:59:06 +00:00
$('test-toggle-hidden').toggle();
2008-03-16 18:53:51 +00:00
this.assert(!$('test-toggle-hidden').visible());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementShow: function(){
2007-03-11 10:59:06 +00:00
$('test-show-visible').show();
2008-03-16 18:53:51 +00:00
this.assert($('test-show-visible').visible());
2007-03-11 10:59:06 +00:00
$('test-show-hidden').show();
2008-03-16 18:53:51 +00:00
this.assert($('test-show-hidden').visible());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementHide: function(){
2007-03-11 10:59:06 +00:00
$('test-hide-visible').hide();
2008-03-16 18:53:51 +00:00
this.assert(!$('test-hide-visible').visible());
2007-03-11 10:59:06 +00:00
$('test-hide-hidden').hide();
2008-03-16 18:53:51 +00:00
this.assert(!$('test-hide-hidden').visible());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementRemove: function(){
2007-03-11 10:59:06 +00:00
$('removable').remove();
2008-03-16 18:53:51 +00:00
this.assert($('removable-container').empty());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementUpdate: function() {
2007-01-18 22:24:27 +00:00
$('testdiv').update('hello from div!');
2008-03-16 18:53:51 +00:00
this.assertEqual('hello from div!', $('testdiv').innerHTML);
2007-01-18 22:24:27 +00:00
Element.update('testdiv', 'another hello from div!');
2008-03-16 18:53:51 +00:00
this.assertEqual('another hello from div!', $('testdiv').innerHTML);
2007-01-18 22:24:27 +00:00
Element.update('testdiv', 123);
2008-03-16 18:53:51 +00:00
this.assertEqual('123', $('testdiv').innerHTML);
2007-01-18 22:24:27 +00:00
Element.update('testdiv');
2008-03-16 18:53:51 +00:00
this.assertEqual('', $('testdiv').innerHTML);
2007-10-22 11:30:52 +00:00
Element.update('testdiv', ' ');
2008-03-16 18:53:51 +00:00
this.assert(!$('testdiv').innerHTML.empty());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementUpdateWithScript: function() {
2007-04-03 22:21:58 +00:00
$('testdiv').update('hello from div!< script > \ n t e s t V a r = " h e l l o ! " ; \ n < / ' + ' s c r i p t > ' ) ;
2008-03-16 18:53:51 +00:00
this.assertEqual('hello from div!',$('testdiv').innerHTML);
this.wait(100,function(){
this.assertEqual('hello!',testVar);
2007-01-18 22:24:27 +00:00
Element.update('testdiv','another hello from div!\n< script > t e s t V a r = " a n o t h e r h e l l o ! " < / ' + ' s c r i p t > \ n h e r e i t g o e s ' ) ;
// note: IE normalizes whitespace (like line breaks) to single spaces, thus the match test
2008-03-16 18:53:51 +00:00
this.assertMatch(/^another hello from div!\s+here it goes$/,$('testdiv').innerHTML);
this.wait(100,function(){
this.assertEqual('another hello!',testVar);
2007-04-03 22:21:58 +00:00
Element.update('testdiv','a\n< script > t e s t V a r = " a " \ n t e s t V a r = " b " < / ' + ' s c r i p t > ' ) ;
2008-03-16 18:53:51 +00:00
this.wait(100,function(){
this.assertEqual('b', testVar);
2007-04-03 22:21:58 +00:00
Element.update('testdiv',
'x< script > t e s t V a r 2 = " a " < / ' + ' s c r i p t > \ n b l a h \ n ' +
'x< script > t e s t V a r 2 = " b " < / ' + ' s c r i p t > ' ) ;
2008-03-16 18:53:51 +00:00
this.wait(100,function(){
this.assertEqual('b', testVar2);
2007-04-03 22:21:58 +00:00
});
});
2007-01-18 22:24:27 +00:00
});
});
2008-03-16 18:53:51 +00:00
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementUpdateInTableRow: function() {
2007-01-18 22:24:27 +00:00
$('second_row').update('< td id = "i_am_a_td" > test< / td > ');
2008-03-16 18:53:51 +00:00
this.assertEqual('test',$('i_am_a_td').innerHTML);
2007-01-18 22:24:27 +00:00
Element.update('second_row','< td id = "i_am_a_td" > another < span > test< / span > < / td > ');
2008-03-16 18:53:51 +00:00
this.assertEqual('another < span > test< / span > ',$('i_am_a_td').innerHTML.toLowerCase());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementUpdateInTableCell: function() {
2007-01-18 22:24:27 +00:00
Element.update('a_cell','another < span > test< / span > ');
2008-03-16 18:53:51 +00:00
this.assertEqual('another < span > test< / span > ',$('a_cell').innerHTML.toLowerCase());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementUpdateInTable: function() {
2007-01-18 22:24:27 +00:00
Element.update('table','< tr > < td > boo!< / td > < / tr > ');
2008-03-16 18:53:51 +00:00
this.assertMatch(/^< tr > \s*< td > boo!< \/td>< \/tr>$/,$('table').innerHTML.toLowerCase());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementUpdateInSelect: function() {
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var select = $('select_for_update');
select.update('< option value = "3" > option 3< / option > < option selected = "selected" > option 4< / option > ');
2008-03-16 18:53:51 +00:00
this.assertEqual('option 4', select.getValue());
},
2007-07-24 18:52:17 +00:00
2008-03-16 18:53:51 +00:00
testElementUpdateWithDOMNode: function() {
2007-07-24 18:52:17 +00:00
$('testdiv').update(new Element('div').insert('bla'));
2008-03-16 18:53:51 +00:00
this.assertEqual('< div > bla< / div > ', getInnerHTML('testdiv'));
},
2007-07-24 18:52:17 +00:00
2008-03-16 18:53:51 +00:00
testElementUpdateWithToElementMethod: function() {
2007-07-24 18:52:17 +00:00
$('testdiv').update({toElement: createParagraph.curry('foo')});
2008-03-16 18:53:51 +00:00
this.assertEqual('< p > foo< / p > ', getInnerHTML('testdiv'));
},
2007-07-24 18:52:17 +00:00
2008-03-16 18:53:51 +00:00
testElementUpdateWithToHTMLMethod: function() {
2007-07-24 18:52:17 +00:00
$('testdiv').update({toHTML: function() { return 'hello world' }});
2008-03-16 18:53:51 +00:00
this.assertEqual('hello world', getInnerHTML('testdiv'));
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testElementReplace: function() {
2007-01-18 22:24:27 +00:00
$('testdiv-replace-1').replace('hello from div!');
2008-03-16 18:53:51 +00:00
this.assertEqual('hello from div!', $('testdiv-replace-container-1').innerHTML);
2007-01-18 22:24:27 +00:00
$('testdiv-replace-2').replace(123);
2008-03-16 18:53:51 +00:00
this.assertEqual('123', $('testdiv-replace-container-2').innerHTML);
2007-01-18 22:24:27 +00:00
$('testdiv-replace-3').replace();
2008-03-16 18:53:51 +00:00
this.assertEqual('', $('testdiv-replace-container-3').innerHTML);
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2007-07-24 18:52:17 +00:00
$('testrow-replace').replace('< tr > < td > hello< / td > < / tr > ');
2008-03-16 18:53:51 +00:00
this.assert(getInnerHTML('testrow-replace-container').include('< tr > < td > hello< / td > < / tr > '));
2007-07-24 18:52:17 +00:00
$('testoption-replace').replace('< option > hello< / option > ');
2008-03-16 18:53:51 +00:00
this.assert($('testoption-replace-container').innerHTML.include('hello'));
2007-07-24 18:52:17 +00:00
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('testinput-replace').replace('< p > hello world< / p > ');
2008-03-16 18:53:51 +00:00
this.assertEqual('< p > hello world< / p > ', getInnerHTML('testform-replace'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('testform-replace').replace('< form > < / form > ');
2008-03-16 18:53:51 +00:00
this.assertEqual('< p > some text< / p > < form > < / form > < p > some text< / p > ', getInnerHTML('testform-replace-container'));
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementReplaceWithScript: function() {
2007-01-18 22:24:27 +00:00
$('testdiv-replace-4').replace('hello from div!< script > t e s t V a r R e p l a c e = " h e l l o ! " < / ' + ' s c r i p t > ' ) ;
2008-03-16 18:53:51 +00:00
this.assertEqual('hello from div!', $('testdiv-replace-container-4').innerHTML);
this.wait(100,function(){
this.assertEqual('hello!',testVarReplace);
2007-01-18 22:24:27 +00:00
$('testdiv-replace-5').replace('another hello from div!\n< script > t e s t V a r R e p l a c e = " a n o t h e r h e l l o ! " < / ' + ' s c r i p t > \ n h e r e i t g o e s ' ) ;
// note: IE normalizes whitespace (like line breaks) to single spaces, thus the match test
2008-03-16 18:53:51 +00:00
this.assertMatch(/^another hello from div!\s+here it goes$/,$('testdiv-replace-container-5').innerHTML);
this.wait(100,function(){
this.assertEqual('another hello!',testVarReplace);
2007-01-18 22:24:27 +00:00
});
});
2008-03-16 18:53:51 +00:00
},
2007-07-24 18:52:17 +00:00
2008-03-16 18:53:51 +00:00
testElementReplaceWithDOMNode: function() {
2007-07-24 18:52:17 +00:00
$('testdiv-replace-element').replace(createParagraph('hello'));
2008-03-16 18:53:51 +00:00
this.assertEqual('< p > hello< / p > ', getInnerHTML('testdiv-replace-container-element'));
},
2007-07-24 18:52:17 +00:00
2008-03-16 18:53:51 +00:00
testElementReplaceWithToElementMethod: function() {
2007-07-24 18:52:17 +00:00
$('testdiv-replace-toelement').replace({toElement: createParagraph.curry('hello')});
2008-03-16 18:53:51 +00:00
this.assertEqual('< p > hello< / p > ', getInnerHTML('testdiv-replace-container-toelement'));
},
2007-07-24 18:52:17 +00:00
2008-03-16 18:53:51 +00:00
testElementReplaceWithToHTMLMethod: function() {
2007-07-24 18:52:17 +00:00
$('testdiv-replace-tohtml').replace({toHTML: function() { return 'hello' }});
2008-03-16 18:53:51 +00:00
this.assertEqual('hello', getInnerHTML('testdiv-replace-container-tohtml'));
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testElementSelectorMethod: function() {
['getElementsBySelector','select'].each(function(method) {
2007-07-13 08:36:14 +00:00
var testSelector = $('container')[method]('p.test');
2008-03-16 18:53:51 +00:00
this.assertEqual(testSelector.length, 4);
this.assertEqual(testSelector[0], $('intended'));
this.assertEqual(testSelector[0], $$('#container p.test')[0]);
}, this);
},
2007-07-13 08:36:14 +00:00
2008-03-16 18:53:51 +00:00
testElementAdjacent: function() {
2007-07-13 08:36:14 +00:00
var elements = $('intended').adjacent('p');
2008-03-16 18:53:51 +00:00
this.assertEqual(elements.length, 3);
2007-07-13 08:36:14 +00:00
elements.each(function(element){
2008-03-16 18:53:51 +00:00
this.assert(element != $('intended'));
}, this);
},
2007-07-24 17:41:27 +00:00
2008-03-16 18:53:51 +00:00
testElementIdentify: function() {
2007-07-24 17:41:27 +00:00
var parent = $('identification');
2008-03-16 18:53:51 +00:00
this.assertEqual(parent.down().identify(), 'predefined_id');
this.assertEqual(parent.down(1).identify(), 'anonymous_element_1');
this.assertEqual(parent.down(2).identify(), 'anonymous_element_2');
this.assertEqual(parent.down(3).identify(), 'anonymous_element_4');
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementClassNameMethod: function() {
2007-01-18 22:24:27 +00:00
var testClassNames = $('container').getElementsByClassName('test');
var testSelector = $('container').getElementsBySelector('p.test');
2008-03-16 18:53:51 +00:00
this.assertEqual(testClassNames[0], $('intended'));
this.assertEqual(testClassNames.length, 4);
this.assertEqual(testSelector[3], testClassNames[3]);
this.assertEqual(testClassNames.length, testSelector.length);
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementAncestors: function() {
2007-01-18 22:24:27 +00:00
var ancestors = $('navigation_test_f').ancestors();
2008-03-16 18:53:51 +00:00
this.assertElementsMatch(ancestors, 'ul', 'li', 'ul#navigation_test',
2007-01-18 22:24:27 +00:00
'div#nav_tests_isolator', 'body', 'html');
2008-03-16 18:53:51 +00:00
this.assertElementsMatch(ancestors.last().ancestors());
2007-03-11 10:59:06 +00:00
var dummy = $(document.createElement('DIV'));
dummy.innerHTML = '< div > < / div > '.times(3);
2008-03-16 18:53:51 +00:00
this.assert(typeof $(dummy.childNodes[0]).ancestors()[0]['setStyle'] == 'function');
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementDescendants: function() {
this.assertElementsMatch($('navigation_test').descendants(),
2007-01-18 22:24:27 +00:00
'li', 'em', 'li', 'em.dim', 'li', 'em', 'ul', 'li',
'em.dim', 'li#navigation_test_f', 'em', 'li', 'em');
2008-03-16 18:53:51 +00:00
this.assertElementsMatch($('navigation_test_f').descendants(), 'em');
2007-03-11 10:59:06 +00:00
var dummy = $(document.createElement('DIV'));
dummy.innerHTML = '< div > < / div > '.times(3);
2008-03-16 18:53:51 +00:00
this.assert(typeof dummy.descendants()[0].setStyle == 'function');
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementFirstDescendant: function() {
this.assertElementMatches($('navigation_test').firstDescendant(), 'li.first');
this.assertNull($('navigation_test_next_sibling').firstDescendant());
},
2007-04-24 06:06:44 +00:00
2008-03-16 18:53:51 +00:00
testElementChildElements: function() {
this.assertElementsMatch($('navigation_test').childElements(),
2007-01-18 22:24:27 +00:00
'li.first', 'li', 'li#navigation_test_c', 'li.last');
2008-03-16 18:53:51 +00:00
this.assertNotEqual(0, $('navigation_test_next_sibling').childNodes.length);
this.assertEnumEqual([], $('navigation_test_next_sibling').childElements());
2007-03-11 10:59:06 +00:00
var dummy = $(document.createElement('DIV'));
dummy.innerHTML = '< div > < / div > '.times(3);
2008-03-16 18:53:51 +00:00
this.assert(typeof dummy.childElements()[0].setStyle == 'function');
},
2007-04-24 06:17:59 +00:00
2008-03-16 18:53:51 +00:00
testElementImmediateDescendants: function() {
this.assertIdentical(Element.Methods.childElements, Element.Methods.immediateDescendants);
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementPreviousSiblings: function() {
this.assertElementsMatch($('navigation_test').previousSiblings(),
2007-01-18 22:24:27 +00:00
'span#nav_test_prev_sibling', 'p.test', 'div', 'div#nav_test_first_sibling');
2008-03-16 18:53:51 +00:00
this.assertElementsMatch($('navigation_test_f').previousSiblings(), 'li');
2007-03-11 10:59:06 +00:00
var dummy = $(document.createElement('DIV'));
dummy.innerHTML = '< div > < / div > '.times(3);
2008-03-16 18:53:51 +00:00
this.assert(typeof $(dummy.childNodes[1]).previousSiblings()[0].setStyle == 'function');
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementNextSiblings: function() {
this.assertElementsMatch($('navigation_test').nextSiblings(),
2007-01-18 22:24:27 +00:00
'div#navigation_test_next_sibling', 'p');
2008-03-16 18:53:51 +00:00
this.assertElementsMatch($('navigation_test_f').nextSiblings());
2007-03-11 10:59:06 +00:00
var dummy = $(document.createElement('DIV'));
dummy.innerHTML = '< div > < / div > '.times(3);
2008-03-16 18:53:51 +00:00
this.assert(typeof $(dummy.childNodes[0]).nextSiblings()[0].setStyle == 'function');
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementSiblings: function() {
this.assertElementsMatch($('navigation_test').siblings(),
2007-01-18 22:24:27 +00:00
'div#nav_test_first_sibling', 'div', 'p.test',
'span#nav_test_prev_sibling', 'div#navigation_test_next_sibling', 'p');
2007-03-11 10:59:06 +00:00
var dummy = $(document.createElement('DIV'));
dummy.innerHTML = '< div > < / div > '.times(3);
2008-03-16 18:53:51 +00:00
this.assert(typeof $(dummy.childNodes[0]).siblings()[0].setStyle == 'function');
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementUp: function() {
2007-01-18 22:24:27 +00:00
var element = $('navigation_test_f');
2008-03-16 18:53:51 +00:00
this.assertElementMatches(element.up(), 'ul');
this.assertElementMatches(element.up(0), 'ul');
this.assertElementMatches(element.up(1), 'li');
this.assertElementMatches(element.up(2), 'ul#navigation_test');
this.assertElementsMatch(element.up('li').siblings(), 'li.first', 'li', 'li.last');
this.assertElementMatches(element.up('ul', 1), 'ul#navigation_test');
this.assertEqual(undefined, element.up('garbage'));
this.assertEqual(undefined, element.up(6));
this.assertElementMatches(element.up('.non-existant, ul'), 'ul');
2007-03-11 10:59:06 +00:00
var dummy = $(document.createElement('DIV'));
dummy.innerHTML = '< div > < / div > '.times(3);
2008-03-16 18:53:51 +00:00
this.assert(typeof $(dummy.childNodes[0]).up().setStyle == 'function');
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementDown: function() {
2007-01-18 22:24:27 +00:00
var element = $('navigation_test');
2008-03-16 18:53:51 +00:00
this.assertElementMatches(element.down(), 'li.first');
this.assertElementMatches(element.down(0), 'li.first');
this.assertElementMatches(element.down(1), 'em');
this.assertElementMatches(element.down('li', 5), 'li.last');
this.assertElementMatches(element.down('ul').down('li', 1), 'li#navigation_test_f');
this.assertElementMatches(element.down('.non-existant, .first'), 'li.first');
2007-03-11 10:59:06 +00:00
var dummy = $(document.createElement('DIV'));
dummy.innerHTML = '< div > < / div > '.times(3);
2008-03-16 18:53:51 +00:00
this.assert(typeof dummy.down().setStyle == 'function');
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementPrevious: function() {
2007-01-18 22:24:27 +00:00
var element = $('navigation_test').down('li.last');
2008-03-16 18:53:51 +00:00
this.assertElementMatches(element.previous(), 'li#navigation_test_c');
this.assertElementMatches(element.previous(1), 'li');
this.assertElementMatches(element.previous('.first'), 'li.first');
this.assertEqual(undefined, element.previous(3));
this.assertEqual(undefined, $('navigation_test').down().previous());
this.assertElementMatches(element.previous('.non-existant, .first'), 'li.first');
2007-03-11 10:59:06 +00:00
var dummy = $(document.createElement('DIV'));
dummy.innerHTML = '< div > < / div > '.times(3);
2008-03-16 18:53:51 +00:00
this.assert(typeof $(dummy.childNodes[1]).previous().setStyle == 'function');
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementNext: function() {
2007-01-18 22:24:27 +00:00
var element = $('navigation_test').down('li.first');
2008-03-16 18:53:51 +00:00
this.assertElementMatches(element.next(), 'li');
this.assertElementMatches(element.next(1), 'li#navigation_test_c');
this.assertElementMatches(element.next(2), 'li.last');
this.assertElementMatches(element.next('.last'), 'li.last');
this.assertEqual(undefined, element.next(3));
this.assertEqual(undefined, element.next(2).next());
this.assertElementMatches(element.next('.non-existant, .last'), 'li.last');
2007-03-11 10:59:06 +00:00
var dummy = $(document.createElement('DIV'));
dummy.innerHTML = '< div > < / div > '.times(3);
2008-03-16 18:53:51 +00:00
this.assert(typeof $(dummy.childNodes[0]).next().setStyle == 'function');
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementInspect: function() {
this.assertEqual('< ul id = "navigation_test" > ', $('navigation_test').inspect());
this.assertEqual('< li class = "first" > ', $('navigation_test').down().inspect());
this.assertEqual('< em > ', $('navigation_test').down(1).inspect());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementMakeClipping: function() {
2007-01-18 22:24:27 +00:00
var chained = Element.extend(document.createElement('DIV'));
2008-03-16 18:53:51 +00:00
this.assertEqual(chained, chained.makeClipping());
this.assertEqual(chained, chained.makeClipping());
this.assertEqual(chained, chained.makeClipping().makeClipping());
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual(chained, chained.undoClipping());
this.assertEqual(chained, chained.undoClipping());
this.assertEqual(chained, chained.undoClipping().makeClipping());
2007-01-18 22:24:27 +00:00
['hidden','visible','scroll'].each( function(overflowValue) {
var element = $('element_with_'+overflowValue+'_overflow');
2008-03-16 18:53:51 +00:00
this.assertEqual(overflowValue, element.getStyle('overflow'));
2007-01-18 22:24:27 +00:00
element.makeClipping();
2008-03-16 18:53:51 +00:00
this.assertEqual('hidden', element.getStyle('overflow'));
2007-01-18 22:24:27 +00:00
element.undoClipping();
2008-03-16 18:53:51 +00:00
this.assertEqual(overflowValue, element.getStyle('overflow'));
}, this);
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementExtend: function() {
2007-01-18 22:24:27 +00:00
var element = $('element_extend_test');
2008-03-16 18:53:51 +00:00
this.assertRespondsTo('show', element);
2007-01-18 22:24:27 +00:00
var XHTML_TAGS = $w(
'a abbr acronym address applet area '+
'b bdo big blockquote br button caption '+
'cite code col colgroup dd del dfn div dl dt '+
'em fieldset form h1 h2 h3 h4 h5 h6 hr '+
'i iframe img input ins kbd label legend li '+
'map object ol optgroup option p param pre q samp '+
'script select small span strong style sub sup '+
'table tbody td textarea tfoot th thead tr tt ul var');
XHTML_TAGS.each(function(tag) {
var element = document.createElement(tag);
2008-03-16 18:53:51 +00:00
this.assertEqual(element, Element.extend(element));
this.assertRespondsTo('show', element);
}, this);
2007-01-18 22:24:27 +00:00
[null,'','a','aa'].each(function(content) {
var textnode = document.createTextNode(content);
2008-03-16 18:53:51 +00:00
this.assertEqual(textnode, Element.extend(textnode));
this.assert(typeof textnode['show'] == 'undefined');
}, this);
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementExtendReextendsDiscardedNodes: function() {
this.assertRespondsTo('show', $('discard_1'));
2007-03-11 22:40:24 +00:00
$('element_reextend_test').innerHTML += '< div id = "discard_2" > < / div > ';
2008-03-16 18:53:51 +00:00
this.assertRespondsTo('show', $('discard_1'));
},
2007-03-11 22:40:24 +00:00
2008-03-16 18:53:51 +00:00
testElementCleanWhitespace: function() {
2007-01-18 22:24:27 +00:00
Element.cleanWhitespace("test_whitespace");
2008-03-16 18:53:51 +00:00
this.assertEqual(3, $("test_whitespace").childNodes.length);
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual(1, $("test_whitespace").firstChild.nodeType);
this.assertEqual('SPAN', $("test_whitespace").firstChild.tagName);
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual(1, $("test_whitespace").firstChild.nextSibling.nodeType);
this.assertEqual('DIV', $("test_whitespace").firstChild.nextSibling.tagName);
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual(1, $("test_whitespace").firstChild.nextSibling.nextSibling.nodeType);
this.assertEqual('SPAN', $("test_whitespace").firstChild.nextSibling.nextSibling.tagName);
2007-01-18 22:24:27 +00:00
var element = document.createElement('DIV');
element.appendChild(document.createTextNode(''));
element.appendChild(document.createTextNode(''));
2008-03-16 18:53:51 +00:00
this.assertEqual(2, element.childNodes.length);
2007-01-18 22:24:27 +00:00
Element.cleanWhitespace(element);
2008-03-16 18:53:51 +00:00
this.assertEqual(0, element.childNodes.length);
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementEmpty: function() {
this.assert($('test-empty').empty());
this.assert($('test-empty-but-contains-whitespace').empty());
this.assert(!$('test-full').empty());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testDescendantOf: function() {
this.assert($('child').descendantOf('ancestor'));
this.assert($('child').descendantOf($('ancestor')));
2007-11-01 15:11:52 +00:00
2008-03-16 18:53:51 +00:00
this.assert(!$('ancestor').descendantOf($('child')));
2007-11-01 15:11:52 +00:00
2008-03-16 18:53:51 +00:00
this.assert($('great-grand-child').descendantOf('ancestor'), 'great-grand-child < ancestor ' ) ;
this.assert($('grand-child').descendantOf('ancestor'), 'grand-child < ancestor ' ) ;
this.assert($('great-grand-child').descendantOf('grand-child'), 'great-grand-child < grand-child ' ) ;
this.assert($('grand-child').descendantOf('child'), 'grand-child < child ' ) ;
this.assert($('great-grand-child').descendantOf('child'), 'great-grand-child < child ' ) ;
2007-11-01 15:11:52 +00:00
2008-03-16 18:53:51 +00:00
this.assert($('sibling').descendantOf('ancestor'), 'sibling < ancestor ' ) ;
this.assert($('grand-sibling').descendantOf('sibling'), 'grand-sibling < sibling ' ) ;
this.assert($('grand-sibling').descendantOf('ancestor'), 'grand-sibling < ancestor ' ) ;
2007-11-01 15:11:52 +00:00
2008-03-16 18:53:51 +00:00
this.assert($('grand-sibling').descendantOf(document.body), 'grand-sibling < body ' ) ;
2007-11-01 15:11:52 +00:00
2008-03-16 18:53:51 +00:00
this.assert(!$('great-grand-child').descendantOf('great-grand-child'), 'great-grand-child < great-grand-child ' ) ;
this.assert(!$('great-grand-child').descendantOf('sibling'), 'great-grand-child < sibling ' ) ;
this.assert(!$('sibling').descendantOf('child'), 'sibling < child ' ) ;
this.assert(!$('great-grand-child').descendantOf('not-in-the-family'), 'great-grand-child < not-in-the-family ' ) ;
this.assert(!$('child').descendantOf('not-in-the-family'), 'child < not-in-the-family ' ) ;
2007-11-27 17:59:46 +00:00
2008-03-16 18:53:51 +00:00
this.assert(!$(document.body).descendantOf('great-grand-child'));
2008-01-25 22:03:39 +00:00
// dynamically-created elements
$('ancestor').insert(new Element('div', { id: 'weird-uncle' }));
2008-03-16 18:53:51 +00:00
this.assert($('weird-uncle').descendantOf('ancestor'));
2008-01-25 22:03:39 +00:00
$(document.body).insert(new Element('div', { id: 'impostor' }));
2008-03-16 18:53:51 +00:00
this.assert(!$('impostor').descendantOf('ancestor'));
},
testChildOf: function() {
this.assert($('child').childOf('ancestor'));
this.assert($('child').childOf($('ancestor')));
this.assert($('great-grand-child').childOf('ancestor'));
this.assert(!$('great-grand-child').childOf('not-in-the-family'));
this.assertIdentical(Element.Methods.childOf, Element.Methods.descendantOf);
},
testElementSetStyle: function() {
2007-01-18 22:24:27 +00:00
Element.setStyle('style_test_3',{ 'left': '2px' });
2008-03-16 18:53:51 +00:00
this.assertEqual('2px', $('style_test_3').style.left);
2007-01-18 22:24:27 +00:00
Element.setStyle('style_test_3',{ marginTop: '1px' });
2008-03-16 18:53:51 +00:00
this.assertEqual('1px', $('style_test_3').style.marginTop);
2007-01-18 22:24:27 +00:00
2007-07-24 18:14:36 +00:00
$('style_test_3').setStyle({ marginTop: '2px', left: '-1px' });
2008-03-16 18:53:51 +00:00
this.assertEqual('-1px', $('style_test_3').style.left);
this.assertEqual('2px', $('style_test_3').style.marginTop);
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual('none', $('style_test_3').getStyle('float'));
2007-01-18 22:24:27 +00:00
$('style_test_3').setStyle({ 'float': 'left' });
2008-03-16 18:53:51 +00:00
this.assertEqual('left', $('style_test_3').getStyle('float'));
2007-01-18 22:24:27 +00:00
$('style_test_3').setStyle({ cssFloat: 'none' });
2008-03-16 18:53:51 +00:00
this.assertEqual('none', $('style_test_3').getStyle('float'));
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual(1, $('style_test_3').getStyle('opacity'));
2007-01-18 22:24:27 +00:00
$('style_test_3').setStyle({ opacity: 0.5 });
2008-03-16 18:53:51 +00:00
this.assertEqual(0.5, $('style_test_3').getStyle('opacity'));
2007-01-18 22:24:27 +00:00
$('style_test_3').setStyle({ opacity: '' });
2008-03-16 18:53:51 +00:00
this.assertEqual(1, $('style_test_3').getStyle('opacity'));
2007-01-19 18:01:43 +00:00
$('style_test_3').setStyle({ opacity: 0 });
2008-03-16 18:53:51 +00:00
this.assertEqual(0, $('style_test_3').getStyle('opacity'));
2007-07-24 18:14:36 +00:00
$('test_csstext_1').setStyle('font-size: 15px');
2008-03-16 18:53:51 +00:00
this.assertEqual('15px', $('test_csstext_1').getStyle('font-size'));
2007-07-24 18:14:36 +00:00
$('test_csstext_2').setStyle({height: '40px'});
$('test_csstext_2').setStyle('font-size: 15px');
2008-03-16 18:53:51 +00:00
this.assertEqual('15px', $('test_csstext_2').getStyle('font-size'));
this.assertEqual('40px', $('test_csstext_2').getStyle('height'));
2007-07-24 18:14:36 +00:00
$('test_csstext_3').setStyle('font-size: 15px');
2008-03-16 18:53:51 +00:00
this.assertEqual('15px', $('test_csstext_3').getStyle('font-size'));
this.assertEqual('1px', $('test_csstext_3').getStyle('border-top-width'));
2007-07-24 18:14:36 +00:00
$('test_csstext_4').setStyle('font-size: 15px');
2008-03-16 18:53:51 +00:00
this.assertEqual('15px', $('test_csstext_4').getStyle('font-size'));
2007-07-24 18:14:36 +00:00
$('test_csstext_4').setStyle('float: right; font-size: 10px');
2008-03-16 18:53:51 +00:00
this.assertEqual('right', $('test_csstext_4').getStyle('float'));
this.assertEqual('10px', $('test_csstext_4').getStyle('font-size'));
2007-07-24 18:14:36 +00:00
$('test_csstext_5').setStyle('float: left; opacity: .5; font-size: 10px');
2008-03-16 18:53:51 +00:00
this.assertEqual(parseFloat('0.5'), parseFloat($('test_csstext_5').getStyle('opacity')));
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementSetStyleCamelized: function() {
this.assertNotEqual('30px', $('style_test_3').style.marginTop);
2007-03-02 12:36:09 +00:00
$('style_test_3').setStyle({ marginTop: '30px'}, true);
2008-03-16 18:53:51 +00:00
this.assertEqual('30px', $('style_test_3').style.marginTop);
},
2007-03-02 12:36:09 +00:00
2008-03-16 18:53:51 +00:00
testElementSetOpacity: function() {
2007-02-23 01:19:18 +00:00
[0,0.1,0.5,0.999].each(function(opacity){
$('style_test_3').setOpacity(opacity);
2007-12-04 03:58:44 +00:00
2007-02-23 01:19:18 +00:00
// b/c of rounding issues on IE special case
2007-12-04 03:58:44 +00:00
var realOpacity = $('style_test_3').getStyle('opacity');
// opera rounds off to two significant digits, so we check for a
// ballpark figure
2008-03-16 18:53:51 +00:00
this.assert((Number(realOpacity) - opacity) < = 0.002, 'setting opacity to ' + opacity);
}, this);
2007-02-23 01:19:18 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual(0,
2007-02-23 01:19:18 +00:00
$('style_test_3').setOpacity(0.0000001).getStyle('opacity'));
// for Firefox, we don't set to 1, because of flickering
2008-03-16 18:53:51 +00:00
this.assert(
2007-02-23 01:19:18 +00:00
$('style_test_3').setOpacity(0.9999999).getStyle('opacity') > 0.999
);
2007-10-22 13:14:56 +00:00
if (Prototype.Browser.IE) {
2008-03-16 18:53:51 +00:00
this.assert($('style_test_4').setOpacity(0.5).currentStyle.hasLayout);
this.assert(2, $('style_test_5').setOpacity(0.5).getStyle('zoom'));
this.assert(0.5, new Element('div').setOpacity(0.5).getOpacity());
this.assert(2, new Element('div').setOpacity(0.5).setStyle('zoom: 2;').getStyle('zoom'));
this.assert(2, new Element('div').setStyle('zoom: 2;').setOpacity(0.5).getStyle('zoom'));
2007-10-22 13:14:56 +00:00
}
2008-03-16 18:53:51 +00:00
},
2007-02-23 01:19:18 +00:00
2008-03-16 18:53:51 +00:00
testElementGetStyle: function() {
this.assertEqual("none",
2007-01-18 22:24:27 +00:00
$('style_test_1').getStyle('display'));
// not displayed, so "null" ("auto" is tranlated to "null")
2008-03-16 18:53:51 +00:00
this.assertNull(Element.getStyle('style_test_1', 'width'), 'elements that are hidden should return null on getStyle("width")');
2007-01-18 22:24:27 +00:00
$('style_test_1').show();
// from id rule
2008-03-16 18:53:51 +00:00
this.assertEqual("pointer",
2007-01-18 22:24:27 +00:00
Element.getStyle('style_test_1','cursor'));
2008-03-16 18:53:51 +00:00
this.assertEqual("block",
2007-01-18 22:24:27 +00:00
Element.getStyle('style_test_2','display'));
// we should always get something for width (if displayed)
// firefox and safari automatically send the correct value,
// IE is special-cased to do the same
2008-03-16 18:53:51 +00:00
this.assertEqual($('style_test_2').offsetWidth+'px', Element.getStyle('style_test_2','width'));
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual("static",Element.getStyle('style_test_1','position'));
2007-01-18 22:24:27 +00:00
// from style
2008-03-16 18:53:51 +00:00
this.assertEqual("11px",
2007-01-18 22:24:27 +00:00
Element.getStyle('style_test_2','font-size'));
// from class
2008-03-16 18:53:51 +00:00
this.assertEqual("1px",
2007-01-18 22:24:27 +00:00
Element.getStyle('style_test_2','margin-left'));
2008-03-16 18:53:51 +00:00
['not_floating_none','not_floating_style','not_floating_inline'].each(function(element) {
this.assertEqual('none', $(element).getStyle('float'));
this.assertEqual('none', $(element).getStyle('cssFloat'));
}, this);
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
['floating_style','floating_inline'].each(function(element) {
this.assertEqual('left', $(element).getStyle('float'));
this.assertEqual('left', $(element).getStyle('cssFloat'));
}, this);
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual(0.5, $('op1').getStyle('opacity'));
this.assertEqual(0.5, $('op2').getStyle('opacity'));
this.assertEqual(1.0, $('op3').getStyle('opacity'));
2007-01-18 22:24:27 +00:00
$('op1').setStyle({opacity: '0.3'});
$('op2').setStyle({opacity: '0.3'});
$('op3').setStyle({opacity: '0.3'});
2008-03-16 18:53:51 +00:00
this.assertEqual(0.3, $('op1').getStyle('opacity'));
this.assertEqual(0.3, $('op2').getStyle('opacity'));
this.assertEqual(0.3, $('op3').getStyle('opacity'));
2007-01-18 22:24:27 +00:00
2007-02-23 01:19:18 +00:00
$('op3').setStyle({opacity: 0});
2008-03-16 18:53:51 +00:00
this.assertEqual(0, $('op3').getStyle('opacity'));
2007-02-23 01:19:18 +00:00
2008-01-18 04:33:34 +00:00
if(navigator.appVersion.match(/MSIE/)) {
2008-03-16 18:53:51 +00:00
this.assertEqual('alpha(opacity=30)', $('op1').getStyle('filter'));
this.assertEqual('progid:DXImageTransform.Microsoft.Blur(strength=10)alpha(opacity=30)', $('op2').getStyle('filter'));
2007-02-23 01:19:18 +00:00
$('op2').setStyle({opacity:''});
2008-03-16 18:53:51 +00:00
this.assertEqual('progid:DXImageTransform.Microsoft.Blur(strength=10)', $('op2').getStyle('filter'));
this.assertEqual('alpha(opacity=0)', $('op3').getStyle('filter'));
this.assertEqual(0.3, $('op4-ie').getStyle('opacity'));
2007-01-18 22:24:27 +00:00
}
2007-06-10 12:58:32 +00:00
// verify that value is still found when using camelized
2007-01-18 22:24:27 +00:00
// strings (function previously used getPropertyValue()
// which expected non-camelized strings)
2008-03-16 18:53:51 +00:00
this.assertEqual("12px", $('style_test_1').getStyle('fontSize'));
2007-06-10 12:58:32 +00:00
// getStyle on width/height should return values according to
// the CSS box-model, which doesn't include
2007-12-04 03:58:44 +00:00
// margin, padding, or borders
2007-08-10 14:19:30 +00:00
// TODO: This test fails on IE because there seems to be no way
// to calculate this properly (clientWidth/Height returns 0)
2008-01-18 04:33:34 +00:00
if(!navigator.appVersion.match(/MSIE/)) {
2008-03-16 18:53:51 +00:00
this.assertEqual("14px", $('style_test_dimensions').getStyle('width'));
this.assertEqual("17px", $('style_test_dimensions').getStyle('height'));
2007-08-10 14:19:30 +00:00
}
2008-03-16 18:53:51 +00:00
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementGetOpacity: function() {
this.assertEqual(0.45, $('op1').setOpacity(0.45).getOpacity());
},
2007-02-27 11:35:21 +00:00
2008-03-16 18:53:51 +00:00
testElementReadAttribute: function() {
this.assertEqual('test.html' , $('attributes_with_issues_1').readAttribute('href'));
this.assertEqual('L' , $('attributes_with_issues_1').readAttribute('accesskey'));
this.assertEqual('50' , $('attributes_with_issues_1').readAttribute('tabindex'));
this.assertEqual('a link' , $('attributes_with_issues_1').readAttribute('title'));
2007-07-24 17:31:23 +00:00
$('cloned_element_attributes_issue').readAttribute('foo')
var clone = $('cloned_element_attributes_issue').cloneNode(true);
clone.writeAttribute('foo', 'cloned');
2008-03-16 18:53:51 +00:00
this.assertEqual('cloned', clone.readAttribute('foo'));
this.assertEqual('original', $('cloned_element_attributes_issue').readAttribute('foo'));
2007-07-24 17:31:23 +00:00
2008-03-16 18:53:51 +00:00
['href', 'accesskey', 'accesskey', 'title'].each(function(attr) {
this.assertEqual('' , $('attributes_with_issues_2').readAttribute(attr));
}, this);
2007-03-08 22:43:18 +00:00
2008-03-16 18:53:51 +00:00
['checked','disabled','readonly','multiple'].each(function(attr) {
this.assertEqual(attr, $('attributes_with_issues_'+attr).readAttribute(attr));
}, this);
2007-04-28 02:23:26 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual("alert('hello world');", $('attributes_with_issues_1').readAttribute('onclick'));
this.assertNull($('attributes_with_issues_1').readAttribute('onmouseover'));
2007-07-24 17:31:23 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual('date', $('attributes_with_issues_type').readAttribute('type'));
this.assertEqual('text', $('attributes_with_issues_readonly').readAttribute('type'));
2007-04-28 02:23:26 +00:00
2007-01-18 22:24:27 +00:00
var elements = $('custom_attributes').immediateDescendants();
2008-03-16 18:53:51 +00:00
this.assertEnumEqual(['1', '2'], elements.invoke('readAttribute', 'foo'));
this.assertEnumEqual(['2', null], elements.invoke('readAttribute', 'bar'));
2008-01-23 12:17:26 +00:00
var table = $('write_attribute_table');
2008-03-16 18:53:51 +00:00
this.assertEqual('4', table.readAttribute('cellspacing'));
this.assertEqual('6', table.readAttribute('cellpadding'));
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementWriteAttribute: function() {
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var element = Element.extend(document.body.appendChild(document.createElement('p')));
2008-03-16 18:53:51 +00:00
this.assertRespondsTo('writeAttribute', element);
this.assertEqual(element, element.writeAttribute('id', 'write_attribute_test'));
this.assertEqual('write_attribute_test', element.id);
this.assertEqual('http://prototypejs.org/', $('write_attribute_link').
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
writeAttribute({href: 'http://prototypejs.org/', title: 'Home of Prototype'}).href);
2008-03-16 18:53:51 +00:00
this.assertEqual('Home of Prototype', $('write_attribute_link').title);
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var element2 = Element.extend(document.createElement('p'));
element2.writeAttribute('id', 'write_attribute_without_hash');
2008-03-16 18:53:51 +00:00
this.assertEqual('write_attribute_without_hash', element2.id);
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
element2.writeAttribute('animal', 'cat');
2008-03-16 18:53:51 +00:00
this.assertEqual('cat', element2.readAttribute('animal'));
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testElementWriteAttributeWithBooleans: function() {
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var input = $('write_attribute_input'),
select = $('write_attribute_select'),
checkbox = $('write_attribute_checkbox'),
checkedCheckbox = $('write_attribute_checked_checkbox');
2008-03-16 18:53:51 +00:00
this.assert( input. writeAttribute('readonly'). hasAttribute('readonly'));
this.assert(!input. writeAttribute('readonly', false). hasAttribute('readonly'));
this.assert( input. writeAttribute('readonly', true). hasAttribute('readonly'));
this.assert(!input. writeAttribute('readonly', null). hasAttribute('readonly'));
this.assert( input. writeAttribute('readonly', 'readonly').hasAttribute('readonly'));
this.assert( select. writeAttribute('multiple'). hasAttribute('multiple'));
this.assert( input. writeAttribute('disabled'). hasAttribute('disabled'));
this.assert( checkbox. writeAttribute('checked'). checked);
this.assert(!checkedCheckbox.writeAttribute('checked', false). checked);
},
testElementWriteAttributeWithIssues: function() {
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var input = $('write_attribute_input').writeAttribute({maxlength: 90, tabindex: 10}),
td = $('write_attribute_td').writeAttribute({valign: 'bottom', colspan: 2, rowspan: 2});
2008-03-16 18:53:51 +00:00
this.assertEqual(90, input.readAttribute('maxlength'));
this.assertEqual(10, input.readAttribute('tabindex'));
this.assertEqual(2, td.readAttribute('colspan'));
this.assertEqual(2, td.readAttribute('rowspan'));
this.assertEqual('bottom', td.readAttribute('valign'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var p = $('write_attribute_para'), label = $('write_attribute_label');
2008-03-16 18:53:51 +00:00
this.assertEqual('some-class', p. writeAttribute({'class': 'some-class'}). readAttribute('class'));
this.assertEqual('some-className', p. writeAttribute({className: 'some-className'}).readAttribute('class'));
this.assertEqual('some-id', label.writeAttribute({'for': 'some-id'}). readAttribute('for'));
this.assertEqual('some-other-id', label.writeAttribute({htmlFor: 'some-other-id'}). readAttribute('for'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
this.assert(p.writeAttribute({style: 'width: 5px;'}).readAttribute('style').toLowerCase().include('width'));
2008-01-23 12:17:26 +00:00
var table = $('write_attribute_table');
table.writeAttribute('cellspacing', '2')
table.writeAttribute('cellpadding', '3')
2008-03-16 18:53:51 +00:00
this.assertEqual('2', table.readAttribute('cellspacing'));
this.assertEqual('3', table.readAttribute('cellpadding'));
2008-03-09 08:05:29 +00:00
var iframe = new Element('iframe', { frameborder: 0 });
2008-03-16 18:53:51 +00:00
this.assertIdentical(0, parseInt(iframe.readAttribute('frameborder')));
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testElementWriteAttributeWithCustom: function() {
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var p = $('write_attribute_para').writeAttribute({name: 'martin', location: 'stockholm', age: 26});
2008-03-16 18:53:51 +00:00
this.assertEqual('martin', p.readAttribute('name'));
this.assertEqual('stockholm', p.readAttribute('location'));
this.assertEqual('26', p.readAttribute('age'));
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testNewElement: function() {
this.assert(new Element('h1'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var XHTML_TAGS = $w(
'a abbr acronym address area '+
'b bdo big blockquote br button caption '+
'cite code col colgroup dd del dfn div dl dt '+
'em fieldset form h1 h2 h3 h4 h5 h6 hr '+
'i iframe img input ins kbd label legend li '+
'map object ol optgroup option p param pre q samp '+
'script select small span strong style sub sup '+
'table tbody td textarea tfoot th thead tr tt ul var');
XHTML_TAGS.each(function(tag, index) {
var id = tag + '_' + index, element = document.body.appendChild(new Element(tag, {id: id}));
2008-03-16 18:53:51 +00:00
this.assertEqual(tag, element.tagName.toLowerCase());
this.assertEqual(element, document.body.lastChild);
this.assertEqual(id, element.id);
}, this);
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
this.assertRespondsTo('update', new Element('div'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
Element.addMethods({
cheeseCake: function(){
return 'Cheese cake';
}
});
2008-03-16 18:53:51 +00:00
this.assertRespondsTo('cheeseCake', new Element('div'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
/* window.ElementOld = function(tagName, attributes) {
if (Prototype.Browser.IE & & attributes & & attributes.name) {
tagName = '< ' + tagName + ' name="' + attributes.name + '">';
delete attributes.name;
}
return Element.extend(document.createElement(tagName)).writeAttribute(attributes || {});
};
2008-03-16 18:53:51 +00:00
this.benchmark(function(){
XHTML_TAGS.each(function(tagName) { new Element(tagName) });
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
}, 5);
2008-03-16 18:53:51 +00:00
this.benchmark(function(){
XHTML_TAGS.each(function(tagName) { new ElementOld(tagName) });
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
}, 5); */
2008-03-16 18:53:51 +00:00
this.assertEqual('foobar', new Element('a', {custom: 'foobar'}).readAttribute('custom'));
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
var input = document.body.appendChild(new Element('input',
{id: 'my_input_field_id', name: 'my_input_field'}));
2008-03-16 18:53:51 +00:00
this.assertEqual(input, document.body.lastChild);
this.assertEqual('my_input_field', $(document.body.lastChild).name);
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
if (Prototype.Browser.IE)
2008-03-16 18:53:51 +00:00
this.assertMatch(/name=["']?my_input_field["']?/, $('my_input_field').outerHTML);
2008-02-04 23:22:18 +00:00
if (originalElement & & Prototype.BrowserFeatures.ElementExtensions) {
Element.prototype.fooBar = Prototype.emptyFunction
2008-03-16 18:53:51 +00:00
this.assertRespondsTo('fooBar', new Element('div'));
2008-02-04 23:22:18 +00:00
}
2008-03-16 18:53:51 +00:00
},
testElementGetHeight: function() {
this.assertIdentical(100, $('dimensions-visible').getHeight());
this.assertIdentical(100, $('dimensions-display-none').getHeight());
},
testElementGetWidth: function() {
this.assertIdentical(200, $('dimensions-visible').getWidth());
this.assertIdentical(200, $('dimensions-display-none').getWidth());
},
testElementGetDimensions: function() {
this.assertIdentical(100, $('dimensions-visible').getDimensions().height);
this.assertIdentical(200, $('dimensions-visible').getDimensions().width);
this.assertIdentical(100, $('dimensions-display-none').getDimensions().height);
this.assertIdentical(200, $('dimensions-display-none').getDimensions().width);
this.assertIdentical(100, $('dimensions-visible-pos-rel').getDimensions().height);
this.assertIdentical(200, $('dimensions-visible-pos-rel').getDimensions().width);
this.assertIdentical(100, $('dimensions-display-none-pos-rel').getDimensions().height);
this.assertIdentical(200, $('dimensions-display-none-pos-rel').getDimensions().width);
this.assertIdentical(100, $('dimensions-visible-pos-abs').getDimensions().height);
this.assertIdentical(200, $('dimensions-visible-pos-abs').getDimensions().width);
this.assertIdentical(100, $('dimensions-display-none-pos-abs').getDimensions().height);
this.assertIdentical(200, $('dimensions-display-none-pos-abs').getDimensions().width);
2007-04-18 16:30:40 +00:00
// known failing issue
2008-03-16 18:53:51 +00:00
// this.assert($('dimensions-nestee').getDimensions().width < = 500, 'check for proper dimensions of hidden child elements');
2007-04-18 16:30:40 +00:00
$('dimensions-td').hide();
2008-03-16 18:53:51 +00:00
this.assertIdentical(100, $('dimensions-td').getDimensions().height);
this.assertIdentical(200, $('dimensions-td').getDimensions().width);
2007-04-18 16:30:40 +00:00
$('dimensions-td').show();
$('dimensions-tr').hide();
2008-03-16 18:53:51 +00:00
this.assertIdentical(100, $('dimensions-tr').getDimensions().height);
this.assertIdentical(200, $('dimensions-tr').getDimensions().width);
2007-04-18 16:30:40 +00:00
$('dimensions-tr').show();
$('dimensions-table').hide();
2008-03-16 18:53:51 +00:00
this.assertIdentical(100, $('dimensions-table').getDimensions().height);
this.assertIdentical(200, $('dimensions-table').getDimensions().width);
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testDOMAttributesHavePrecedenceOverExtendedElementMethods: function() {
this.assertNothingRaised(function() { $('dom_attribute_precedence').down('form') });
this.assertEqual($('dom_attribute_precedence').down('input'), $('dom_attribute_precedence').down('form').update);
},
testClassNames: function() {
this.assertEnumEqual([], $('class_names').classNames());
this.assertEnumEqual(['A'], $('class_names').down().classNames());
this.assertEnumEqual(['A', 'B'], $('class_names_ul').classNames());
},
testHasClassName: function() {
this.assertIdentical(false, $('class_names').hasClassName('does_not_exist'));
this.assertIdentical(true, $('class_names').down().hasClassName('A'));
this.assertIdentical(false, $('class_names').down().hasClassName('does_not_exist'));
this.assertIdentical(true, $('class_names_ul').hasClassName('A'));
this.assertIdentical(true, $('class_names_ul').hasClassName('B'));
this.assertIdentical(false, $('class_names_ul').hasClassName('does_not_exist'));
},
testAddClassName: function() {
2007-01-18 22:24:27 +00:00
$('class_names').addClassName('added_className');
2008-03-16 18:53:51 +00:00
this.assertEnumEqual(['added_className'], $('class_names').classNames());
2007-01-18 22:24:27 +00:00
$('class_names').addClassName('added_className'); // verify that className cannot be added twice.
2008-03-16 18:53:51 +00:00
this.assertEnumEqual(['added_className'], $('class_names').classNames());
2007-01-18 22:24:27 +00:00
$('class_names').addClassName('another_added_className');
2008-03-16 18:53:51 +00:00
this.assertEnumEqual(['added_className', 'another_added_className'], $('class_names').classNames());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testRemoveClassName: function() {
2007-01-18 22:24:27 +00:00
$('class_names').removeClassName('added_className');
2008-03-16 18:53:51 +00:00
this.assertEnumEqual(['another_added_className'], $('class_names').classNames());
2007-01-18 22:24:27 +00:00
$('class_names').removeClassName('added_className'); // verify that removing a non existent className is safe.
2008-03-16 18:53:51 +00:00
this.assertEnumEqual(['another_added_className'], $('class_names').classNames());
2007-01-18 22:24:27 +00:00
$('class_names').removeClassName('another_added_className');
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([], $('class_names').classNames());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testToggleClassName: function() {
2007-01-18 22:24:27 +00:00
$('class_names').toggleClassName('toggled_className');
2008-03-16 18:53:51 +00:00
this.assertEnumEqual(['toggled_className'], $('class_names').classNames());
2007-01-18 22:24:27 +00:00
$('class_names').toggleClassName('toggled_className');
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([], $('class_names').classNames());
2007-01-18 22:24:27 +00:00
$('class_names_ul').toggleClassName('toggled_className');
2008-03-16 18:53:51 +00:00
this.assertEnumEqual(['A', 'B', 'toggled_className'], $('class_names_ul').classNames());
2007-01-18 22:24:27 +00:00
$('class_names_ul').toggleClassName('toggled_className');
2008-03-16 18:53:51 +00:00
this.assertEnumEqual(['A', 'B'], $('class_names_ul').classNames());
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testElementScrollTo: function() {
2007-01-18 22:24:27 +00:00
var elem = $('scroll_test_2');
Element.scrollTo('scroll_test_2');
2008-03-16 18:53:51 +00:00
this.assertEqual(Position.page(elem)[1], 0);
2007-01-18 22:24:27 +00:00
window.scrollTo(0, 0);
elem.scrollTo();
2008-03-16 18:53:51 +00:00
this.assertEqual(Position.page(elem)[1], 0);
2007-01-18 22:24:27 +00:00
window.scrollTo(0, 0);
2008-03-16 18:53:51 +00:00
},
2007-01-18 22:24:27 +00:00
2008-03-16 18:53:51 +00:00
testCustomElementMethods: function() {
2007-04-24 05:23:41 +00:00
var elem = $('navigation_test_f');
2008-03-16 18:53:51 +00:00
this.assertRespondsTo('hashBrowns', elem);
this.assertEqual('hash browns', elem.hashBrowns());
2007-04-24 05:23:41 +00:00
2008-03-16 18:53:51 +00:00
this.assertRespondsTo('hashBrowns', Element);
this.assertEqual('hash browns', Element.hashBrowns(elem));
},
2007-04-24 05:23:41 +00:00
2008-03-16 18:53:51 +00:00
testSpecificCustomElementMethods: function() {
2007-01-27 19:45:34 +00:00
var elem = $('navigation_test_f');
2008-03-16 18:53:51 +00:00
this.assert(Element.Methods.ByTag[elem.tagName]);
this.assertRespondsTo('pancakes', elem);
this.assertEqual("pancakes", elem.pancakes());
2007-01-27 19:45:34 +00:00
var elem2 = $('test-visible');
2008-03-16 18:53:51 +00:00
this.assert(Element.Methods.ByTag[elem2.tagName]);
this.assertUndefined(elem2.pancakes);
this.assertRespondsTo('waffles', elem2);
this.assertEqual("waffles", elem2.waffles());
2007-01-27 19:45:34 +00:00
2008-03-16 18:53:51 +00:00
this.assertRespondsTo('orangeJuice', elem);
this.assertRespondsTo('orangeJuice', elem2);
this.assertEqual("orange juice", elem.orangeJuice());
this.assertEqual("orange juice", elem2.orangeJuice());
2007-04-24 05:23:41 +00:00
2008-03-16 18:53:51 +00:00
this.assert(typeof Element.orangeJuice == 'undefined');
this.assert(typeof Element.pancakes == 'undefined');
this.assert(typeof Element.waffles == 'undefined');
2007-04-24 05:23:41 +00:00
2008-03-16 18:53:51 +00:00
},
2007-04-03 22:21:58 +00:00
2008-03-16 18:53:51 +00:00
testScriptFragment: function() {
2007-04-03 22:21:58 +00:00
var element = document.createElement('div');
// tests an issue with Safari 2.0 crashing when the ScriptFragment
// regular expression is using a pipe-based approach for
// matching any character
['\r','\n',' '].each(function(character){
$(element).update("< script > " + c h a r a c t e r . t i m e s ( 1 0 0 0 0 ) + " < / s c r " + " i p t > " ) ;
2008-03-16 18:53:51 +00:00
this.assertEqual('', element.innerHTML);
}, this);
2007-04-03 22:21:58 +00:00
$(element).update("< script > v a r b l a h = ' " + ' \ \ ' . t i m e s ( 1 0 0 0 0 ) + " ' < / s c r " + " i p t > " ) ;
2008-03-16 18:53:51 +00:00
this.assertEqual('', element.innerHTML);
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testPositionedOffset: function() {
this.assertEnumEqual([10,10],
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('body_absolute').positionedOffset());
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([10,10],
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('absolute_absolute').positionedOffset());
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([10,10],
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('absolute_relative').positionedOffset());
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([0,10],
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('absolute_relative_undefined').positionedOffset());
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([10,10],
2008-01-25 22:02:12 +00:00
$('absolute_fixed_absolute').positionedOffset());
var afu = $('absolute_fixed_undefined');
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([afu.offsetLeft, afu.offsetTop],
2008-01-25 22:02:12 +00:00
afu.positionedOffset());
2008-02-03 22:29:29 +00:00
var element = new Element('div'), offset = element.positionedOffset();
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([0,0], offset);
this.assertIdentical(0, offset.top);
this.assertIdentical(0, offset.left);
},
2008-02-03 22:29:29 +00:00
2008-03-16 18:53:51 +00:00
testCumulativeOffset: function() {
2008-02-03 22:29:29 +00:00
var element = new Element('div'), offset = element.cumulativeOffset();
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([0,0], offset);
this.assertIdentical(0, offset.top);
this.assertIdentical(0, offset.left);
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testViewportOffset: function() {
this.assertEnumEqual([10,10],
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('body_absolute').viewportOffset());
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([20,20],
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('absolute_absolute').viewportOffset());
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([20,20],
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('absolute_relative').viewportOffset());
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([20,30],
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
$('absolute_relative_undefined').viewportOffset());
2008-02-03 22:29:29 +00:00
var element = new Element('div'), offset = element.viewportOffset();
2008-03-16 18:53:51 +00:00
this.assertEnumEqual([0,0], offset);
this.assertIdentical(0, offset.top);
this.assertIdentical(0, offset.left);
},
Merge -r6634:HEAD from ../branches/dom.
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel]
* Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel]
* Make Element#readAttribute('title') work in Opera. [Tobie Langel]
* Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel]
* Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel]
* Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel]
* Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
2007-05-12 05:01:56 +00:00
2008-03-16 18:53:51 +00:00
testOffsetParent: function() {
this.assertEqual('body_absolute', $('absolute_absolute').getOffsetParent().id);
this.assertEqual('body_absolute', $('absolute_relative').getOffsetParent().id);
this.assertEqual('absolute_relative', $('inline').getOffsetParent().id);
this.assertEqual('absolute_relative', $('absolute_relative_undefined').getOffsetParent().id);
2008-02-03 22:29:29 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual(document.body, new Element('div').getOffsetParent());
},
2007-06-06 14:30:01 +00:00
2008-03-16 18:53:51 +00:00
testAbsolutize: function() {
2007-06-06 14:30:01 +00:00
$('notInlineAbsoluted', 'inlineAbsoluted').each(function(elt) {
if ('_originalLeft' in elt) delete elt._originalLeft;
elt.absolutize();
2008-03-16 18:53:51 +00:00
this.assertUndefined(elt._originalLeft, 'absolutize() did not detect absolute positioning');
}, this);
2008-02-03 19:36:35 +00:00
// invoking on "absolute" positioned element should return element
var element = $('absolute_fixed_undefined').setStyle({position: 'absolute'});
2008-03-16 18:53:51 +00:00
this.assertEqual(element, element.absolutize());
},
2008-02-03 19:36:35 +00:00
2008-03-16 18:53:51 +00:00
testRelativize: function() {
2008-02-03 19:36:35 +00:00
// invoking on "relative" positioned element should return element
var element = $('absolute_fixed_undefined').setStyle({position: 'relative'});
2008-03-16 18:53:51 +00:00
this.assertEqual(element, element.relativize());
},
2007-08-08 20:42:46 +00:00
2008-03-16 18:53:51 +00:00
testViewportDimensions: function() {
2007-10-26 03:10:06 +00:00
preservingBrowserDimensions(function() {
window.resizeTo(800, 600);
var before = document.viewport.getDimensions();
window.resizeBy(50, 50);
var after = document.viewport.getDimensions();
2007-08-08 20:42:46 +00:00
2008-03-16 18:53:51 +00:00
this.assertEqual(before.width + 50, after.width, "NOTE: YOU MUST ALLOW JAVASCRIPT TO RESIZE YOUR WINDOW FOR THIS TEST TO PASS");
this.assertEqual(before.height + 50, after.height, "NOTE: YOU MUST ALLOW JAVASCRIPT TO RESIZE YOUR WINDOW FOR THIS TEST TO PASS");
2007-10-26 03:10:06 +00:00
}.bind(this));
2008-03-16 18:53:51 +00:00
},
2007-08-08 20:42:46 +00:00
2008-03-16 18:53:51 +00:00
testElementToViewportDimensionsDoesNotAffectDocumentProperties: function() {
2007-12-04 04:28:27 +00:00
// No properties on the document should be affected when resizing
// an absolute positioned(0,0) element to viewport dimensions
var vd = document.viewport.getDimensions();
var before = documentViewportProperties.inspect();
$('elementToViewportDimensions').setStyle({ height: vd.height + 'px', width: vd.width + 'px' }).show();
var after = documentViewportProperties.inspect();
$('elementToViewportDimensions').hide();
documentViewportProperties.properties.each(function(prop) {
2008-03-16 18:53:51 +00:00
this.assertEqual(before[prop], after[prop], prop + ' was affected');
}, this);
},
2007-12-04 04:28:27 +00:00
2008-03-16 18:53:51 +00:00
testViewportScrollOffsets: function() {
2007-10-26 03:10:06 +00:00
preservingBrowserDimensions(function() {
window.scrollTo(0, 0);
2008-03-16 18:53:51 +00:00
this.assertEqual(0, document.viewport.getScrollOffsets().top);
2007-08-08 20:42:46 +00:00
2007-10-26 03:10:06 +00:00
window.scrollTo(0, 35);
2008-03-16 18:53:51 +00:00
this.assertEqual(35, document.viewport.getScrollOffsets().top);
2007-08-08 20:42:46 +00:00
2007-10-26 03:10:06 +00:00
window.resizeTo(200, 650);
window.scrollTo(25, 35);
2008-03-16 18:53:51 +00:00
this.assertEqual(25, document.viewport.getScrollOffsets().left, "NOTE: YOU MUST ALLOW JAVASCRIPT TO RESIZE YOUR WINDOW FOR THESE TESTS TO PASS");
2007-08-08 20:42:46 +00:00
2007-10-26 03:10:06 +00:00
window.resizeTo(850, 650);
}.bind(this));
2008-03-16 18:53:51 +00:00
},
2007-08-17 11:20:56 +00:00
2008-03-16 18:53:51 +00:00
testNodeConstants: function() {
this.assert(window.Node, 'window.Node is unavailable');
2007-08-17 11:20:56 +00:00
var constants = $H({
ELEMENT_NODE: 1,
ATTRIBUTE_NODE: 2,
TEXT_NODE: 3,
CDATA_SECTION_NODE: 4,
ENTITY_REFERENCE_NODE: 5,
ENTITY_NODE: 6,
PROCESSING_INSTRUCTION_NODE: 7,
COMMENT_NODE: 8,
DOCUMENT_NODE: 9,
DOCUMENT_TYPE_NODE: 10,
DOCUMENT_FRAGMENT_NODE: 11,
NOTATION_NODE: 12
});
constants.each(function(pair) {
2008-03-16 18:53:51 +00:00
this.assertEqual(Node[pair.key], pair.value);
2007-08-17 11:20:56 +00:00
}, this);
2008-03-16 18:53:51 +00:00
}
2008-01-06 00:34:39 +00:00
});
2007-10-26 03:10:06 +00:00
function preservingBrowserDimensions(callback) {
var original = document.viewport.getDimensions();
window.resizeTo(640, 480);
var resized = document.viewport.getDimensions();
original.width += 640 - resized.width, original.height += 480 - resized.height;
try {
window.resizeTo(original.width, original.height);
callback();
} finally {
window.resizeTo(original.width, original.height);
}
}
2007-01-18 22:24:27 +00:00
// ]]>
< / script >
< / body >
< / html >
