Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #28589

Update Java script variables dynamically

Show all headers | View raw

Hello All,

How you doing.

I have a requirement to change SVG drawn image dynamically based on user given inputs from UI screen.  The inputs are rows and columns.  

below is html code
------------------

<!DOCTYPE html>
<html>
  <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <title>Self Organizing Maps</title>

        <script type="text/javascript" src="http://d3js.org/d3.v3.js"></script>
        <script type="text/javascript" src="http://d3js.org/d3.hexbin.v0.min.js"></script>  
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.js"></script>


<script>


function handleIt(){

r = document.getElementById('r').value;
c = document.getElementById('c').value;
p = document.getElementById('p').value;

alert(r+''+c+''+p);

MapColumns=c;
MapRows=r;

}


</script>

    </head>
    <body>
<div style="width:100%;"> 
<div id="header">
<h1>Map</h1>
</div>
<div id="nav">

<form action="javascript:handleIt()">
  Row#<br>
  <input type="text" id="r" name="row" value="12" size="4" maxlength="4">
  <br>
  Column#<br>
  <input type="text" id="c" name="column" value="20" size="4" maxlength="4">
  <br>
  Size of Cell<br>
  <input type="text" id="p" name="cell" value="50" size="4" maxlength="4"> px
  <br>
  <input type="**submit**" value="GO">
</form> 
</div>
<div style="float:right; width:90%;">
<div id="chart" style="overflow:auto; "></div>
<script type="text/javascript" src="script.js"></script>
</div>
</div>
    </body>
</html>


In above index.html i have external java script being referred.

<script type="text/javascript" src="script.js"></script>
script.js has below variable.

var MapColumns = 20, MapRows = 12;

upon click of submit button in index.hmtl code, i want capture the values of r,c and update MapColumns, MapRows values in java script (script.js) and reload the page , how can i do that.

Back to comp.lang.javascript | Previous | Next — Next in thread | Find similar | Unroll thread

Thread

Update Java script variables dynamically techie24by7@gmail.com - 2015-09-01 05:44 -0700
  Re: Update Java script variables dynamically "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2015-09-01 16:01 +0200
  Re: Update Java script variables dynamically JJ <jj4public@vfemail.net> - 2015-09-01 22:13 +0700

csiph-web