Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

<div class=\"form-group\"> <label class=\"col-md-4 control-label\">Environment</

ID: 3849611 • Letter: #

Question

<div class="form-group">
<label class="col-md-4 control-label">Environment</label>
<div class="col-md-4">
    <select id="env" class="form-control">
      <option value="Development">Development</option>
      <option value="SIT">SIT</option>
      <option value="Production">Production</option>
    </select>
</div>
</div>


<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label">Region</label>
<div class="col-md-4">
    <select id="region" class="form-control">
      <option value="North America">North America</option>
      <option value="Eastern Europe">Eastern Europe</option>
      <option value="Middle East">Middle East</option>
    </select>
</div>
</div>
<script>

function myFunction() {
    var x = document.getElementById("env").value;

}

function myFunction2(){
    var y= document.getElementById("region").value;

}
}
</script>

<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label">DVN</label>
<div class="col-md-4">
<input id="dvn" class="form-control input-md" type="text" placeholder="">
</div>
</div>


<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label">Version</label>
<div class="col-md-2">
    <select id="version" class="form-control">
    </select>
</div>
</div>

<script src="js/versionloader.js"></script>

    <div class="demo-section k-content">
    <label class="col-md-4 control-label" for="Catalog Layers">Catalog Layers</label>
        <div>
            <div id="treeview"></div>
        </div>
    </div>

    <script>
        $("#treeview").kendoTreeView({
         
            checkboxes: {
                checkChildren: true
            },

            check: onCheck,

            dataSource: [{
                id: 1, text: "All Layers", expanded: false, spriteCssClass: "rootfolder", items: [
                    {
                        id: 2, text: "ADAS", expanded: false, spriteCssClass: "folder", items: [
                        ]
      
                    },
                    {
                        id: 6, text: "CV", expanded: false, spriteCssClass: "folder", items: [
                            { id: 7, text: "CoreMap-ComputedValue", spriteCssClass: "image" }
                        ]
                    },
                    {
                        id: 9, text: "TMOB", expanded: false, spriteCssClass: "folder", items: [
                            { id: 10, text: "INFO", spriteCssClass: "pdf" },
                            { id: 11, text: "Admin", spriteCssClass: "pdf" },
                            { id: 12, text: "Country", spriteCssClass: "pdf" },
                            { id: 13, text: "Domain", spriteCssClass: "pdf" },
                            { id: 14, text: "DomainCombo", spriteCssClass: "pdf" },
                            { id: 15, text: "Zone", spriteCssClass: "pdf"},
                            { id: 16, text: "Postal Area", spriteCssClass: "pdf" },
                            { id: 17, text: "Topology", spriteCssClass: "pdf" },
                            { id: 18, text: "Road", spriteCssClass: "pdf" },
                            { id: 19, text: "CRF", spriteCssClass: "pdf" },
                            { id: 20, text: "Address", spriteCssClass: "pdf" },
                            { id: 21, text: "Carto", spriteCssClass: "pdf" },
                            { id: 22, text: "PoiCarto", spriteCssClass: "pdf"},
                            { id: 23, text: "PointAddress", spriteCssClass: "pdf"},
                            { id: 24, text: "Poi", spriteCssClass: "pdf"},
                            { id: 25, text: "RailwayCrossing", spriteCssClass: "pdf"},
                            { id: 26, text: "Sign", spriteCssClass: "pdf"},
                            { id: 27, text: "ViaArea", spriteCssClass: "pdf"},
                            { id: 28, text: "VirtualConnection", spriteCssClass: "pdf"},
                            { id: 29, text: "DistanceMarkerFeaturePoint", spriteCssClass: "pdf"},
                            { id: 30, text: "NaturalGuidance", spriteCssClass: "pdf"},
                            { id: 31, text: "PremiumContentMetadata", spriteCssClass: "pdf"},
                            { id: 32, text: "StreetType", spriteCssClass: "pdf"},
                            { id: 33, text: "Annotation", spriteCssClass: "pdf"},
                                           ]
                    }
                ]
            }]
        });

        // function that gathers IDs of checked nodes
        function checkedNodeIds(nodes, checkedNodes) {
            for (var i = 0; i < nodes.length; i++) {
                if (nodes[i].checked) {
                    checkedNodes.push(nodes[i].id);
                }

                if (nodes[i].hasChildren) {
                    checkedNodeIds(nodes[i].children.view(), checkedNodes);
                }
            }
        }

        // show checked node IDs on datasource change
        function onCheck() {
            var checkedNodes = [],
                treeView = $("#treeview").data("kendoTreeView"),
                message;

            checkedNodeIds(treeView.dataSource.view(), checkedNodes);

            if (checkedNodes.length > 0) {
                message = "IDs of checked nodes: " + checkedNodes.join(",");
            } else {
                message = "No nodes checked.";
            }

            $("#result").html(message);
        }
    </script>
    <style>
    #treeview{
      -moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
color: blue;
background: white;
    }
#treeview:checked + span {
      border-color: blue;
    background-color:blue;
}
    }
    body{
        background: white;
    }
    </style>

</div>

<br>
<br>


