Sponsored Content
Top Forums Web Development Help with passing HTML values in to JavaScript Post 302457546 by zero3ree on Tuesday 28th of September 2010 08:52:04 AM
Old 09-28-2010
Help with passing HTML values in to JavaScript

Not sure if this is the right place to ask this but here goes. I am creating a cheat sheet for co-workers. The concept is that you pick wire size and conduit size and the amount of wires that will fit is displayed. I haven't used alot of drop downs and can't quite figure out the way the get id code should be written. Here is what I have.

Code:
    function fillcap(){
        var wire = document.form.wire.value;
        var conduit = document.form.cond.value;
        if (wire.option >= "10" && conduit.option = "1") {
            alert("Wire Size exceeds conduit max fill!")
        }
        else {
            alert("Blah Blah!")

The "blah blah was just testing the if.

Here is the html

Code:
        <form name="form">
        <h2>Fill Capacity</h2>
        <b>Wire Size</b><br>
        <select name="wire">
        <option value="1">#14</option> 
        <option value="2">#12</option> 
        <option value="3">#10</option>
        <option value="4">#8</option> 
        <option value="5">#6</option> 
        <option value="6">#4</option>
        <option value="7">#3</option> 
        <option value="8">#2</option> 
        <option value="9">#1</option>
        <option value="10">1/0</option> 
        <option value="20">2/0</option> 
        <option value="30">3/0</option>
        <option value="40">4/0</option>
        <option value="250">250</option>
        <option value="300">300</option> 
        <option value="350">350</option> 
        <option value="400">400</option>
        <option value="500">500</option> 
        <option value="600">600</option> 
        <option value="700">700</option>
        <option value="750">750</option> 
        </select>  <br>
        <b>Conduit Size</b><br>
        <select name="cond">
        <option value="1">1/2</option> 
        <option value="2">3/4</option> 
        <option value="3">1</option>
        <option value="4">1-1/4</option> 
        <option value="5">1-1/2</option> 
        <option value="6">2</option>
        <option value="7">2-1/2</option> 
        <option value="8">3</option> 
        <option value="9">3-1/2</option>
        <option value="10">4</option> 
        <option value="11">5</option> 
        <option value="12">6</option>
        </select><br><br>
        <input value="Wires allowed" onclick="fillcap()" type="button"> 
        </form>

Any help is appreciated.
 

8 More Discussions You Might Find Interesting

1. Shell Programming and Scripting

Passing values out awk.

found that passing (input) values to awk, all work well. For example: errpt | awk 'BEGIN { errore=0 } substr($2,1,4) /'ParamData'/ { .... } ' ParamData=`date +"%m%d"` Now I wish to obtain (output) a value. Using this method is it possible to re-write ParamData, for example? Thanks in... (3 Replies)
Discussion started by: gio123bg
3 Replies

2. Shell Programming and Scripting

Passing FORM(HTML) variable to ksh

I am currently able to use the $QUERY_STRING variable and simply cut out what I need to be assigned as variables within the shell script. However, I've been able to use the "name" value assigned within the FORM(HTML) as a variable when I use perl. Why is it that ksh doesn't read the "name" in as... (1 Reply)
Discussion started by: douknownam
1 Replies

3. Shell Programming and Scripting

Passing Bash variable to javascript

How do I pass a bash variable to a javascript? I've tried #!/bin/bash echo "Content-type: text/html" echo "" echo "<html>" echo "<head>" counter=0 echo '<script> window.parent.document.forms.counter.value = "$counter"; </script>' I have an iframe script which I am trying to pass a... (3 Replies)
Discussion started by: numele
3 Replies

4. Shell Programming and Scripting

Javascript or HTML to retrieve apache username

I have a internal wesbite set up and any visitor must enter username / passwd as defined in apache (I've set these up using htpasswd) I use cgi scripts set up using ksh or javascript to populate pages / tables etc. I want to be able to get the apache username that the used authorised... (3 Replies)
Discussion started by: frustrated1
3 Replies

5. Programming

Looking For the Best Way to Rotate an Image: JavaScript, PHP, HTML etc

Hey All, What I'm looking for is a way to rotate an image by non 90 degree angles (ie 90, 180, 270, 360). I am able to do it in PHP, but there are errors in the image, some pixels end up colored incorrectly and the image ends up resized and I lose transparency. I've done my share of searching on... (1 Reply)
Discussion started by: pmd006
1 Replies

6. Programming

javascript average from from values in radiobuttons?

Hi all, can you please help me with these part of my code, I want to calculate average grade from each module and not sure if need to label each element there, or is there any easier option to do that? appreciate your help... (0 Replies)
Discussion started by: me.
0 Replies

7. Shell Programming and Scripting

How to get values from href in HTML to sh

Hi, This is a part of my code: case "$1" in home) echo '<h2> Select a student: </h2>' echo '<br>' for stunum in $(ls ./) do echo "<a href=edit?numeric_stu=$stunum>`sed -n 1p ./$stunum/info`</a>" echo '<br>' done edit)... (1 Reply)
Discussion started by: jerrywangzi
1 Replies

8. Web Development

Web development learning thread(Javascript, HTML, CSS, angular, vue.js).

Hello All, After getting inspired from Neo, I have started a bit of JS learning these days. Whenever I learn something I will try to post it here(as of now my learning is NOT exactly bookish where I am going chapter by chapter etc, it could be more like small-small project vice kind of), I... (25 Replies)
Discussion started by: RavinderSingh13
25 Replies
pfsouthdrhtml(1)					      General Commands Manual						  pfsouthdrhtml(1)

NAME
pfsouthdrhtml - Create a web page with an HDR viewer SYNOPSIS
pfsouthdrhtml [<page_name>] [--quality <1-5>] [--image-dir <directory_name>] [--page-template <template_file>] [--image-template <tem- plate_file>] [--object-output <file_name.js>] [--html-output <file_name.html>] DESCRIPTION
The command creates in the current directory an HTML web page containing multi-exposure HDR viewer. The multi-exposure viewer displays a portion of the available dynamic range with minimum contrast distortions and provides a slider control to move the dynamic range window towards brighter or darker tones. The interface is very similar to pfsview, which is a pfstools application for displaying HDR images. The web page employs only JavaScript and CSS opacity property and does not require Java applets or the Flash plugin. Note that because this techniques encodes 20-60 exposures using only few images, the displayed exposures may not be identical to the exposures that are shown in pfsview. For examples and more information, visit http://pfstools.sourceforge.net/hdrhtml/. <page_name> specifies the file name, of the web page to be generated. If <page_name> is missing, the file name of the first image with .html extension will be used. The command can take as input several images and put them all on the same web page. For each image, its file name (from the FILE_NAME tag in the pfsstrem) without extension and a leading path will be used as a name for all JavaScript variables corresponding to that image. If the filename contains illegal characters (such as space, '-', '[', etc), these will be converted to '_'. --quality <1-5>, -q <1-5> Quality of the interpolated exposures, from the worst (1) to the best (5). The default is 2, which is sufficient for most applica- tions. Higher quality will introduce less distortions in the brightest and the darkest tones, but will also generate more images. More images means that there is more data that needs to be transferred to the web-browser, making HDR viewer less responsive. --image-dir <directory_name>, -d <directory_name> Specify where to store the resulting image files. Links to images in HTML will be updated accordingly. This must be a relative path and the directory must exist. Useful to avoid clutter in the current directory. --page-template <template_file>, -p <directory_name>, --image-template <template_file>, -i <template_file> Replaces the template files used to generate an HTML web page. The template files contain all HTML and JaveScript code with special keywords (@keyword@) that are replaced with image specific data, such as width, height, image base name, etc. The default template files can be found in INSTALL_DIR/share/pfstools/hdrhtml_default_templ/hdrhtml_*_templ.html. There is an alternative template bun- dled with pfstools in the hdrhtml_hdrlabs_templ directory, which contains many improvements and looks much better but requires addi- tional asset files. The example at the end of this manual shows how to use alternative template. More details on how to design own templates can be found in TEMPLATE FILE FORMAT below. --object-output <file_name.js>, -o <file_name.js> Store JavaScript objects (hdr_<base_name>) associated with each image in a separate file. This is useful if you want to script cre- ating HTML pages. --html-output <file_name.html>, -l <file_name.html> Store HTML code that shows HDRHTML viewer for each image in a separate file. This is useful if you want to script creating HTML pages. TEMPLATE FILE FORMAT
pfsouthdrhtml uses two template files hdrhtml_page_templ.html and hdrhtml_image_templ.html, located in INSTALL_DIR/share/pfstools/, to gen- erate a web page with an HDR HTML viewer. The 'page' file contains the HTML of the entire web page and the 'image' file is used to paste a viewer code for a single image. You can replace one or both these templates with your own using --page-template and --image-template options. Each template contains HTML code with additional keywords surrounded by @ marks (@keyword@), which are replaced with HDR HTML specific code. Most of the keywords are self explanatory, therefore only the most important are described below. @hdr_img_def@ JavaScript objects that must be put in the 'body' section before any images. These define all the parameters needed to control HDR HTML viewer. @cf_array_def@ Pre-computed array of opacity coefficients. The same array is used for all images that use the same quality setting. Currently only one such array could be used per web-page, so images generated with different quality setting cannot be mixed on a single web page. @image_htmlcode@ or @image_htmlcode[base_name]@ Inserts HTML code of all images or a single image with the base_name (name with no file extension) specified as a parameter. This should be put where HDR HTML viewer should be located. EXAMPLES
pfsin memorial.hdr | pfshdrhtml memorial_church Generates a web page memorial_church.html with a set of images memorial_church_*.jpg in the current directory. pfsin ~/hdr_images/*.exr | pfssize --maxx 512 --maxy 512 | pfsouthdrhtml hdr_images Generate a web page with all OpenEXR images from ~/hdr_images/. The images are resized so that they are not larger than 512x512. templ_dir=$INST_DIR/share/pfstools/hdrhtml_hdrlabs_templ/; pfsin img1.hdr img2.exr | pfssize -r 0.2 | pfsouthdrhtml -p ${templ_dir}/hdrhtml_page_templ.html -i ${templ_dir}/hdrhtml_image_templ.html test.html && cp -r ${templ_dir}/hdrhtml_assets ./ The commands above will use an improved template from hdrlabs.com instead of the default one. Note that this template requires html_assets directory to be copied manually to the destination directory. Replace $INST_DIR with the directory where pfstools is installed (/usr/local by default). SEE ALSO
pfsin(1) pfsout(1) BUGS
Please report bugs and comments to the discussion group http://groups.google.com/group/pfstools pfsouthdrhtml(1)
All times are GMT -4. The time now is 07:41 PM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy