Home/ Questions/Q 973771
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T03:19:44+00:00

hi every body I’m trying to open an image in a new window ,using

  • 0

hi every body I’m trying to open an image in a new window ,using javascript, by clicking on a button, then set a class to the image, using this code:

    OpenWindow=window.open("", "newwin","height=100,width=1000"); 
    OpenWindow.document.write("<img id='img1' src='webfonts.jpg'>");
    OpenWindow.document.getElementById("img1").className = "larger";
    OpenWindow.document.close();

and this is the internal style I have included in my code in a style tag:
.larger{ width:10px; }
and in the body tag
1:I have include my image source by an img tag
2:make a button tag with an onclick=larger() attribute

but unfortunately I have a problem with last sentence, the class is not assigned at all to the image.
I have tried to use classname also instead of setttribute but it generates the same result.
any ideas?
thx

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    First, the code you wrote is wrong. There’s an apostrophe too much behind img.

    Second, you didn’t assign an ID to your img element, so you can’t access it with document.getElementById.

    Use something like

    var docHead = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"'+
    'http://www.w3.org/TR/html4/strict.dtd">'+
    '<html><head><title>Test page</title>'+
    '<style type="text/css">'+
    '  .larger { width: 10px }'+
    '</style></head><body>';
var docFoot = '</body></html>';

OpenWindow=window.open("", "newwin", "height=100,width=1000");
OpenWindow.document.write(docHead);
OpenWindow.document.write('<img id="img1" src="webfonts.jpg">');
OpenWindow.document.write(docFoot);
OpenWindow.document.close();
OpenWindow.document.getElementById('img1').className = "larger";
    • 0