Switch branches/tags
Nothing to show
Commits on Apr 13, 2016
  1. exploreMap.js - fixed theProductTypes array so it now contains value …

    LindsayBrown81 committed Apr 13, 2016
    …for each iteration throughcontacts array. Lines 44-45.
Commits on Apr 9, 2016
  1. using revealing module pattern to pass functions as object literals t…

    LindsayBrown81 committed Apr 9, 2016
    …o outer scope. jsonKey becomes jsonKeyF() becomes theJsonKey. contacts becomes contactsF() becomes theContacts. productTypes becomes productTypesF() becomes theProductTypes. Problem is, theProductTypes only contains productTypes for the last contact in contacts...So, advice from NodeDC developers is to not use revealing module pattern bc no need to keep inner vars private, so many lines of codes when a node command(s) can do same thing. They suggested think about my app's 5 event states, store each in a var or function, and possibly use enum.
Commits on Mar 15, 2016
  1. exploreMap.js - early, unworking, untested draft. Goal: show only nam…

    LindsayBrown81 committed Mar 15, 2016
    …e of expert that user selected in dropdown menu. See line 173.
Commits on Dec 21, 2015
  1. - 4 short paragraphs summarizing why I made this single pag…

    LindsayBrown81 committed Dec 21, 2015
    …e web application, its basic components, and how it works.
Commits on Dec 19, 2015
Commits on Dec 18, 2015
Commits on Nov 11, 2015
Commits on Jul 24, 2015
  1. exploreMap.js - revised styling of select menu so still 508 compliant…

    LindsayBrown81 committed Jul 24, 2015
    … but without glowing blue border which appears in Chrome browser.
