如何通过Window.open在弹出窗口中显示图像

Question

I am trying to display a image in a window pop up using the following javascript

function newPopup(url) {
    popupWindow = window.open(
        url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=yes')
}

In the Html code I am using php directory Iterator to find jpeg image and pass it to the javascript. But the pop up window does not open.

echo '<td width="150"><a href="JavaScript:newPopup('.$file_name.');">ScreenShot</a></td>';

What am I doing wrong here

Answer 1

I think you are missing extra single quots around the $filename

echo '<td width="150"><a href="javascript:void(0);" onclick="newPopup(\''.$file_name.'\');">ScreenShot</a></td>';

http://jsbin.com/aqurem/1/edit

Answer 2

<script>
function newPopup(url) {
    popupWindow = window.open(
        url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=yes')
}
</script>
<a href="javascript:void(0);" onClick="newPopup('https://www.cs.washington.edu/education/courses/cse455/12au/projects/project1/students/chantalm/artifact/images/flowers.jpg');">ScreenShot</a>