Accueil Explorer Aide
Connexion
pavelefimen95
/
homework
Suivre 1
Voter 0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

commit

Pavel il y a 7 ans
Parent
215e40336c
commit
8f05e36f3a
7 fichiers modifiés avec 119 ajouts et 3 suppressions
Vue séparée Afficher les stats Diff
  1. 11 0
      js07/MultiplytTable1/index.html
  2. 20 0
      js07/MultiplytTable1/js/main.js
  3. 11 0
      js07/MultiplytTable2/index.html
  4. 24 0
      js07/MultiplytTable2/js/main.js
  5. 11 0
      js07/MultiplytTable3/index.html
  6. 39 0
      js07/MultiplytTable3/js/main.js
  7. 3 3
      js07/js07.md

+ 11 - 0
js07/MultiplytTable1/index.html
Voir le fichier 

@@ -0,0 +1,11 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>Document</title>
 
+</head>
 
+<body>
 
+	
+	<script src="js/main.js"></script>
 
+</body>
 
+</html>

+ 20 - 0
js07/MultiplytTable1/js/main.js
Voir le fichier 

@@ -0,0 +1,20 @@
 
+var table = document.createElement("table");
 
+
 
+table.setAttribute("cellpadding","15");
 
+table.setAttribute("border", "1");
 
+table.style.borderCollapse = "collapse";
 
+table.style.borderColor = "#ccc";
 
+document.body.appendChild(table);
 
+for (var i = 0; i < 9; i++) {
 
+	table.appendChild(document.createElement("tr"));
 
+	for (var j = 0; j < 9; j++) {
 
+		table.children[i].appendChild(document.createElement("td"));
 
+		table.children[i].children[j].innerHTML = (i + 1) * (j + 1);
 
+		
+	}
 
+
 
+}
 
+var c = table.querySelectorAll("tr:nth-child(2n)");
 
+for (var i = 0; i < c.length; i++) {
 
+	c[i].style.backgroundColor = "#efefef";
 
+}

+ 11 - 0
js07/MultiplytTable2/index.html
Voir le fichier 

@@ -0,0 +1,11 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>Document</title>
 
+</head>
 
+<body>
 
+	
+	<script src="js/main.js"></script>
 
+</body>
 
+</html>

+ 24 - 0
js07/MultiplytTable2/js/main.js
Voir le fichier 

@@ -0,0 +1,24 @@
 
+var table = document.createElement("table");
 
+
 
+table.setAttribute("cellpadding","15");
 
+table.setAttribute("border", "1");
 
+table.style.borderCollapse = "collapse";
 
+table.style.borderColor = "#ccc";
 
+document.body.appendChild(table);
 
+for (var i = 0; i < 9; i++) {
 
+	table.appendChild(document.createElement("tr"));
 
+	for (var j = 0; j < 9; j++) {
 
+		table.children[i].appendChild(document.createElement("td"));
 
+		table.children[i].children[j].innerHTML = (i + 1) * (j + 1);
 
+		table.children[i].children[j].onmouseover = colorFuncOn;
 
+		table.children[i].children[j].onmouseout = colorFuncOut;
 
+	}
 
+
 
+}
 
+
 
+function colorFuncOn(){
 
+    this.style.backgroundColor = "#ccc";
 
+}
 
+function colorFuncOut(){
 
+    this.style.backgroundColor = "#fff";
 
+}

+ 11 - 0
js07/MultiplytTable3/index.html
Voir le fichier 

@@ -0,0 +1,11 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>Document</title>
 
+</head>
 
+<body>
 
+	
+	<script src="js/main.js"></script>
 
+</body>
 
+</html>

+ 39 - 0
js07/MultiplytTable3/js/main.js
Voir le fichier 

@@ -0,0 +1,39 @@
 
+var table = document.createElement("table");
 
+
 
+table.setAttribute("cellpadding","15");
 
+table.setAttribute("border", "1");
 
+table.style.borderCollapse = "collapse";
 
+table.style.borderColor = "#ccc";
 
+document.body.appendChild(table);
 
+for (var i = 0; i < 9; i++) {
 
+	table.appendChild(document.createElement("tr"));
 
+	for (var j = 0; j < 9; j++) {
 
+		table.children[i].appendChild(document.createElement("td"));
 
+		table.children[i].children[j].innerHTML = (i + 1) * (j + 1);
 
+		table.children[i].children[j].onmouseover = colorFuncOn;
 
+		table.children[i].children[j].onmouseout = colorFuncOut;
 
+		table.children[i].children[j].setAttribute("name",j)
 
+	}
 
+
 
+}
 
+
 
+function colorFuncOn(){
 
+    
+    var i = this.getAttribute("name");
 
+    for (var j = 0; j < 9; j++) {
 
+    	this.parentNode.parentNode.childNodes[j].childNodes[i].style.backgroundColor= "#ccc";
 
+    }
 
+    for (var k = 0; k < 9; k++) {
 
+    	 this.parentNode.childNodes[k].style.backgroundColor = "#ccc";
 
+    }
 
+}
 
+function colorFuncOut(){
 
+   
+    var i = this.getAttribute("name");
 
+    for (var j = 0; j < 9; j++) {
 
+    	this.parentNode.parentNode.childNodes[j].childNodes[i].style.backgroundColor= "#fff";
 
+    }
 
+     for (var k = 0; k < 9; k++) {
 
+    	 this.parentNode.childNodes[k].style.backgroundColor = "#fff";
 
+    }
 
+}

+ 3 - 3
js07/js07.md
Voir le fichier 

@@ -1,14 +1,14 @@
 
 ### Таблица умножения
 
 
-ссылка
 
+http://homework.pavelefimen95.fe.a-level.com.ua/MultiplytTable1
 
 
 ### Подсветить ячейку
 
 
-ссылка
 
+http://homework.pavelefimen95.fe.a-level.com.ua/MultiplytTable2
 
 
 ### Подсветить строку и столбец
 
 
-ссылка
 
+http://homework.pavelefimen95.fe.a-level.com.ua/MultiplytTable3
 
 
 ### makeProfileTimer