Jump to content


Photo

Problemas Com Pop-up


  • Faça o login para participar
2 replies to this topic

#1 mortoloko

mortoloko

    Turista

  • Usuários
  • 35 posts
  • Sexo:Não informado
  • Localidade:Sao Paulo- Grajaú

Posted 19/11/2004, 19:20

No site abaixo criei um menu com varias img q quando passa-se o mouse por
cima delas exibe um nome em img tb no campo acima

porem eu queria q quando cliaka-se em uma das img abri-se um pop up
o site eh este:


<html>

<head>
<title>Anime Sky [Aqui o c&eacute;u &eacute; o limite]</title>

<base target="I1">
<STYLE type="text/css">

#divLoadCont {
position:  absolute;
width:  100%;
height:  100%;
top:  0;
left:  0;
background-color: white;
layer-background-color: white;
font-family:  verdana;
z-index:  100
}
</STYLE>
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
/* Functions that swaps images. */
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

/* Functions that handle preload. */
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script>
if(bw.bw) document.write('<div id="divLoadCont"><table width="100%" height="100%" align="center" valign="middle"><tr><td width="100%" height="100%" align="center" valign="middle"><FONT FACE="Verdana" SIZE="2" COLOR="#000000"><B>Loading...</B></FONT></td></tr></table></div>')
</script>
<table width="1" border="0" cellpadding="0" cellspacing="0" height="587">
  <!--DWLayoutTable-->
  <tr bgcolor="#000000">
    <td height="532" colspan="2" valign="top"><img src="lokos.jpg" width="780" height="532" align="absmiddle"></td>
  </tr>
  <tr>
    <td width="211" height="827" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td width="211" height="35" valign="top"><img src="menu_fig.gif" width="191" height="35"></td>
        </tr>
        <tr>
          <td height="274" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="91">
  <!-- fwtable fwsrc="menu.png" fwbase="menu.jpg" fwstyle="Dreamweaver" fwdocid = "467675743" fwnested="0" -->
    <tr>
  <!-- Shim row, height 1. -->
    <td width="8"><img src="spacer.gif" width="5" height="1" border="0" alt=""></td>
    <td width="8"><img src="spacer.gif" width="3" height="1" border="0" alt=""></td>
    <td width="55"><img src="spacer.gif" width="55" height="1" border="0" alt=""></td>
    <td width="8"><img src="spacer.gif" width="4" height="1" border="0" alt=""></td>
    <td width="48"><img src="spacer.gif" width="48" height="1" border="0" alt=""></td>
    <td width="10"><img src="spacer.gif" width="10" height="1" border="0" alt=""></td>
    <td width="8"><img src="spacer.gif" width="4" height="1" border="0" alt=""></td>
    <td width="58"><img src="spacer.gif" width="58" height="1" border="0" alt=""></td>
    <td width="8"><img src="spacer.gif" width="5" height="1" border="0" alt=""></td>
    <td width="1"><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
    </tr>
 
  <tr><!-- row 1 -->
    <td colspan="9" width="211"><img name="menu_r1_c1" src="menu_r1_c1.jpg" width="192" height="11" border="0" alt=""></td>
    <td width="1"><img src="spacer.gif" width="1" height="11" border="0" alt=""></td>
    </tr>
    <tr><!-- row 2 -->
    <td rowspan="2" colspan="2" width="16"><img name="menu_r2_c1" src="menu_r2_c1.jpg" width="8" height="38" border="0" alt=""></td>
    <td colspan="3" width="111"><img name="letreiro_digital" src="letreiro_digital.jpg" width="107" height="29" border="0" alt=""></td>
    <td rowspan="2" colspan="4" width="84"><img name="menu_r2_c6" src="menu_r2_c6.jpg" width="77" height="38" border="0" alt=""></td>
    <td width="1"><img src="spacer.gif" width="1" height="29" border="0" alt=""></td>
    </tr>
    <tr><!-- row 3 -->
    <td colspan="3" width="111"><img name="menu_r3_c3" src="menu_r3_c3.jpg" width="107" height="9" border="0" alt=""></td>
    <td width="1"><img src="spacer.gif" width="1" height="9" border="0" alt=""></td>
    </tr>
    <tr><!-- row 4 -->
    <td rowspan="8" width="8"><img name="menu_r4_c1" src="menu_r4_c1.jpg" width="5" height="224" border="0" alt=""></td>
    <td colspan="2" width="63">
    <a onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_fox.gif',1);">
