jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

renovations

Browse source
This commit is contained in:
Ilya Kantor 2015-02-16 00:00:48 +03:00
parent 0eabad2516
commit 9bf1b61cab
72 changed files with 299 additions and 670 deletions
Download patch file Download diff file Expand all files Collapse all files

53
2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/bagua.css Normal file
View file

@ -0,0 +1,53 @@
/* общие стили для таблицы */
th {
text-align:center;
font-weight:bold;
}
td {
width: 150px;
white-space: nowrap;
text-align:center;
vertical-align: middle;
padding: 10px;
}
.nw {
background-color: #999;
}
.n {
background-color: #03f;
color: #fff;
}
.ne {
background-color: #ff6;
}
.w {
background-color: #ff0;
}
.c {
background-color: #60c;
color: #fff;
}
.e {
background-color: #09f;
color: #fff;
}
.sw {
background-color: #963;
color: #fff;
}
.s {
background-color: #f60;
color: #fff;
}
.se {
background-color: #0c3;
color: #fff;
}

46
2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/index.html Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"></head>
<body>
<link rel="stylesheet" href="bagua.css">
<link rel="stylesheet" href="my.css">
<p>Кликните на ячейке для начала редактирования. Когда закончите -- нажмите OK или CANCEL.</p>
<table id="bagua-table">
<tr>
<th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
</tr>
<tr>
<td class="nw"><strong>Northwest</strong><br>Metal<br>Silver<br>Elders
</td>
<td class="n"><strong>North</strong><br>Water<br>Blue<br>Change
</td>
<td class="ne"><strong>Northeast</strong><br>Earth<br>Yellow<br>Direction
</td>
</tr>
<tr>
<td class="w"><strong>West</strong><br>Metal<br>Gold<br>Youth
</td>
<td class="c"><strong>Center</strong><br>All<br>Purple<br>Harmony
</td>
<td class="e"><strong>East</strong><br>Wood<br>Blue<br>Future
</td>
</tr>
<tr>
<td class="sw"><strong>Southwest</strong><br>Earth<br>Brown<br>Tranquility
</td>
<td class="s"><strong>South</strong><br>Fire<br>Orange<br>Fame
</td>
<td class="se"><strong>Southeast</strong><br>Wood<br>Green<br>Romance
</td>
</tr>
</table>
<script src="script.js"></script>
</body>
</html>

1
2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/my.css Normal file
View file

@ -0,0 +1 @@
/* ваши стили */

4
2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/script.js Normal file
View file

@ -0,0 +1,4 @@
var table = document.getElementById('bagua-table');
/* ваш код */