Commits on Jul 21, 2015
  1. - three short paragraphs summarizing the functionality of t…

    LindsayBrown81 committed Jul 21, 2015
    …his interactive map, my motivations for creating it, it's evolution from Fall 2013 to July 2015, and the problems it solved for NTPEP, a program run by my current employer, AASHTO.
  2. exploreMap.html - this HTML file contains inline SVG. Each state shap…

    LindsayBrown81 committed Jul 21, 2015
    …e is contained in a group element. The drop down menu was produced by a Python script,, which writes to productMenu.html. I chose to copy and paste that small amount of code into this main HTML file for simplicity in hanging my project. This is the main HTML file in this project, a single page web application which is displayed in an iframe on NTPEP is a public-private partnership run by my current employer, AASHTO. This tool allows NTPEP's state DOT members and private industry participants to retrieve product type information about every state DOT that participates in the program. It also displays contact information for the appropriate subject matter expert at each state DOT. I conducted the survey to gather this information from the 52 state DOTs. I created this interactive map from concept through to implementation to reduce the high volume of phone call inquiries NTPEP's staff of 5 employees was struggling to keep up with. This second version of the interactive map, completed in July 2015, includes click functionality as opposed to hover, and a drop down menu through which users can select a product type and then those states which use NTPEP for that product type are indicated by turning white. The first version of the map had no drop down menu and so prevented users from discovering which states used a certain product type unless they had the time to click on each state one-by-one. Prior to my interactive map, NTPEP used 15 or so static separate maps on separate web pages to convey the product usage information displayed in this single page web application. Further, the static maps did not contain contact information for the subject matter experts at each state DOT.
  3. exploreMap.js - this is the only JavaScript file in the project. It l…

    LindsayBrown81 committed Jul 21, 2015
    …oads JSON from stateInfoList.json then parses and creates text objects that will eventually be displayed as HTML on exploreMap.html. This JavaScript contains an explanation of how I formatted my comments. There are many comments which could serve as learning aids for a beginner programmer. I also noted ways in which I could improve upon this JavaScript code in the future if time permits. jQuery 1.11.0 is referenced in the script tag in exploreMap.html.
  4. EventHandlerConditionals.txt - this text files spells out in plain En…

    LindsayBrown81 committed Jul 21, 2015
    …glish the behaviors and conditionals that this single-page web application must implement. Some earlier failed attempts are logged as history entries. This file helped me get my logic straight while writing the JavaScript code found in exploreMap.js, especially as it pertains to assigning class attributes to the SVG group elements found in exploreMap.html.
  5. stateInfoList.json - This JSON was written by a Python script, script…

    LindsayBrown81 committed Jul 21, 2015
    …, which reads from an Excel workbook, ntpepInfo.xlsx. At runtime, this JSON gets loaded and parsed by the JavaScript file, exploreMap.js, which creates various text objects and arrays for eventual display as HTML.
  6. - this Python script reads from the second …

    LindsayBrown81 committed Jul 21, 2015
    …tab of the Excel workbook, ntpepInfo.xlsx, and writes the contact information in it to a JSON file, stateInfoList.json. The script uses the XLRD library.
  7. ntpepInfo.xlsx - The second tab of this Excel workbook gets read by a…

    LindsayBrown81 committed Jul 21, 2015
    … Python script ( which uses the XLRD library. The Python script writes to a JSON file (stateInfoList.json).
Commits on Jul 17, 2015
  1. exploreMap.html - resized SVG map by adjusting values of width and he…

    LindsayBrown81 committed Jul 17, 2015
    …ight attributes and the user coordinantes (i.e., user space) values of viewbox attribute on line 73. I added tspans in the newly added svg header element. I wrapped the map's group elements in a new SVG tag with id of Map to separate it from the spacing I was doing on the header. I added selectedClass path so that Alaska's group element would get styled.
  2. exploreMap.js - comments described at top of document. Added .css met…

    LindsayBrown81 committed Jul 17, 2015
    …hod on line 14 to make select menu solid white background when user has made a selection. A hazy blue border surrounds menu, as well, but no longer displays after user clicks on a selected (white) state.
Commits on Jul 11, 2015
  1. exploreMap.js - all functionality requirements listed on EventHandler…

    LindsayBrown81 committed Jul 11, 2015
    …Conditionals.txt are met. Comments reorganized. Next step is to enlarge map then publish on
Commits on Jun 28, 2015
  1. exploreMap.js -if clicked class doesn't exist, hide txtDOT works. if …

    LindsayBrown81 committed Jun 28, 2015
    …selectedClass doesn't exist, reset drop down menu to default value works. Problems: clicked not assigning when a selected state is clicked - see Deprey's code. This is semi-important. Also, I deleted superfluous code and organized comments.
  2. exploreMap.js -if clicked class doesn't exist, hide txtDOT works.if s…

    LindsayBrown81 committed Jun 28, 2015
    …electedClass doesn't exist, reset drop down menu to default value works.clicked not assigning when a selected state is clicked - this is semi-important aspect of the condition I have yet to code: keep selectedClass if the clicked state is one of the selectedClass states.See Deprey's code.Also, delete commented out lines of code in next pushed version.
Commits on Jun 27, 2015
  1. exploreMap.js - text box hides when click doesn't exist. Also, superf…

    LindsayBrown81 committed Jun 27, 2015
    …luous tests are commented out.
Commits on Jun 25, 2015
  1. EventHandlerConditionals.txt - in English, this doc describes explore…

    LindsayBrown81 committed Jun 25, 2015
    …Map's event handler behaviors, default and exceptions (written as conditionals). It marks which objectives I have not yet met and how they fall short. Number 3 under on(click) and number 2 under on(change) may not belong tied to event handler functions. Please let me know your thoughts about those two conditions. Thanks.
Commits on Jun 24, 2015
  1. exploreMap.js - problems: clicked not assigning when a selected state…

    LindsayBrown81 committed Jun 24, 2015
    … is clicked (semi-important). TO DO: remove text if clicked class doesn't exist, and reset drop down menu to default value if selectedClass doesn't exist.
Commits on Jun 23, 2015
Commits on Jun 22, 2015
  1. exploreMap.js - moved var theText above object creation code where th…

    LindsayBrown81 committed Jun 22, 2015
    …eText is defined in the parse data scope.
  2. exploreMap.js - comments from's Advanced JavaScript t…

    LindsayBrown81 committed Jun 22, 2015
    …utorial added in lines 39-45. By the way, the error in this version is loop is not defined on line 108.
Commits on Jun 21, 2015
  1. exploreMap.js - attempting to use revealing module pattern of object …

    LindsayBrown81 committed Jun 21, 2015
    …creation starting at line 38 or so in order to have productTypes array available in global scope;i.e.,the .on(change...)event handler needs to access that productTypes array.
Commits on Jun 18, 2015
  1. exploreMap.js - discardClicked1stInBothHandlerFuncs_6-15-15. Problems…

    LindsayBrown81 committed Jun 18, 2015
    …: clicked overwrites selected when user clicks a state within the selected group - only 1 problem w attr functionaity - not bad. No text box functionality below the map.
  2. exploreMap.js - problems: clicked overwriting selected even when user…

    LindsayBrown81 committed Jun 18, 2015
    … clicked a shape within the selected state group. Selected states won't light up unless a click has occurred first. Selected class instances are remaining when user selects new product type from drop down. Selected class instances are accruing or bubbling on state els.
  3. exploreMap.js - back up dated 5/25/15. Problems: selectedClass does n…

    LindsayBrown81 committed Jun 18, 2015
    …ot remove Clicked. Clicked class instances are accruing on els. What I want: At top of both event handlers, discard click, possibly using ().off(click). On click conditional: if user clicks a state that is in the selected states group, keep the selected class.
Commits on May 25, 2015
  1. exploreMap.html- how to change .clicked styling so that it doesn't co…

    LindsayBrown81 committed May 25, 2015
    …mpete with white fill of selectedClass?
  2. exploreMap.js - ok that undefined class els wipes out selectedClass. …

    LindsayBrown81 committed May 25, 2015
    …Find way to remove clicked text when selectedStates doesn't include that clicked state. Find way to style clicked class that doesn't compete with white fill on polygons from selectedClass.