<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label">Catalog Name</label>
<div class="col-md-4">
    <select id="catalog" class="form-control">
      <option value="Catalog Name">Catalog Name</option>
    </select>
</div>
</div>

<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label">Format</label>
<div class="col-md-4">
    <select id="format" class="form-control">
      <option value="JSON">JSON</option>
    </select>
</div>
</div>

</style>

<!-- Search input-->
<div class="form-group">
<label class="col-md-4 control-label">Processing Host</label>
<div class="col-md-4">
    <input id="host" name="searchinput" class="form-control input-md" type="search" placeholder="">
</div>
</div>

<!-- Search input-->
<div class="form-group">
<label class="col-md-4 control-label">Destination Directory</label>
<div class="col-md-4">
    <input id="dir" name="searchinput" class="form-control input-md" id="searchinput" type="search" placeholder="C:/DEV/NA/1_2_3/NT_CV">
</div>
</div>

<!-- Button -->
<center><div class="form-group">
<label class="col-md-4 control-label"></label>
<div class="col-md-4">
    <button class="btn btn-primary" id="LOAD">LOAD</button>
</div>

Environment Development North America Region 12 DVN Version 'D All Layers Catalog Layers M ADAS Catalog Name Catalog Name JSON Format Processing Host Destination Directory C /DEVINA12/ADAS/JSON LOAD CV TMOB

Explanation / Answer

<!DOCTYPE html>
<html>
<head>
<style>
#treeview{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
color: blue;
background: white;
}
#treeview:checked + span {
border-color: blue;
background-color:blue;
}
}
body{
background: white;
}
</style>
</head>
<body>
<div class="form-group">
<label class="col-md-4 control-label">Environment</label>
<div class="col-md-4">
<select id="env" class="form-control">
<option value="Development">Development</option>
<option value="SIT">SIT</option>
<option value="Production">Production</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Region</label>
<div class="col-md-4">
<select id="region" class="form-control">
<option value="North America">North America</option>
<option value="Eastern Europe">Eastern Europe</option>
<option value="Middle East">Middle East</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">DVN</label>
<div class="col-md-4">
<input id="dvn" class="form-control input-md" type="text" placeholder="">
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Version</label>
<div class="col-md-2">
<select id="version" class="form-control">
</select>
</div>
</div>
<div class="demo-section k-content">
<label class="col-md-4 control-label" for="Catalog Layers">Catalog Layers</label>
<select id="layer" class="form-control">
<option value="ADAS">ADAS</option>
<option value="CV">CV</option>
<option value="TMOB">TMOB</option>
</select>
<div>
<div id="treeview"></div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Catalog Name</label>
<div class="col-md-4">
<select id="catalog" class="form-control">
<option value="Catalog Name">Catalog Name</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Format</label>
<div class="col-md-4">
<select id="format" class="form-control">
<option value="JSON">JSON</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Processing Host</label>
<div class="col-md-4">
<input id="host" name="searchinput" class="form-control input-md" type="search" placeholder="">
</div>
</div>
<!-- Search input-->
<div class="form-group">
<label class="col-md-4 control-label">Destination Directory</label>
<div class="col-md-4">
<input id="dir" name="searchinput" class="form-control input-md" id="searchinput" type="search" placeholder="">
</div>
</div>
<center><div class="form-group">
<label class="col-md-4 control-label"></label>
<div class="col-md-4">
<button class="btn btn-primary" id="LOAD">LOAD</button>
</div>

<script src="js/versionloader.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
myFunction();
});
function myFunction() {
var a = document.getElementById("env").value;
var b= document.getElementById("region").value;
var c= document.getElementById("dvn").value;
var d= document.getElementById("layer").value;
var e= document.getElementById("format").value;
document.getElementById("dir").value = "C:/"+a+"/"+b+"/"+c+"/"+d+"/"+e;
  
}
</script>
<script>
  
</script>
  
</body>
</html>

Please provide the CF score by liking the answer. Thanks.

Related Questions

<Blue hats and Red hats> The Guild of Parity Milliners is a cult where members w
Question #3884147
<Caesar Cipher C++ Hmwk Assignment> Complete the provided partial C++ program by
Question #3663356
<Cell structure and organelles> 3. Explain how the internal structure of a cell
Question #209312
<Computer Architecture> Please help me out. Give me a detail explanation for thi
Question #663006
<Correlation> Q. A researcher measures the relationship between sleep medication
Question #130050
<DIV>11.[2.6#39] The output at a certain plant is Q= 0.08x<SUP>2</SUP> +0.12xy+0
Question #3097013
<DIV><IMG alt=\"\" src=\"https://s3.amazonaws.com/answer-board-image/41c7a3d2-53
Question #1684004
<DIV><IMG alt=\"\" src=\"https://s3.amazonaws.com/answer-board-image/422846ae-5e
Question #1684006
Hire Me For All Your Tutoring Needs
Integrity-first tutoring: clear explanations, guidance, and feedback.
Drop an Email at
drjack9650@gmail.com
Chat Now And Get Quote

Navigate

Previous
<div class=\"container\"> <form id=\"contact\" action=\"\" method=\"post\"> <h3
Next
<div class=\"partText\">If it requires <span style=\"white-space: nowrap;\">7.0<

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.