<html> <head> <title>Reftest for bug 388980</title></html> <script type="text/javascript"> var text = '<html><head></head><body style="font-size:16px;">' + '<p id="redpar">This paragraph should be red</p>' + '<p id="bluepar">This paragraph should be blue</p>' + '<p>This paragraph should not be colored</p>' +'</body></html>'; function colorPar(par, color) { var doc = document.getElementById('theIFrame').contentDocument; var win = document.getElementById('theIFrame').contentWindow; win.getSelection().selectAllChildren(doc.getElementById(par)); doc.execCommand("hilitecolor", false, color); win.getSelection().removeAllRanges(); } function initIFrame() { var doc = document.getElementById('theIFrame').contentDocument; doc.designMode = 'on'; doc.open('text/html'); doc.write(text); doc.close(); // Test hilighting with styleWithCSS, should hilight the text... doc.execCommand("styleWithCSS", false, true); colorPar("redpar", "red"); // Test highlighting without styleWithCSS, should also work. doc.execCommand("styleWithCSS", false, false); colorPar("bluepar", "blue"); } </script> </head> <body> <iframe id="theIFrame" onload="initIFrame()"> </iframe> </body> </html>