<img name="v_fox" src="v_fox.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td rowspan="8" width="8"><img name="menu_r4_c4" src="menu_r4_c4.jpg" width="4" height="224" border="0" alt=""></td>
    <td colspan="2" width="58"><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_kaio.gif',1);"><img name="v_kaio" src="v_kaio.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td rowspan="8" width="8"><img name="menu_r4_c7" src="menu_r4_c7.jpg" width="4" height="224" border="0" alt=""></td>
    <td width="58"><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_vitim.gif',1);"><img name="v_vitim" src="v_vitim.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td rowspan="8" width="8"><img name="menu_r4_c9" src="menu_r4_c9.jpg" width="5" height="224" border="0" alt=""></td>
    <td width="1"><img src="spacer.gif" width="1" height="52" border="0" alt=""></td>
    </tr>
    <tr><!-- row 5 -->
    <td colspan="2" width="63"><img name="menu_r5_c2" src="menu_r5_c2.jpg" width="58" height="3" border="0" alt=""></td>
    <td colspan="2" width="58"><img name="menu_r5_c5" src="menu_r5_c5.jpg" width="58" height="3" border="0" alt=""></td>
    <td width="58"><img name="menu_r5_c8" src="menu_r5_c8.jpg" width="58" height="3" border="0" alt=""></td>
    <td width="1"><img src="spacer.gif" width="1" height="3" border="0" alt=""></td>
    </tr>
    <tr><!-- row 6 -->
    <td colspan="2" width="63"><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_heitor.gif',1);"><img name="v_heitor" src="v_heitor.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td colspan="2" width="58"><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_tabata.gif',1);"><img name="v_tabata" src="v_tabata.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td width="58"><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_leo.gif',1);"><img name="v_leo" src="v_leo.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td width="1"><img src="spacer.gif" width="1" height="52" border="0" alt=""></td>
    </tr>
    <tr><!-- row 7 -->
    <td colspan="2" width="63"><img name="menu_r7_c2" src="menu_r7_c2.jpg" width="58" height="3" border="0" alt=""></td>
    <td colspan="2" width="58"><img name="menu_r7_c5" src="menu_r7_c5.jpg" width="58" height="3" border="0" alt=""></td>
    <td width="58"><img name="menu_r7_c8" src="menu_r7_c8.jpg" width="58" height="3" border="0" alt=""></td>
    <td width="1"><img src="spacer.gif" width="1" height="3" border="0" alt=""></td>
    </tr>
    <tr><!-- row 8 -->
    <td colspan="2" width="63"><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_alynne.gif',1);"><img name="v_alynne" src="v_alynne.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td colspan="2" width="58"><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_vinny.gif',1);"><img name="v_vinny" src="v_vinny.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td width="58"><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_victor.gif',1);"><img name="v_victor" src="v_victor.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td width="1"><img src="spacer.gif" width="1" height="52" border="0" alt=""></td>
    </tr>
    <tr><!-- row 9 -->
    <td colspan="2" width="63"><img name="menu_r9_c2" src="menu_r9_c2.jpg" width="58" height="4" border="0" alt=""></td>
    <td colspan="2" width="58"><img name="menu_r9_c5" src="menu_r9_c5.jpg" width="58" height="4" border="0" alt=""></td>
    <td width="58"><img name="menu_r9_c8" src="menu_r9_c8.jpg" width="58" height="4" border="0" alt=""></td>
    <td width="1"><img src="spacer.gif" width="1" height="4" border="0" alt=""></td>
    </tr>
    <tr><!-- row 10 -->
    <td colspan="2" width="63"><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_home.gif',1);"><img name="v_home" src="v_home.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td colspan="2" width="58"><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_ana.gif',1);"><img name="v_ana" src="v_ana.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td width="58"><a href="#" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('letreiro_digital','','digital_fotos.gif',1);"><img name="v_fotos" src="v_fotos.jpg" width="58" height="52" border="0" alt=""></a></td>
    <td width="1"><img src="spacer.gif" width="1" height="52" border="0" alt=""></td>
    </tr>
    <tr><!-- row 11 -->
    <td colspan="2" width="63"><img name="menu_r11_c2" src="menu_r11_c2.jpg" width="58" height="6" border="0" alt=""></td>
    <td colspan="2" width="58"><img name="menu_r11_c5" src="menu_r11_c5.jpg" width="58" height="6" border="0" alt=""></td>
    <td width="58"><img name="menu_r11_c8" src="menu_r11_c8.jpg" width="58" height="6" border="0" alt=""></td>
    <td width="1"><img src="spacer.gif" width="1" height="6" border="0" alt=""></td>
    </tr>
  <!--  This table was automatically created with Macromedia Fireworks  -->
  <!--  http://www.macromedia.com  -->
  </table>
  </td>
        </tr>
        <tr>
          <td height="35" valign="top"><img src="music_fig.gif" width="191" height="35"></td>
        </tr>
        <tr>
          <td height="103" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
        </tr>
        <tr>
          <td height="35" valign="top"><img src="parceiros_fig.gif" width="191" height="35"></td>
        </tr>
        <tr>
          <td height="345" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
        </tr>
                    </table></td>
    <td width="569" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td height="80" colspan="4" valign="top"><img src="post2.gif" width="569" height="80"></td>
        </tr>
        <tr>
          <td width="13" height="757" valign="top" background="post_figura_esq.gif"><!--DWLayoutEmptyCell-->&nbsp;</td>
          <td width="510" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
          <td width="9" valign="top" background="post_figura_dire.gif"><!--DWLayoutEmptyCell-->&nbsp;</td>
          <td width="37" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
        </tr>
    </table>    </td>
  </tr>
