Javascript: displaying images with onchange event Post: 302925508

Sponsored Content

Top Forums Programming Javascript: displaying images with onchange event Post 302925508 by Akshay Hegde on Monday 17th of November 2014 02:56:18 PM

11-17-2014

Moderator

Its due to appendChild, just replace src, validate before append whether div already exists or not

Code:

// Exists alredy then just replace src
if(document.getElementById('YourImagediv')){

  document.getElementById('YourImagediv').src = 'someimage'

}
else{

// create img div and append somewhere

}

OR

remove div before creating something like this

Code:

document.getElementById("some-element").remove()

---------- Post updated at 02:26 AM ---------- Previous update was at 02:02 AM ----------

Modify like this

Code:

function distributionChange() {
var img ;
if(document.getElementById("test"))
{
      img = document.getElementById("test")
}else
{
      img = document.createElement("img");
      img.id = "test"
      img.setAttribute("width", "320");
  document.getElementById("distribution").appendChild(img);
}

  var link = 'http://en.wikipedia.org/wiki/xxx#mediaviewer/File:yyy';

  switch (document.getElementById("distributions").value) 
  {
    case 'normal':
      img.src = link.replace("xxx", "Normal_distribution").replace("yyy", "Normal_Distribution_PDF.svg");
      break;
    case 'lognormal':
      img.src = link.replace("xxx", "Log-normal_distribution").replace("yyy", "Some_log-normal_distributions.svg");
      break;
    default:
      img.src = "Distribution not specified.";
  }

	
}

This link may be helpful Can I use... Support tables for HTML5, CSS3, etc

Akshay Hegde

View Public Profile for Akshay Hegde

Find all posts by Akshay Hegde

3 More Discussions You Might Find Interesting

1. AIX

where to get .bm or .pm images

I'm just trying to get a personal picture for a backdrop on my AIX user account at work. Where does one acquire the .bm or .pm files. How do I create them as an unpriveledged user? There are quite a few jpeg's that I would like to use.

2. UNIX for Dummies Questions & Answers

onChange + javascript in perl CGI - question

Hello all, Am trying to include a onChange java script to my perl CGI application which uses POST method to upload files to file_server This is how I embedded javascript in the perl code that renders CGI application print qq| <script type="text/javascript" src="display.js"> </script>...

3. Shell Programming and Scripting

Bash Script to find/sort/move images/duplicate images from USB drive

Ultimately, I'm looking to create a script that allows me to plug in a usb drive with lots of jpegs on it & copy them over to a folder on my hard drive. So in the process of copying I am looking to hash check them, record dupes to a file, copy only 1 of the identical files (if it doesn't exsist...

LEARN ABOUT SUSE

img

img-intro(n)															      img-intro(n)

NAME

       img-intro - Introduction to Img

SYNOPSIS

       package require Tk

       package require Img  ?1.3?

DESCRIPTION

       Img is a Tk extension, adding support for many other Image formats, as listed below. The individual formats are described in more detail on
       their own pages.

       bmp    Windows bitmap format.  See img-bmp.

       gif    The venerable graphics interchange format (with transparency, but without LZW. The latter due to patent issues).	See img-gif.

       ico    Windows icon files.  See img-ico.

       jpeg   The format for lossy compressed still pictures specified by the Joint Picture Experts Group.  See img-jpeg.

       pcx    Paintbrush image format.	See img-pcx.

       pixmap While the other formats are handlers for the Tk photo image type this is a new image type for Tk.  See img-pixmap.

       png    Portable Network Graphics, successor to GIF.  See img-png.

       ppm    Portable Pixmaps.  See img-ppm.

       ps     Postscript and PDF (Portable document format). Requires an external application, ghostview, for its operation.  See img-ps.

       sgi    Native SGI format.  See img-sgi.

       sun    Sun raster images.  See img-sun.

       tga    Targa files.  See img-tga.

       tiff   Tagged Interchange File Format.  See img-tiff.

       window ???  See img-window.

       xbm    X Bitmaps.  See img-xbm.

       xpm    X Pixmaps.  See img-xpm.	This version only works with Tcl/Tk 8.2 or higher. If you are using Tk 8.1 or lower please stick with  Img
	      1.2.4 (which is still available). And if you are using Tk4.2 or lower, please stick with Img 1.1.4 (which is also still available).

SEE ALSO

       img-bmp,  img-gif,  img-ico, img-jpeg, img-pcx, img-pixmap, img-png, img-ppm, img-ps, img-sgi, img-sun, img-tga, img-tiff, img-window, img-
       xbm, img-xpm

KEYWORDS

       bmp, gif, ico, image handling, jpeg, pcx, pdf, pixmap, png, postscript, ppm, ps, sgi, sun, tga, tiff, tk, window, xbm, xpm

COPYRIGHT

       Copyright (c) 1995-2003 Jan Nijtmans <nijtmans@users.sourceforge.com>

Img									1.3							      img-intro(n)

3 More Discussions You Might Find Interesting

1. AIX

where to get .bm or .pm images

Discussion started by: trigggl

2. UNIX for Dummies Questions & Answers

onChange + javascript in perl CGI - question

Discussion started by: matrixmadhan

3. Shell Programming and Scripting

Bash Script to find/sort/move images/duplicate images from USB drive

Discussion started by: JonaQuinn

LEARN ABOUT SUSE

img