Estou tentando fazer um popup no site onde ele puxa uma pagina php que vai carregar a imagem atraves de dados cadastrados no bd.
Tipo no index gostaria que ele abrisse o popup que esta localizado no seguinte caminho: estrutura/banners_popup/popup1.php, abaixo segue o código do index e do popup.
Index.php
<?
include "session_cidade.php";
?>
<?
session_start();
if((session_is_registered("cida") && session_is_registered("log"))){
$cidade = $_SESSION[cida];
}
else{
header("Location: index.php");
}
?>
<?
include "config.php";
include "conexao.php";
$pg = $_GET['pg'];
//$cidade = //$_GET[cidade];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="google-site-verification" content="FmpniyEb0199Ho8S6JnUu_GLqnO9I54wVO_HNCn7jXE" />
<script language='JavaScript'>
var URLSite = window.location.href;
var TituloSite = document.title;
function addfav(){
if (document.all) window.external.AddFavorite(URLSite,TituloSite);
}
</SCRIPT>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><? echo $tsite?></title>
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("JANEIRO","FEVEREIRO","MARÇO","ABRIL","MAIO","JUNHO","JULHO","AGOSTO","SETEMBRO","OUTUBRO","NOVEMBRO","DEZEMBRO");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = d.getDate() + " DE " + monthname[d.getMonth()] + " DE " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="script/css/vlightbox1.css" type="text/css" />
<link rel="stylesheet" href="script/css/visuallightbox.css" type="text/css" media="screen" />
<script src="script/js/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="demons/styles.css" />
<script type="text/javascript" >
$(function(){
var loader=$('#loader');
var pollcontainer=$('#pollcontainer');
loader.fadeIn();
//Load the poll form
$.get('demons/poll.php', '', function(data, status){
pollcontainer.html(data);
animateResults(pollcontainer);
pollcontainer.find('#viewresult').click(function(){
//if user wants to see result
loader.fadeIn();
$.get('demons/poll.php', 'result=1', function(data,status){
pollcontainer.fadeOut(1000, function(){
$(this).html(data);
animateResults(this);
});
loader.fadeOut();
});
//prevent default behavior
return false;
}).end()
.find('#pollform').submit(function(){
var selected_val=$(this).find('input[name=poll]:checked').val();
if(selected_val!=''){
//post data only if a value is selected
loader.fadeIn();
$.post('demons/poll.php', $(this).serialize(), function(data, status){
$('#formcontainer').fadeOut(100, function(){
$(this).html(data);
animateResults(this);
loader.fadeOut();
});
});
}
//prevent form default behavior
return false;
});
loader.fadeOut();
});
function animateResults(data){
$(data).find('.bar').hide().end().fadeIn('slow', function(){
$(this).find('.bar').each(function(){
var bar_width=$(this).css('width');
$(this).css('width', '0').animate({ width: bar_width }, 1000);
});
});
}
});
</script>
<script src="script/js/visuallightbox.js" type="text/javascript"></script>
<script src="script/js/vlbdata.js" type="text/javascript"></script>
<!-- End VisualLightBox.com HEAD section -->
<!-- CSS -->
<link rel="stylesheet" href="template/css/destaque.css" type="text/css" />
<!-- jQuery -->
<script type="text/javascript" src="template/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="template/js/jquery.destaques.js"></script>
<!--fim Jquery-->
<script type="text/javascript" src="slide/script/cycle.js" /></script>
<script src="script/javascript/janelas_popup.js" type="text/javascript"></script>
<link rel="stylesheet" href="template/css/pagina.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="template/css/links.css" type="text/css" charset="utf-8" />
<link rel="shortcut icon" href="template/imagem/favicon.png" />
<link rel="stylesheet" href="template/css/popup.css" type="text/css" />
<script type="text/javascript" lang="javascript" src="template/js/modal.js"></script>
<script type="text/javascript" lang="javascript">
var openMyModal = function(source)
{
modalWindow.windowId = "myModal";
modalWindow.width = 400;
modalWindow.height = 400;
modalWindow.content = "<iframe width='400' height='400' frameborder='0' scrolling='no' allowtransparency='true' src='" + source + "'></iframe>";
modalWindow.open();
};
</script>
<script type="text/javascript" lang="javascript">
var openMyModaldois = function(source)
{
modalWindow.windowId = "myModal";
modalWindow.width = 830;
modalWindow.height = 700;
modalWindow.content = "<iframe width='830' height='700' frameborder='0' scrolling='no' allowtransparency='true' src='" + source + "'></iframe>";
modalWindow.open();
};
</script>
<script type="text/javascript" lang="javascript">
var openMyGalery = function(source)
{
modalWindow.windowId = "myModal";
modalWindow.width = 900;
modalWindow.height = 620;
modalWindow.content = "<iframe width='900' height='620' frameborder='0' scrolling='no' allowtransparency='true' src='" + source + "'></iframe>";
modalWindow.open();
};
</script>
<script type="text/javascript">
function horizontal() {
var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
for (var i=0; i< navItems.length; i++) {
if(navItems[i].className == "submenu")
{
if(navItems[i].getElementsByTagName('ul')[0] != null)
{
navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "";}
navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "";}
}
}
}
}
</script>
<script id=clientEventHandlersJS language=javascript>
<!--
function Checkbox1_onclick() {
if (camada1.style.visibility == 'hidden'){
camada1.style.visibility = 'visible';
camada1.style.position='Static';
camada2.style.visibility = 'visible';
camada2.style.position='Static';
}else{
camada1.style.visibility = 'hidden';
camada1.style.position='Absolute';
camada2.style.visibility = 'hidden';
camada2.style.position='Absolute';
}
}
//-->
</script>
<script src="template/js/jquery.hashchange.min.js" type="text/javascript"></script>
<script src="template/js/jquery.easytabs.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ $('#tab-container').easytabs(); });
</script>
<link href="links.css" rel="stylesheet" type="text/css" />
<link href="template/css/button_styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$('.efeito_fade').append('<span class="hover"></span>').each(function () {
var $span = $('> span.hover', this).css('opacity', 0);
$(this).hover(function () {
$span.stop().fadeTo(500, 1);
}, function () {
$span.stop().fadeTo(500, 0);
});
});
});
</script>
</head>
<body onload="horizontal();">
<div id="principal"><div id="topo"><div id="logo"><a href="../"><img src="template/imagem/logo.png" width="428" height="96" border="0" title="<? echo $tsite?>" style="padding-top:20px; padding-left:5px;"/></a></div><div id="pesquisa" style="padding-right:5px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" colspan="3" valign="bottom"> </td>
</tr>
<tr>
<td height="35" valign="bottom"><img src="template/imagem/face.png" width="56" height="56" border="0" usemap="#Map6" /></td>
<td valign="bottom"><img src="template/imagem/twitter.png" width="56" height="56" border="0" usemap="#Map5" /></td>
<td valign="bottom"><img src="template/imagem/filiado.png" width="64" height="95" border="0" usemap="#Map7" /></td>
</tr>
<tr>
<td height="35" colspan="3" valign="bottom"><div align="right" style="margin-top:3px;">
<form action="<?=$usite?>index.php" method="get" name="formlog" target="_top">
<input type="hidden" name="pg" value="resultado_busca">
<input name="palavra" type="text" class="tb01" id="palavra" value="pesquisar..." onblur="if(this.value=='') this.value='pesquisar...';" onfocus="if(this.value=='pesquisar...') this.value='';"/><input name="image" type="image" class="btnpesquisar" id="image" title="Pesquise algo do seu interesse" src="template/imagem/botao-buscar.png" align="top"/>
</form>
</div></td>
</tr>
</table>
</div>
</div>
<div id="topomenu">
<?
$sql = mysql_query("SELECT * FROM menu WHERE nivel='-1' order by id");
//$cidade = "&cidade=$_GET[cidade]";
?>
<? while ($dados=mysql_fetch_array($sql)){
if($dados[nome] == "Serviços"){
$fundo = "img/servicos.jpg";
}
if($dados[nome] == "Notícias"){
$fundo = "img/navegue.jpg";
}
if($dados[nome] == "Entretenimento"){
$fundo = "img/entretenimento.jpg";
}
?>
<?
if($dados[url] != ""){
echo "$dados[url]";}
else{
echo "<font class=\"linknoticias\">$dados[url]</font>";}
?>
<?
//if($dados[subcat] == "sim" AND $dados[id] == "$_GET[idcat]"){
if($dados[subcat] == "sim"){
//$sql2 = mysql_query("SELECT * FROM menu_sub where id_menu='$_GET[idcat]'");
$sql2 = mysql_query("SELECT * FROM menu_sub where id_menu='$dados[id]' order by id");
while ($dados2=mysql_fetch_array($sql2)){
if($dados2[url] == "?pg=conteudo&idmenu="){
$url = "<a class=\"linkme2\"href='$dados2[url]$dados2[id]' target='$dados2[target]'>$dados2[nome]</a>";
} else {
$url = "<a class=\"linkme2\"href='$dados2[url]' target='$dados2[target]'>$dados2[nome]</a>";
}
?>
<? echo $url?>
<? }?>
<? }?>
<? }?>
</div>
<div id="cnbbaner"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="980" height="145">
<param name="movie" value="template/imagem/banner.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- Esta tag param solicita que os usuários com o Flash Player 6.0 r65 e versões posteriores baixem a versão mais recente do Flash Player. Exclua-o se você não deseja que os usuários vejam o prompt. -->
<param name="expressinstall" value="../../Scripts/expressInstall.swf" />
<!-- A tag object a seguir aplica-se a navegadores que não sejam o IE. Portanto, oculte-a do IE usando o IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="template/imagem/banner.swf" width="980" height="145">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="../../Scripts/expressInstall.swf" />
<!-- O navegador exibe o seguinte conteúdo alternativo para usuários que tenham o Flash Player 6.0 e versões anteriores. -->
<div>
<h4>O conteúdo desta página requer uma versão mais recente do Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obter Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
</table></div>
<div id="pagina"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><? include "query.php"?></td>
</tr>
<tr>
<td><div id="rodape" >
<table width="980" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250" height="70" align="left" ><img src="template/imagem/link.png" width="229" height="68" border="0" usemap="#Map" /></td>
<td width="251" height="70" align="left"><img src="template/imagem/link2.png" width="229" height="68" border="0" usemap="#Map4" /></td>
<td width="248" height="70" align="left"><img src="template/imagem/link3.png" width="229" height="68" border="0" usemap="#Map2" /></td>
<td width="231" height="70" align="right"><img src="template/imagem/link4.png" width="229" height="68" border="0" usemap="#Map3" /></td>
</tr>
<tr>
<td align="left" height="3"> </td>
</tr>
</table>
<table width="980" height="70"border="0" cellspacing="0" cellpadding="0" background="template/imagem/fdroda.png">
<tr>
<td width="270" align="left" valign="midle"><a href="http://webmail.sinaffepi.org.br" target="_blank"><img src="template/imagem/logoroda.png" hspace="20" border="0" title="Webmail"/></a> </td>
<td width="710" align="left">Av. Pedro Freitas, S/N C. Administrativo • Bloco C • Térreo • São Pedro<br />
CEP: 64.018-900 Teresina - Piauí • Fone: (86) 3218-2933 Fax: (86) 3218-4501 <br />
E-mail: sinaffepi@sinaffepi.com.br</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
<map name="Map" id="Map">
<area shape="rect" coords="80,26,202,47" href="http://www.fenafisco.org.br/InstitucionalSindicatosFiliados.aspx" target="_blank" />
</map>
<map name="Map2" id="Map2">
<area shape="rect" coords="80,24,206,50" href="http://www.sefaz.pi.gov.br/legislacao.php" target="_blank" />
</map>
<map name="Map3" id="Map3">
<area shape="rect" coords="80,26,218,48" href="http://www.sinaffepi.org.br/?pg=down&id=762" />
</map>
<map name="Map4" id="Map4">
<area shape="rect" coords="80,27,204,48" href="http://www.sinaffepi.org.br/estrutura/login.php" target="_blank" />
</map>
<map name="Map5" id="Map5">
<area shape="rect" coords="2,1,55,56" href="https://twitter.com/#!/Sinaffepi" target="_blank" />
</map>
<map name="Map6" id="Map6">
<area shape="rect" coords="2,1,54,56" href="http://www.facebook.com/profile.php?id=100003753603552" target="_blank" />
</map>
<map name="Map7" id="Map7">
<area shape="rect" coords="2,2,66,100" href="http://www.fenafisco.org.br/" target="_blank" />
</map>
</body>
</html>
popup1.php
<?
include "../../config.php";
//$cidade = $_GET[cidade];
$busca = mysql_query("SELECT * FROM banners_popup WHERE id_franquia='$cidade' AND ordem='1'");
$dados=mysql_fetch_array($busca);
?>
<meta http-equiv="refresh" content="15;URL=javascript:self.close()">
<? if($dados[tipo] == 'imagem'){?>
<img src="../../images/banners_popup/<? echo $dados[arquivo];?>" width="<? echo $dados[largura];?>" height="<? echo $dados[altura];?>">
<? }
if($dados[tipo] == 'flash'){?>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="<? echo $dados[largura];?>" height="<? echo $dados[altura];?>">
<param name="quality" value="high">
<param name="SRC" value="../../images/banners_popup/<? echo $dados[arquivo];?>">
<embed src="../../images/banners_popup/<? echo $dados[arquivo];?>" width="<? echo $dados[largura];?>" height="<? echo $dados[altura];?>" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
<? }?>Já tentei várias maneiras através do onload e do window.open, chega abrir o popup mais não com uma janela mais sim como uma parte do layout.
Desde já agradeço qualquer ajuda que me derem.
Obrigado.