</table>
</body>
</html>


O srcipt pra pop-up que estou usando eh este abaixo, com uma img simples ow
com um link funciona perfeito mas quando adiciono no site acima nao dah certo
espero que me ajudem
VLw
flw :D

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>loko</title>
<script language="JavaScript">

function abrir(URL) {

  var width = 500;
  var height = 500;

  var left = 99;
  var top = 99;

  window.open(URL,'Mortoloko', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=yes, fullscreen=no');

}

</script>
</head>

<body>
<a href="java script:abrir('http://tinypic.com/ljrqp');">Clique Aqui</a>
<br>
<a href="java script:abrir('http://tinypic.com/ljrqp');"> <img name="v_fox" src="v_fox.jpg" width="58" height="52" border="0" alt=""></a>
</body>

</html>


***********************************
Um velho índio descreveu certa vez em seus conflitos internos:
"Dentro de mim existem dois cachorros, um deles é cruel e mau, o outro e muito bom e dócil. Os dois estão sempre brigando..."
Quando então lhe perguntaram qual dos cachorros ganharia a briga, o sábio índio parou, refletiu e respondeu:
"Aquele que eu alimentar".


blog:http://www.mortoloko.zip.net
msn:mortoloko@ibest.com.br

**************************************************

#2 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 20/11/2004, 04:29

é so adicionar nas tags <img> da sua pagina (adicionar em todas as imagens que vc quer que abra a imagem na pop up) isso aqui..
onclick="abrir(this.src)"

so isso acho que ja funciona pra vc ;)
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#3 mortoloko

mortoloko

    Turista

  • Usuários
  • 35 posts
  • Sexo:Não informado
  • Localidade:Sao Paulo- Grajaú

Posted 20/11/2004, 12:55

Vlw cara funcionou direitinho

vlw mesmo

flw (y)
***********************************
Um velho índio descreveu certa vez em seus conflitos internos:
"Dentro de mim existem dois cachorros, um deles é cruel e mau, o outro e muito bom e dócil. Os dois estão sempre brigando..."
Quando então lhe perguntaram qual dos cachorros ganharia a briga, o sábio índio parou, refletiu e respondeu:
"Aquele que eu alimentar".


blog:http://www.mortoloko.zip.net
msn:mortoloko@ibest.com.br

**************************************************




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq