Greg Chu Technical History: September 2016

Thursday, September 22, 2016

Web hosting companies

A2 hosting is usually who I use, or Siteground.

Wednesday, September 21, 2016

Tuesday, September 20, 2016

table, th, td {
/*border: 1px solid black;*/
text-align: center;
/*border-bottom: 1px solid black;*/

}

.bottomBorder{
border-bottom: 1px solid black;
border-bottom-width: 1px;
border: 0px;
}

.topBorder {
border-top: 1px solid black !important;
border-top-width: 1px;
/*border: 0px;*/
}

.rightBorder {
border-right: 1px solid black !important;
border-right-width: 1px;
}

.leftBorder {
border-left: 1px solid black !important;
border-left-width: 1px;
}

.allBorder{
border:1px solid black !important;
}
.noTopBorder{
border-bottom-width: 0px;

}

.noBottomBorder{
border-bottom-width: 0px;
border-bottom: 0px !important;
}
.StandardTable {
color:#222222 !important;
border: 1px solid;
/*border: 1px solid #656565;*/
/*-moz-border-radius: 10px;*/
/*-webkit-border-radius: 10px;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*box-shadow: 10px 10px 5px #888888;*/
width: 90%;
margin-left: 20px;
margin-bottom: 15px;
border-spacing: 0;

}

<!DOCTYPE html>
<html>

<head>
<title></title>
<meta charset="utf-8" />
<link href="keyword.css" rel="stylesheet" />
</head>

<body>
<div class="content viewing profileBox second" id="cfaesW_admin_ISSUE_area" ng-if="status=='cISSUE'">
<table ng-show="arrISSUE.length > 0" class="StandardTable">
<col>
<colgroup span="2"></colgroup>
<colgroup span="2"></colgroup>
<tr>
<td></td>
<td></td>
<td>visiblity</td>
</tr>
<tr>
<td></td>
<td class="no"></td>
<td>(active</td>
</tr>

<tr>
<td></td>
<td class="topBorder rightBorder leftBorder">impact araa</td>
<td>inactive)</td>
</tr>
</table>
</div>

</body>

</html>

CSS table

https://css-tricks.com/complete-guide-table-element/

table {
border-collapse: collapse;
}

td, th {
border: 1px solid #999;
padding: 0.5rem;
text-align: left;
}

<table>
<thead>
<tr>
<th>Name</th>
<th>ID</th>
<th>Favorite Color</th>
</tr>
</thead>
<tbody>
<tr>
<td>Jim</td>
<td>00001</td>
<td>Blue</td>
</tr>
<tr>
<td>Sue</td>
<td>00002</td>
<td>Red</td>
</tr>
<tr>
<td>Barb</td>
<td>00003</td>
<td>Green</td>
</tr>
</tbody>
</table>

7 sticky note

http://www.7stickynotes.com/

default select drop down value angular js

http://plnkr.co/edit/BsnSvXlSASPm6EAY1brK?p=preview

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
$scope.options = [
{
name: 'Something Cool',
value: 'something-cool-value'
},
{
name: 'Something Else',
value: 'something-else-value'
}
];

$scope.selectedOption = $scope.options[0];
});

<!DOCTYPE html>
<html ng-app="plunker">

<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.0.x" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js" data-semver="1.0.7"></script>
<script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">
<select
ng-model="selectedOption"
ng-options="option.name for option in options">
</select>
{{ selectedOption.value }}
</body>

</html>

Monday, September 19, 2016

search box

https://webdesign.tutsplus.com/tutorials/css-experiments-with-a-search-form-input-and-button--cms-22069

<input id="POASearch" type="search" name="POASearch" ng-model="POASearch" placeholder="Search" />
<i class="fa fa-search searchBox" ng-click="POASearchClick(POASearch)"></i>

.searchBox {

   position: relative;
   z-index: 1;
   left: -25px;
   top: 1px;
   color: #7B7B7B;
   cursor:pointer;
   width: 0;
}

Sunday, September 18, 2016

brackets editor

https://johnpapa.net/my-recommended-brackets-extensions/

How to install (only Brackets 1.0 and later)

Delkos Dark Theme

File Extension manager…
Click the tab called "Themes"
Type (the name of the theme you want) in the top right search bar.
Click "Install".
Click Close on the pop up.
Click Close on the extension manager.
View Themes…
Current Theme change to the theme you installed.

