Tuesday, August 30, 2016

bind single array elements



https://coderanch.com/t/648284/HTML-CSS-JavaScript/AngularJS-bind-single-array-element

https://jsfiddle.net/we0s9tc8/2/

form inside form



http://stackoverflow.com/questions/32210696/angular-submit-form-inside-form

debug angular js



http://stackoverflow.com/questions/13743058/how-to-access-the-scope-variable-in-browsers-console-using-angularjs

Monday, August 29, 2016

max length



<input class="widget-input-year pgmyear" type="text" name="year" ng-model="struct.program_year"       maxlength="4" min="20" max="2076"       pattern="[0-9]{4}" required ng-trim="true"></label>

Thursday, August 25, 2016

css with . and space difference



https://css-tricks.com/multiple-class-id-selectors/

Can you spot the difference between these two selectors?
#header.callout {  }

#header .callout { }
They look nearly identical, but the top one has no space between "#header" and ".callout" while the bottom one does. This small difference makes a huge difference in what it does. To some of you, that top selector may seem like a mistake, but it's actually a quite useful selector. Let's see the difference, what that top selector means, and exploring more of that style selector.
Here is the "plain English" of "#header .callout":
Select all elements with the class name callout that are decendents of the element with an ID of header.
Here is the "plain English" of "#header.callout":
Select the element which has an ID of header and also a class name of callout.
Maybe this graphic will make that more clear:

wrap list of check boxes in side a block CSS3 overflow


Wrap list of check boxes in side a block



Monday, August 22, 2016

ANGULAR.JS: NG-SELECT AND NG-OPTIONS


https://www.grobmeier.de/angular-js-ng-select-and-ng-options-21112012.html
http://jsfiddle.net/jm6of9bu/2/

radio button



<tbody>
<tr>
  <th><label class="reqd-right">Display on Dossier Report*</label></th>
  <td>
    <input type="radio" ng-model="event.onDossier" ng-change="checkStuff()" value="yes">Yes
    <input type="radio" ng-model="event.onDossier" ng-change="checkStuff()" value="no">No<br/>
  </td>
</tr>
</tbody>


<label class="cfaesProfile_label">Formal Student Evaluation*</label>
  <input type="radio" ng-model="event.formalStudentEval" ng-change="checkformalStudentEval()"         value="yes">Yes
  <input type="radio" ng-model="goal.formalStudentEval" ng-change="checkformalStudentEval()"         value="no">No

foundation grid



<div class="large-12 columns">
  <div class="large-3 columns">
                Program*
  </div>
  <div class="large-9 columns">
                  <select ng-model="selectedEventProgram">
                    <option ng-repeat="x in struct.event_program">{{x.wgt}}{{x.poa}}</option>
                  </select>
  </div>
  <div class="large-3 columns">
    Event Title*
  </div>
  <div class="large-9 columns ">
    <input type="text" name="no" ng-model="struct.event_title" required ng-trim="true">
  </div>


    <div class="large-3 columns">
    State*
    </div>
  <div class="large-9 columns ">
  <select ng-model="selectedEventState">
    <option ng-repeat="x in struct.event_states">{{x.name}}</option>
  </select>
  </div>

jquery date picker with angular js



http://stackoverflow.com/questions/18144142/jquery-ui-datepicker-with-angularjs

http://stackoverflow.com/questions/4923917/prev-next-icons-not-showing-in-customized-jquery-datepicker-theme

http://jsfiddle.net/xB6c2/121/

Friday, August 19, 2016

window not going to front

http://www.tenforums.com/general-support/19244-taskbar-bug-switching-another-window-will-not-appear-front.html

Tuesday, August 16, 2016

$($0).datepicker()

use inspector to select the element and chrome $0 points to selected element

Friday, August 12, 2016

edit table row in Angular JS



http://stackoverflow.com/questions/26459525/how-to-modify-and-update-data-table-row-in-angular-js

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

Tuesday, August 9, 2016

Friday, August 5, 2016

spinner number stepper

http://stackoverflow.com/questions/30493392/angular-js-spinnernumber-stepper-ui-widget-directive

http://codepen.io/anon/pen/JdbVKj

spinner