private static void CreateTable(List<Cell> a)
{
var t = new IHTMLTable();
t.cellPadding = 0;
t.cellSpacing = 0;
t.style.borderWidth = "1px";
t.style.borderStyle = "solid";
t.style.borderColor = Color.FromRGB(0, 0x80, 00);
var b = t.AddBody();
for (int y = 1; y < 10; y++)
{
var r = b.AddRow();
for (int x = 1; x < 10; x++)
{
var s = new Cell
{
X = x,
Y = y,
Text = new IHTMLSpan("\xA0")
};
a.Add(s);
var c = r.AddColumn(s.Text);
c.style.width = "2em";
c.style.height = "2em";
c.style.borderWidth = "1px";
c.style.borderStyle = "solid";
c.style.borderColor = Color.FromRGB(0, 0x80, 00);
c.style.textAlign = ScriptCoreLib.JavaScript.DOM.IStyle.TextAlignEnum.center;
c.style.verticalAlign = "middle";
if (x % 3 == 1)
c.style.borderLeftColor = Color.FromRGB(0, 0xff, 00);
if (y % 3 == 1)
c.style.borderTopColor = Color.FromRGB(0, 0xff, 00);
if (x % 3 == 0)
c.style.borderRightColor = Color.FromRGB(0, 0xff, 00);
if (y % 3 == 0)
c.style.borderBottomColor = Color.FromRGB(0, 0xff, 00);
}
}
t.AttachToDocument();
}
private static void ToTable(SudokuFile e)
{
var t = new IHTMLTable();
t.cellPadding = 0;
t.cellSpacing = 0;
t.style.borderWidth = "1px";
t.style.borderStyle = "solid";
t.style.borderColor = Color.Gray;
var b = t.AddBody();
for (int y = 1; y < 10; y++)
{
var r = b.AddRow();
for (int x = 1; x < 10; x++)
{
var s = e[x, y];
var c = r.AddColumn();
//c.style.width = "28px";
//c.style.height = "28px";
c.style.width = "2em";
c.style.height = "2em";
c.style.borderWidth = "1px";
c.style.borderStyle = "solid";
c.style.borderColor = Color.Gray;
c.style.textAlign = ScriptCoreLib.JavaScript.DOM.IStyle.TextAlignEnum.center;
c.style.verticalAlign = "middle";
if (x % 3 == 1)
c.style.borderLeftColor = Color.Black;
if (y % 3 == 1)
c.style.borderTopColor = Color.Black;
if (x % 3 == 0)
c.style.borderRightColor = Color.Black;
if (y % 3 == 0)
c.style.borderBottomColor = Color.Black;
c.innerText = e[x, y].ToString();
if (s.Hidden)
{
// no-break space
}
else
{
c.style.fontWeight = "bold";
}
}
}
t.AttachToDocument();
}
static void DualDump(object left, object right)
{
var t = new IHTMLTable();
var b = t.AddBody();
var r = b.AddRow();
Dump(left, r.AddColumn(), right);
Dump(right, r.AddColumn(), left);
t.AttachToDocument();
}
/// <summary>
/// This is a javascript application.
/// </summary>
/// <param name="page">HTML document rendered by the web server which can now be enhanced.</param>
public Application(IApp page)
{
// X:\jsc.svn\examples\javascript\Test\TestManyTableRowsFromDataTable\TestManyTableRowsFromDataTable\Application.cs
(page.title.css | page.head.css).style.display = IStyle.DisplayEnum.block;
// shall our .htm elements start recording their .ctor stopwatch yet?
var s = Stopwatch.StartNew();
var table = new IHTMLTable { border = 1 };
//table.AttachToDocument();
var tbody = table.AddBody();
tbody.css.odd.style.backgroundColor = "gray";
tbody.css[IHTMLElement.HTMLElementEnum.tr].hover.style.textDecoration = "underline";
// http://www.joepettersson.com/demo/the-outline-property/
var cssf = tbody.css[IHTMLElement.HTMLElementEnum.tr].children.focus;
cssf.style.color = "red";
//var cssf = tbody.css[IHTMLElement.HTMLElementEnum.tr][IHTMLElement.HTMLElementEnum.div].outli;
//tbody.onclick +=
// delegate
// {
// ("onclick").ToDocumentTitle();
// };
var a = tbody.css[IHTMLElement.HTMLElementEnum.tr]
[IHTMLElement.HTMLElementEnum.td]
// ie, firefox workround.
// chrome does not need that div!
[IHTMLElement.HTMLElementEnum.div];
a.style.position = IStyle.PositionEnum.relative;
a.style.width = "100%";
a.style.height = "100%";
tbody.css[IHTMLElement.HTMLElementEnum.tr][IHTMLElement.HTMLElementEnum.td].style.width = "10em";
tbody.css[IHTMLElement.HTMLElementEnum.tr][IHTMLElement.HTMLElementEnum.td].style.height = "22px";
var div = tbody.css
[IHTMLElement.HTMLElementEnum.tr]
[IHTMLElement.HTMLElementEnum.td]
[IHTMLElement.HTMLElementEnum.div]
.before;
//[IHTMLElement.HTMLElementEnum.div];
div.style.position = IStyle.PositionEnum.absolute;
div.style.left = "0px";
div.style.top = "0px";
div.style.right = "0px";
div.style.bottom = "0px";
div.style.border = "1px solid red";
//div.style.width = "100%";
//div.style.height = "100%";
div.contentXAttribute = new XAttribute("data", "");
var count = 10000;
for (int i = 0; i < count; i++)
{
var tr = tbody.AddRow();
var td = tr.AddColumn();
//td.style.position = IStyle.PositionEnum.relative;
//var label = new IHTMLLabel { new { i } }.AttachTo(td);
var label = new IHTMLDiv { }.AttachTo(td);
label.setAttribute("data", new { i });
//td.setAttribute("data", new { i });
//label.href = "#";
//label.onfocus +=
// delegate
// {
// };
//td.innerText = new { i }.ToString();
// If you use label markup, as recommendable for usability and accessibility, e.g.
// http://www.coderanch.com/t/597537/HTML-CSS-JavaScript/td-focus
// As it is not a focusable element, no, it does not. And because focus events do not bubble, there's no way that a focus event can trigger for a non-focusable element.
//label.tabIndex = i;
}
// attach to DOM only now?
table.AttachToDocument();
// 100: 4ms
// 100: 6ms
// 1000: 18ms
// 10000: 109ms
// 10000: 116ms
new { count, s.ElapsedMilliseconds, cssf }.ToString().ToDocumentTitle();
}