html table multiple row col

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="keyword.css">
</head>
<body>
<table class="StandardTable">
<col>
<colgroup span="2"></colgroup>
<colgroup span="2"></colgroup
<tr>
<td rowspan="2">KEYWORD</td>
<td colspan="4" scope="colgroup">Program Areas</td>
<td rowspan="2">VISIBILITY (ACTIVE / INACTIVE)</td>
</tr>
<tr>
<th scope="col">4-H</th>
<th scope="col">ANR</th>
<th scope="col">CD</th>
<th scope="col">FCS</th>
</tr>
<tr>
<th scope="row">Teddy Bears</th>
<td>50,000</td>
<td>30,000</td>
<td>100,000</td>
<td>80,000</td>
</tr>
<tr>
<th scope="row">Board Games</th>
<td>10,000</td>
<td>5,000</td>
<td>12,000</td>
<td>9,000</td>
</tr>
</table>

</body>
</html>

table, th, td {
border: 1px solid black;
}

.StandardTable {
color:#222222 !important;
border: 1px solid #656565;
/*-moz-border-radius: 10px;*/
/*-webkit-border-radius: 10px;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*box-shadow: 10px 10px 5px #888888;*/
width: 90%;
margin-left: 20px;
margin-bottom: 15px;
border-spacing: 0;

}

Saturday, September 17, 2016

Table with headers spanning multiple rows or columns

https://www.w3.org/WAI/tutorials/tables/irregular/

Thursday, September 15, 2016

CSS relationship between each level

if want to change CSS to center text for table cell need to do in the <Td class=....>

<td class="cust-fa-center">
  <i ng-show="!ar.editing && selectedVisibility == 'Active'" ng-click="doneEditPOA(ar)" class="fa fa-eye cust-fa-size-green" aria-hidden="true"></i>
  <i ng-show="!ar.editing && selectedV

parse text file

Imports System.IO
Module Module1

Sub Main()

Dim fileO As System.IO.StreamWriter
fileO = My.Computer.FileSystem.OpenTextFileWriter("D:\O.txt", True)

For Each line As String In File.ReadLines("d:\1.txt")
Dim i As Int16 = GetNthIndex(line,"""",4)
Dim s1 As String = Left(line,i)
Console.WriteLine(s1)
Dim j As Int16 = 0
Dim s2 As String = Right(line, i)
s2 = line.Substring(i)
Console.WriteLine(s2)
Dim s3 As String = line.Substring(i)
'Dim s4 As string
Dim s4 As String = line.Substring(i+1)
Dim s5 As String = s1 + chr(34) + "," + Chr(34) + "name:" +Chr(34) + ":" +chr(34) + s4
Console.WriteLine(s5)
fileO.WriteLine(s5)
' Console.WriteLine(s2)
Next
fileO.Close()
End Sub

Public Function GetNthIndex(s As String, t As Char, n As Integer) As Integer
Dim count As Integer = 0
For i As Integer = 0 To s.Length - 1
Console.WriteLine(s(i))
If s(i) = t Then
count += 1
If count = n Then
Return i
End If
End If
Next
Return -1
End Function

End Module

Monday, September 12, 2016

table cell only can use in table, use block

Saturday, September 10, 2016

limit number of checkbox checked

http://www.plus2net.com/javascript_tutorial/checkbox-limit.php

Friday, September 9, 2016

edit table cell

http://stackoverflow.com/questions/28421427/editable-table-cell-in-angularjs

Wednesday, September 7, 2016

disable text send to gmail

https://productforums.google.com/forum/m/#!topic/voice/WTmRqgdlmTE

Tuesday, September 6, 2016

angular js dropdown list tool tip

http://stackoverflow.com/questions/37481611/angularjs-tooltip-on-mouse-hover-to-single-value-of-dropdown-using-ng-options

http://codepen.io/chiragshah_mb/pen/WxNeZE?editors=1111

Sunday, September 4, 2016

Angular JS dropdown list requred

http://tutlane.com/tutorial/angularjs/angularjs-select-box-dropdown-list-binding-with-validations-example

http://stackoverflow.com/questions/15360094/angularjs-dropdown-required-validation

http://stackoverflow.com/questions/30945705/how-can-i-validate-an-ng-repeated-dropdown-category-selector

Thursday, September 1, 2016

This vs $scope

http://stackoverflow.com/questions/11605917/this-vs-scope-in-angularjs-controllers

debug AngularJs scope issue

Right mouse on element and inspect on the input not passing from Angular to JavaScript.

https://www.toptal.com/angular-js/top-18-most-common-angularjs-developer-mistakes

Greg Chu Technical History