Help with popup win

mikawhat

I have a problem with a javascript popup and i really need some help...

Here's the script:

function win10(IMG,TITLE,DESCR)
{
  var win = new Window({className: "alphacube", title: TITLE, width:785, height:500}); 
  win.getContent().innerHTML = "<img src='pressimg/" + IMG + "' /><br>" + DESCR; 

  win.setDestroyOnClose(); 
  win.showCenter();
  win.setConstraint(true, {left:20, right:20, top: 30, bottom:10})
  win.toFront();
}

This will get the given values and will open a window with TITLE, IMAGE, and DESCRIPTION...I want to get an extra value (IMG2) which is a second image and i'll need to enter a button inside the popup to display the next/previous picture. I mean when IMG is displayed, a link for IMG2 should appear on the popup, and when IMG2 is displayed a link for IMG should be displayed.

Is there a possibility to achieve something like that? thanks...

Horizon88

If I understand what you're asking, you'll want to make an HTML/PHP container page which opens in the javascript window instead of just passing an image URL. Then, you pass a GET variable, and use php to decide which button should link where. I suppose you could probably do it with javascript somehow too, but I'd do it with a combination of php and javascript.

mikawhat

Horizon88 wrote:
If I understand what you're asking, you'll want to make an HTML/PHP container page which opens in the javascript window instead of just passing an image URL. Then, you pass a GET variable, and use php to decide which button should link where. I suppose you could probably do it with javascript somehow too, but I'd do it with a combination of php and javascript.

yes..something like that...but i don't know how to apply the html page on this script

Horizon88

Oh, well, you'd make a page, picture.php, or whatever, and have it accept a $_GET variable, like picture.php?image=5. 5 correlates to an array of images, so you could do your next and previous image links, then instead of passing an image to the javascript function, you'd just pass a location to the new window to open instead of giving it HTML to display.

mikawhat

i almost achieved what i wanted except of one problem...this is my script now:

function win10(IMG,TITLE,DESCR,IMG2)
{
  var win = new Window({className: "alphacube", title: TITLE, width:785, height:500}); 
  win.getContent().innerHTML = "<img src='pressimg/" + IMG + "' /><br><div align='center' class='gold'><a href=\"javascript:win10('" + IMG +"','TITLE','DESCRIPTION','" + IMG2 +"')\" target='_self'>image 1</a> | <a href=\"javascript:win10('" + IMG2 +"','TITLE','DESCRIPTION','" + IMG +"')\" target='_self'>image 2</a></div><br>" + DESCR + "<br>"; 

  win.setDestroyOnClose(); 
  win.showCenter();
  win.setConstraint(true, {left:20, right:20, top: 30, bottom:10})
  win.toFront();
}

This will open the second picture in a new popup, and this is normal as the script contains the following command: var win = new Window({className: "alphacube", title: TITLE, width:785, height:500});

What i want to do is to add an if statement that will somehow display the picture in the same window, but unfortunately i'm not that good with javascript so i'll need some help...