Pass Value from Checkbox in Child Window to the Parent Window

Posted on
This will populate you textarea based on the selected item on child window.
I hope the image above can be the explanation. :P
Anyway here's the code:
1 .index.html

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TITLE</title>

</head>
<body>

<a ating="" href="javascript:void(0);" list.html="" onclick="window.open(" width="550,height=200,left=150,top=200,toolbar=1,status=1,">Choose keywords</a>:

<form name="frm">
<textarea id="getval1" name="getval1" placeholder="choose keywords"></textarea>

<textarea id="getval" name="getval" placeholder="choose keywords"></textarea>

<textarea id="getval2" name="getval2" placeholder="choose keywords"></textarea>

</form>
</body>
</html>

2. list.html 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Choose Keywords</title>
</head>

<body>
KeyWords:<br />
 <div id="getval">
   <input type="checkbox" value="Recite" />
    Recite<br />
    <input type="checkbox" value="Sang" />
    Sang<br />
    <input type="checkbox"  value="Describe" />
    Describe<br />
    <input type="checkbox" value="Discuss" />
    Discuss<br />


    <input type="button" name="button" id="button" value="Insert" onclick="insertVals('getval');" />
</div>
<br />

<script type="text/javascript">
 function insertVals(namesContainerID)
 {
  var inputs = document.getElementById(namesContainerID).getElementsByTagName('input');
  var insertStr = '';
  for (var i=0; i<inputs.length; i++)
  {
   if (inputs[i].type == "checkbox")
   {
    if (inputs[i].checked)
    {
     insertStr += (insertStr != '') ? '\n' : '';
     insertStr += inputs[i].value;
    }
   }
  }
  if (window.opener.document.getElementById('getval1').value ==''){
  window.opener.document.getElementById('getval1').value = insertStr;
  window.close();
  }
  else if (window.opener.document.getElementById('getval').value == ''){
    window.opener.document.getElementById('getval').value = insertStr;
    window.close();
  }
   else if (window.opener.document.getElementById('getval2').value == ''){
    window.opener.document.getElementById('getval2').value = insertStr;
    window.close();
  }
 }
 
</script>

</body>
</html>

Better install XAMPP if it doesn't work in Chrome then create a folder on htdocs and put the two html files there, then access it through localhost.

Popular posts from this blog

Publish PostGIS Layers in GeoServer Automatically using cURL and REST

Posted on
Disclaimer: The idea came from this blog . So, what's the difference? I'm using Windows.  cURL should be installed already. If you have lots of tables in your database that you wanted to publish in GeoServer, you can use this method. Just prepare a list of tables (separated by new line) you want to publish in a text file format. Before proceeding in publishing layers, you need to setup a workspace and store in your GeoServer first. Although this can be done using cURL and REST API, but it is more convenient in that way. After a minute.... :D :D Create ".bat" file Use the code below but (of course) change the necessary inputs for /f %%a in ( <list of tables you want to publish> .txt) do  curl -v -u <username> : <password>   -XPOST -H "Content-type: text/xml" -d "<featureType><name>%%a</name></featureType>" http://localhost:8080/geoserver/rest/workspaces/ <name of workspace> /datastores/...
Read more

Schedule Loading of Shapefile into a PostgreSQL Database

Posted on
The code below automatically loads the shapefile found in a certain directory into a PostgreSQL database within a given interval(in this example 2 minutes). Downside (in which I'm trying to figure out): What if the filename of the shapefile changes? Anyway, this suits of what I need right now. __author__ = 'Matt' import os from django.db import connection from django.contrib.gis.utils import LayerMapping from .models import FloodHazard import datetime import time import logging from apscheduler.scheduler import Scheduler logging.basicConfig() # Start the scheduler sched = Scheduler() sched.daemonic = False sched.start() #ogrinspect evidensapp/data/flood_hazard/FloodHazard.shp FloodHazard --srid=32651 --mapping --multi # Auto-generated `LayerMapping` dictionary for FloodHazard model floodhazard_mapping = { 'hazard': 'Hazard', 'date_field': 'Date_', 'geom': 'MULTIPOLYGON' } bound_shape = os.path.abspath(os....
Read more

Resizing Blog Width: Image Problem

Posted on Post a Comment
Image
So, you decided to enlarge or make your blog smaller. And then this happens: The image's size overlaps to the blog(main-wrapper)  width, you can fix it by editing the post but what if your other posts have the same problem. Changing the image size will be tiring by doing it individually. So to solve this.We need a simple CSS code: Here's the solution:
Read more