How To: PHP + Javascript Pop-up Window - php

Question

I have the following code that gives me a list of items on the front-end, but I want those links to open in a new pop up window. Is there a way I can do this?
Thank you.
echo '<div class="item_row_header">';
for($i=0;$i<count($this->fields);$i++) {
echo '<div class="item_cell jdheader'.$this->fields[$i]->cssclass.'">';
//to display the header with/without sorting option
if(in_array($this->fields[$i]->type, array(10,11,12,13)))
echo $this->fields[$i]->name;
else
echo JHTML::_('jdgrid.sort', $this->fields[$i]->name, 'field_'.$this->fields[$i]->id, #$this->cparams->filter_order_Dir, #$this->cparams->filter_order );
echo '</div>';
}
echo '<div class="clr"></div></div>';
}
echo '<div class="itemlist itemlist_type'.$this->type->id.'">';
if(count($this->items)) {
//all the item list part display here
for($i=0;$i<count($this->items);$i++) {
$item = $this->items[$i];
require(dirname(__FILE__).DS.'default_item.php');
}
Here is what I get on the front-end with the code above:
<div class="item_row_header">
<div class="item_cell jdheader">Título</div>
<div class="item_cell jdheader">Fotos</div>
<div class="item_cell jdheader">Cidade</div>
<div class="item_cell jdheader">Estado</div>
<div class="item_cell jdheader">Tipo do Imóvel</div>
<div class="item_cell jdheader">Valor R$</div>
<div class="clr"></div>
</div>
<div class="itemlist itemlist_type15">
<div class="item_row_bg featured itemrow_type15">
<div class="item_content">
<div class="item_cell ">Temporada Destaque</div>
<div class="item_cell "><img src="http://mysite.com.br/joomla/images/joomd/thumbs/1350654862temporada-destaque.jpg" alt="Fotos" /></div>
<div class="item_cell ">Exemplo de Cidade</div>
<div class="item_cell ">São Paulo</div>
<div class="item_cell ">Casa</div>
<div class="item_cell ">600</div>
<div class="clr"></div>
</div>
</div>
<div class="item_row itemrow_type15">
<div class="item_content">
<div class="item_cell ">Temporada</div>
<div class="item_cell "><img src="http://mysite.com.br/joomla/images/joomd/thumbs/1350654792temporada.jpg" alt="Fotos" /></div>
<div class="item_cell ">Exemplo de Cidade</div>
<div class="item_cell ">São Paulo</div>
<div class="item_cell ">Casa</div>
<div class="item_cell ">800</div>
<div class="clr"></div>
</div>
</div>
</div>
Here is how I solved it:
I opened the default_item.php and found this:
if($j==0) {
echo '<a href="'.JRoute::_('index.php?option=com_joomd&view=item&layout=detail&typeid='.$item->typeid.'&id='.$item->id).'">';
echo $this->field->displayfieldvalue($item->id, $this->fields[$j]->id, true);
echo '</a>';
}
Then I could call the pop up using jQuery [http://swip.codylindley.com/popupWindowDemo.html][1]
Here is how my working code looks like now:
echo '<a class="propriedade" href="'.JRoute::_('index.php?option=com_joomd&view=item&layout=detail&typeid='.$item->typeid.'&id='.$item->id).'">';
Thank you all so much for the help.

Answer 1

As Alex noted, this isn't possible with just PHP. PHP is a server-side language that happens before the page is loaded. You can achieve this with HTML and JavaScript.
You should look into the JavaScript function open() which allows you to open a new window with an exact width/height and URL specified.
Read more about open() here
EXAMPLE CODE :
myWindow=window.open('http://google.com','','width=200,height=200')
This will open Google in a new window with dimensions of 200x200 pixels
To use this code, you must insert this in either a <script> tag or in an external JavaScript file. I suggest using this as a function like so:
function newWindow(url, width, height)
{
myWindow=window.open(url,'','width=' + width + ',height=' + height);
}
You can then call this with:
newWindow('http://google.com', 200, 200)
you can implement this in your code with the onCLick attribute:
Click Me
Demo of my function with HTML and JavaScript
The reason I suggest this function is that using the target="_blank" attribute on some browsers just opens in a new tab, which you can use, but I assumed you wanted a whole new window
Now that you have added some code to your question, I can see you have a lot of list items, you can simple add an anchor tag to make my function work, example:
<div class="item_cell "><img src="http://alii.com.br/joomla/images/joomd/thumbs/1350654792temporada.jpg" alt="Fotos" /></div>
<div class="item_cell ">Exemplo de Cidade</div>
<div class="item_cell ">São Paulo</div>
<div class="item_cell ">Casa</div>
<div class="item_cell ">800</div>
would become:
<div class="item_cell "><img src="http://alii.com.br/joomla/images/joomd/thumbs/1350654792temporada.jpg" alt="Fotos" /></div>
<div class="item_cell ">Exemplo de Cidade</div>
<div class="item_cell ">São Paulo</div>
<div class="item_cell ">Casa</div>
<div class="item_cell ">800</div>

Answer 2

add target="_blank" in tour tag or use window.open method.
e.g.:
Google
or
<script>window.open('http://google.com','','width=200,height=200'); </script>