Changeset 296 in tmcsimulator


Ignore:
Timestamp:
03/05/2019 07:43:37 PM (7 years ago)
Author:
jdalbey
Message:

cms demo modified for 3 input lines

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/cptms/cms_demo.html

    r295 r296  
    1616        margin: 0; 
    1717        } 
     18        textarea { 
     19           resize: none; 
     20           min-height: 16px; 
     21           max-height: 18px; 
     22           white-space: pre; 
     23        } 
     24        input { 
     25            max-height: 12px; 
     26        } 
     27        button { 
     28            min-height: 21px; 
     29            max-height: 25px; 
     30        } 
    1831      #map { 
    1932       height: 560px; 
    … …  
    2437      #cms-name { 
    2538       height: 30px; 
    26        width: 350px; 
     39       width: 335px; 
    2740       overflow: hidden; 
    2841       background-color: #ECECFB; 
    … …  
    3144       } 
    3245      #cms-message { 
    33        height: 90px; 
    34        width: 550px; 
     46       height: 93px; 
     47       width: 335px; 
    3548       overflow: hidden; 
    3649       float: left; 
    … …  
    4356       } 
    4457      #userinput { 
    45        height: 90px; 
    46        width: 175px; 
     58       height: 93px; 
     59       width: 200px; 
    4760       overflow: hidden; 
    4861       background-color: #ECECFB; 
    … …  
    5669    <div id="cms-message"  style="display: none;"></div> 
    5770    <div id="userinput"    style="display: none;"> 
    58     <input id='userReply' type='text' />  
    5971    <input id='cmsID' value="" type='hidden'/> 
     72    <textarea id="msgcontent1" maxlength="16" cols="16"></textarea> 
     73    <textarea id="msgcontent2" maxlength="16" cols="16"></textarea> 
     74    <textarea id="msgcontent3" maxlength="16" cols="16"></textarea> 
    6075    <button onclick="handleSubmit();">Submit</button> 
     76    <button onclick="handleCancel();">Cancel</button> 
    6177    </div> 
    6278    <div id="map"></div> 
    … …  
    91107          cmsID = feature.id 
    92108          getMessage(cmsID);  // note: this is async 
    93           var userReply = document.getElementById('userReply'); 
    94           userReply.value = ""  // clear the response area 
     109          // clear the response area 
     110          document.getElementById('msgcontent1').value=""; 
     111          document.getElementById('msgcontent2').value=""; 
     112          document.getElementById('msgcontent3').value=""; 
    95113          document.getElementById('cmsID').value=cmsID ; 
    96114          var userInput = document.getElementById('userinput'); 
    … …  
    106124            document.getElementById('cms-name').style.display = 'none' 
    107125            // recover the user's response 
    108             var response = document.getElementById('userReply').value; 
    109             saveMessage(response); 
     126            var response1 = document.getElementById('msgcontent1').value; 
     127            var response2 = document.getElementById('msgcontent2').value; 
     128            var response3 = document.getElementById('msgcontent3').value; 
     129            saveMessage(response1+"<br>"+response2+"<br>"+response3); 
     130        } 
     131        function handleCancel() 
     132        { 
     133            // hide the display 
     134            document.getElementById('cms-message').style.display = 'none' 
     135            document.getElementById('userinput').style.display = 'none' 
     136            document.getElementById('cms-name').style.display = 'none' 
    110137        } 
    111138 
    … …  
    132159            // Parse JSON string into object 
    133160            messageList = JSON.parse(response); 
    134             // TODO: select a message from json for the given cmsID 
     161            // select a message from json for the given cmsID 
    135162            console.log("get by cmsID="+cmsID); 
    136163            var cmsSign = document.getElementById('cms-message'); 
    137             if (cmsSign.length==0) cmsSign = " "; 
    138164            cmsSign.innerHTML = messageList[cmsID]; 
    139165            cmsSign.style.display = 'block' 
Note: See TracChangeset for help on using the changeset viewer.