Ir para conteúdo
Fórum Script Brasil
  • 0

Dimensionar Cada Popup

Guest Carlos Eduardo

Perguntado por Guest Carlos Eduardo,

 Share

Pergunta

Guest Carlos Eduardo

Guest Carlos Eduardo

Postado
Postado

pessoal,

É possivel ainda abrir esta mesma janela com a dimensão que eu quiser de para cada foto? assim ó...

<html>

<head>

<script language="javascript">

function abre(NomeFig, comp, alt) {

var pag = '<html><head><title>Fotos</title></head><body topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0 link=black vlink=black alink=black>';

pag = pag + '<center><table><tr><td><img src="'+NomeFig+'"></td></tr></table><a href="java script:window.close(this)">Fechar</a></center></body></html>';

var win = window.open("","agradece","width="'+comp+'", height="'+alt+'");

win.document.write(pag);

}

</script>

</head>

<body>

  <img src="../fig1.jpg" width=90 height=130 style="cursor:hand" onClick="abre(this.src, 300, 300)">

  <img src="../fig2.jpg" width=40 height=20  style="cursor:hand" onClick="abre(this.src, 20, 20)">

</body>

</html>

assim executa o scrip, porem não gera a janela de acordo com o parametro.

se eu tiver errado alguém pode me corrigir?

Agradeço

Carlos Eduardo Sant'Anna

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0
diraol

diraol

Postado
Postado

cadu, tem q ser popup ou pode ser com DIV???????

veja esse cod. ai.....

<HTML>

<HEAD>

<TITLE> Comédia </TITLE>

<style type="text/css">

body{

color: white;

}

.transparent {

filter:alpha(opacity=90);

background-color: 0099cc;

display:none;

position:absolute;

border: 1px solid white;

}

.ass{

Filter: Blur(Add=1, Direction=240, Strength=3);

Border: 2px ridge #FFFFFF;

Font-Family: Serif;

Color: #00FF99;

Font-Size: 20;

cursor: move;

}

</style>

<script language="JavaScript">

function Abrir(end,nome,w,h){

var a = window.open(end,nome,"top=100,left=100,topmargin=0,leftmargin=0,width="+w+",height="+h);

a.document.write("<body bgcolor=0099cc topmargin=0 leftmargin=0>");

nome.document.write("<body bgcolor=0099cc topmargin=0 leftmargin=0>");

}

</script>

</head>

<body bgcolor="#0099CC">

<table width='98%' height='98%' align=Left valign=top><tr width='98%' height='98%' align=Left valign=top><td width='98%' height='98%' align=Left valign=top>

<table border=1 cellspacing=2 cellpadding=2 bordercolor=0000ff>

<tr>

  <th>&nbsp;&nbsp;

 

  <font

  onMouseOver="x = event.clientX + document.body.scrollLeft; y = event.clientY + document.body.scrollTop + 35; edison.style.display='block'; edison.style.left = 15; edison.style.top = 10;"

  onMouseMove="Show()">

  <u>Édison</u></font>&nbsp;&nbsp;<br>

<div id="edison" class="transparent">

<div style="background-color: black;">

<center><b><table width=100%><tr><td align=center><b><font color=white>ÉDISON, O CORINTHIANO!</font></b></td><td align=right><font color=white onClick="edison.style.display='none';"><u>FECHAR</u></font></td></tr></table></b></center>

</div>

<div>

  <img src='comedia/edison.jpg'>

</div>

</div>

</th>

<th>&nbsp;&nbsp;

 

  <font

  onMouseOver="x = event.clientX + document.body.scrollLeft; y = event.clientY + document.body.scrollTop + 35; omar.style.display='block'; omar.style.left = 15; omar.style.top = 10;"

  onMouseMove="Show()"><u>Omar</u></font>&nbsp;&nbsp;<br>

<div id="omar" class="transparent">

<div style="background-color: black;">

<center><b><table width=100%><tr><td align=center><b><font color=white>Digam AMÉM!</font></b></td><td align=right><font color=white onClick="omar.style.display='none';"><u>FECHAR</u></font></td></tr></table></b></center>

</div>

<div>

<img src='comedia/omar.jpg'>

</div>

</div>

</th>

<th>&nbsp;&nbsp;

  <font onMouseOver="x = event.clientX + document.body.scrollLeft; y = event.clientY + document.body.scrollTop + 35; fabioc.style.display='block'; fabioc.style.left = 15; fabioc.style.top = 10;">

  <u>Fábio C.</u></font>&nbsp;&nbsp;<br>

<div id="fabioc" class="transparent">

<div style="background-color: black;">

<center><b><table width=100%><tr><td align=center><b><font color=white>CENSURADO POR EXCESSO DE TRANSCENDÊNCIA!</font></b></td><td align=right><font color=white onClick="fabioc.style.display='none';"><u>FECHAR</u></font></td></tr></table></b></center>

</div>

<div>

  <img src='comedia/fabioc.jpg'>

</div>

</div>

</th>

</tr>

<tr>

<th>&nbsp;&nbsp;

  <font onMouseOver="x = event.clientX + document.body.scrollLeft; y = event.clientY + document.body.scrollTop + 35; carlose.style.display='block'; carlose.style.left = 15; carlose.style.top = 10;">

  Carlos E.</font>&nbsp;&nbsp;

<div id="**************************NOME**************************" class="transparent">

<div style="background-color: black;">

<center><b><table width=100%><tr><td align=center><b><font color=white> TCHAN-TCHANZINHO!!!</font></b></td><td align=right><font color=white onClick="carlose.style.display='none';"><u>FECHAR</u></font></td></tr></table></b></center>

</div>

<div>

  <img src='comedia/carlose.jpg'>

</div>

</div>

</th>

<th>&nbsp;&nbsp;

  <font onMouseOver="x = event.clientX + document.body.scrollLeft; y = event.clientY + document.body.scrollTop + 35; rubens.style.display='block'; rubens.style.left = 15; rubens.style.top = 10;">

  Rubens</font>&nbsp;&nbsp;

<div id="**************************NOME**************************" class="transparent">

<div style="background-color: black;">

<center><b><table width=100%><tr><td align=center><b><font color=white size=2> ô meu... sem zoar ai vai...</font></b></td><td align=right><font color=white onClick="rubens.style.display='none';"><u>FECHAR</u></font></td></tr></table></b></center>

</div>

<div>

  <img src='comedia/rubens.jpg'>

</div>

</div>

</th>

<th>&nbsp;&nbsp;

  <font onMouseOver="x = event.clientX + document.body.scrollLeft; y = event.clientY + document.body.scrollTop + 35; joaop.style.display='block'; joaop.style.left = 15; joaop.style.top = 10;">

  João P.</font>&nbsp;&nbsp;

<div id="**************************NOME**************************" class="transparent">

<div style="background-color: black;">

<center><b><table width=100%><tr><td align=center><b><font color=white> Atenção Seres Humanos!!</font></b></td><td align=right><font color=white onClick="joaop.style.display='none';"><u>FECHAR</u></font></td></tr></table></b></center>

</div>

<div>

  <img src='comedia/joaop.jpg'>

</div>

</div>

</th>

</tr>

</table>

espere até que a foto seja aberta.

</td></tr></table>

</BODY>

</HTML>

Link para o comentário
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      652k
×
×
  • Criar Novo...