Redimensionando O Pop-up De Acordo Com O Tamanho

[kania]

Olá pessoal,

Como faço para criar um javascript que possa redimencinar automaticamente conforme o tamanho da imagem ? Tenho uma pagina com uma imagem pequena e um link que abre um pop-up com a imagem em seu tamnho real, o problema esta em que no script usado o link é previamente configurado para abrir o pop-up em 400px x 400px, e nem sempre as imagens são neste tamanho, podem variar tanto na autura como na largura para menos ou mais, ou seja a imagem acaba ficando distorcida, já vi em alguns sites pop-up que redimenciona automaticamente conforme o tamanho da imagem, mas procurei tutoriais que pudecem me ajudar a criar um script deste mas não achei nada, então resolvi apelar para o forum. Se alguém souber agradeço.

Obs.: A pagina esta em ASP e busca a imagem em banco de dados que já foi pre cadastrada, abixo link para visualizarem como esta o funcionamento Clque aqui para ver

O código que estou utilizando (são 2 paginas, uma com o link e outra retorna o link)

<!-- Pagina img.asp-->

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%> 
<!--#include file="../Connections/img.asp" -->
<%
Dim RsImg
Dim RsImg_numRows

Set RsImg = Server.CreateObject("ADODB.Recordset")
RsImg.ActiveConnection = MM_img_STRING
RsImg.Source = "SELECT * FROM produtos"
RsImg.CursorType = 0
RsImg.CursorLocation = 2
RsImg.LockType = 1
RsImg.Open()

RsImg_numRows = 0
%>

<%
Dim Repeat1__numRows
Dim Repeat1__index

Repeat1__numRows = -1
Repeat1__index = 0
RsImg_numRows = RsImg_numRows + Repeat1__numRows
%>
<%
'  *** Recordset Stats, Move To Record, and Go To Record: declare stats variables

Dim RsImg_total
Dim RsImg_first
Dim RsImg_last

' set the record count
RsImg_total = RsImg.RecordCount

' set the number of rows displayed on this page
If (RsImg_numRows < 0) Then
  RsImg_numRows = RsImg_total
Elseif (RsImg_numRows = 0) Then
  RsImg_numRows = 1
End If

' set the first and last displayed record
RsImg_first = 1
RsImg_last  = RsImg_first + RsImg_numRows - 1

' if we have the correct record count, check the other stats
If (RsImg_total <> -1) Then
  If (RsImg_first > RsImg_total) Then
    RsImg_first = RsImg_total
  End If
  If (RsImg_last > RsImg_total) Then
    RsImg_last = RsImg_total
  End If
  If (RsImg_numRows > RsImg_total) Then
    RsImg_numRows = RsImg_total
  End If
End If
%>
<%
' *** Recordset Stats: if we don't know the record count, manually count them

If (RsImg_total = -1) Then

  ' count the total records by iterating through the recordset
  RsImg_total=0
  While (Not RsImg.EOF)
    RsImg_total = RsImg_total + 1
    RsImg.MoveNext
  Wend

  ' reset the cursor to the beginning
  If (RsImg.CursorType > 0) Then
    RsImg.MoveFirst
  Else
    RsImg.Requery
  End If

  ' set the number of rows displayed on this page
  If (RsImg_numRows < 0 Or RsImg_numRows > RsImg_total) Then
    RsImg_numRows = RsImg_total
  End If

  ' set the first and last displayed record
  RsImg_first = 1
  RsImg_last = RsImg_first + RsImg_numRows - 1
  
  If (RsImg_first > RsImg_total) Then
    RsImg_first = RsImg_total
  End If
  If (RsImg_last > RsImg_total) Then
    RsImg_last = RsImg_total
  End If

End If
%>
<%
Dim MM_paramName 
%>
<%
' *** Move To Record and Go To Record: declare variables

Dim MM_rs
Dim MM_rsCount
Dim MM_size
Dim MM_uniqueCol
Dim MM_offset
Dim MM_atTotal
Dim MM_paramIsDefined

Dim MM_param
Dim MM_index

Set MM_rs    = RsImg
MM_rsCount   = RsImg_total
MM_size      = RsImg_numRows
MM_uniqueCol = ""
MM_paramName = ""
MM_offset = 0
MM_atTotal = false
MM_paramIsDefined = false
If (MM_paramName <> "") Then
  MM_paramIsDefined = (Request.QueryString(MM_paramName) <> "")
End If
%>
<%
' *** Move To Record: handle 'index' or 'offset' parameter

if (Not MM_paramIsDefined And MM_rsCount <> 0) then

  ' use index parameter if defined, otherwise use offset parameter
  MM_param = Request.QueryString("index")
  If (MM_param = "") Then
    MM_param = Request.QueryString("offset")
  End If
  If (MM_param <> "") Then
    MM_offset = Int(MM_param)
  End If

  ' if we have a record count, check if we are past the end of the recordset
  If (MM_rsCount <> -1) Then
    If (MM_offset >= MM_rsCount Or MM_offset = -1) Then  ' past end or move last
      If ((MM_rsCount Mod MM_size) > 0) Then         ' last page not a full repeat region
        MM_offset = MM_rsCount - (MM_rsCount Mod MM_size)
      Else
        MM_offset = MM_rsCount - MM_size
      End If
    End If
  End If

  ' move the cursor to the selected record
  MM_index = 0
  While ((Not MM_rs.EOF) And (MM_index < MM_offset Or MM_offset = -1))
    MM_rs.MoveNext
    MM_index = MM_index + 1
  Wend
  If (MM_rs.EOF) Then 
    MM_offset = MM_index  ' set MM_offset to the last possible record
  End If

End If
%>
<%
' *** Move To Record: if we dont know the record count, check the display range

If (MM_rsCount = -1) Then

  ' walk to the end of the display range for this page
  MM_index = MM_offset
  While (Not MM_rs.EOF And (MM_size < 0 Or MM_index < MM_offset + MM_size))
    MM_rs.MoveNext
    MM_index = MM_index + 1
  Wend

  ' if we walked off the end of the recordset, set MM_rsCount and MM_size
  If (MM_rs.EOF) Then
    MM_rsCount = MM_index
    If (MM_size < 0 Or MM_size > MM_rsCount) Then
      MM_size = MM_rsCount
    End If
  End If

  ' if we walked off the end, set the offset based on page size
  If (MM_rs.EOF And Not MM_paramIsDefined) Then
    If (MM_offset > MM_rsCount - MM_size Or MM_offset = -1) Then
      If ((MM_rsCount Mod MM_size) > 0) Then
        MM_offset = MM_rsCount - (MM_rsCount Mod MM_size)
      Else
        MM_offset = MM_rsCount - MM_size
      End If
    End If
  End If

  ' reset the cursor to the beginning
  If (MM_rs.CursorType > 0) Then
    MM_rs.MoveFirst
  Else
    MM_rs.Requery
  End If

  ' move the cursor to the selected record
  MM_index = 0
  While (Not MM_rs.EOF And MM_index < MM_offset)
    MM_rs.MoveNext
    MM_index = MM_index + 1
  Wend
End If
%>
<%
' *** Move To Record: update recordset stats

' set the first and last displayed record
RsImg_first = MM_offset + 1
RsImg_last  = MM_offset + MM_size

If (MM_rsCount <> -1) Then
  If (RsImg_first > MM_rsCount) Then
    RsImg_first = MM_rsCount
  End If
  If (RsImg_last > MM_rsCount) Then
    RsImg_last = MM_rsCount
  End If
End If

' set the boolean used by hide region to check if we are on the last record
MM_atTotal = (MM_rsCount <> -1 And MM_offset + MM_size >= MM_rsCount)
%>
<%
' *** Go To Record and Move To Record: create strings for maintaining URL and Form parameters

Dim MM_keepNone
Dim MM_keepURL
Dim MM_keepForm
Dim MM_keepBoth

Dim MM_removeList
Dim MM_item
Dim MM_nextItem

' create the list of parameters which should not be maintained
MM_removeList = "&index="
If (MM_paramName <> "") Then
  MM_removeList = MM_removeList & "&" & MM_paramName & "="
End If

MM_keepURL=""
MM_keepForm=""
MM_keepBoth=""
MM_keepNone=""

' add the URL parameters to the MM_keepURL string
For Each MM_item In Request.QueryString
  MM_nextItem = "&" & MM_item & "="
  If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
    MM_keepURL = MM_keepURL & MM_nextItem & Server.URLencode(Request.QueryString(MM_item))
  End If
Next

' add the Form variables to the MM_keepForm string
For Each MM_item In Request.Form
  MM_nextItem = "&" & MM_item & "="
  If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
    MM_keepForm = MM_keepForm & MM_nextItem & Server.URLencode(Request.Form(MM_item))
  End If
Next

' create the Form + URL string and remove the intial '&' from each of the strings
MM_keepBoth = MM_keepURL & MM_keepForm
If (MM_keepBoth <> "") Then 
  MM_keepBoth = Right(MM_keepBoth, Len(MM_keepBoth) - 1)
End If
If (MM_keepURL <> "")  Then
  MM_keepURL  = Right(MM_keepURL, Len(MM_keepURL) - 1)
End If
If (MM_keepForm <> "") Then
  MM_keepForm = Right(MM_keepForm, Len(MM_keepForm) - 1)
End If

' a utility function used for adding additional parameters to these strings
Function MM_joinChar(firstItem)
  If (firstItem <> "") Then
    MM_joinChar = "&"
  Else
    MM_joinChar = ""
  End If
End Function
%>
<%
' *** Move To Record: set the strings for the first, last, next, and previous links

Dim MM_keepMove
Dim MM_moveParam
Dim MM_moveFirst
Dim MM_moveLast
Dim MM_moveNext
Dim MM_movePrev

Dim MM_urlStr
Dim MM_paramList
Dim MM_paramIndex
Dim MM_nextParam

MM_keepMove = MM_keepBoth
MM_moveParam = "index"

' if the page has a repeated region, remove 'offset' from the maintained parameters
If (MM_size > 1) Then
  MM_moveParam = "offset"
  If (MM_keepMove <> "") Then
    MM_paramList = Split(MM_keepMove, "&")
    MM_keepMove = ""
    For MM_paramIndex = 0 To UBound(MM_paramList)
      MM_nextParam = Left(MM_paramList(MM_paramIndex), InStr(MM_paramList(MM_paramIndex),"=") - 1)
      If (StrComp(MM_nextParam,MM_moveParam,1) <> 0) Then
        MM_keepMove = MM_keepMove & "&" & MM_paramList(MM_paramIndex)
      End If
    Next
    If (MM_keepMove <> "") Then
      MM_keepMove = Right(MM_keepMove, Len(MM_keepMove) - 1)
    End If
  End If
End If

' set the strings for the move to links
If (MM_keepMove <> "") Then 
  MM_keepMove = MM_keepMove & "&"
End If

MM_urlStr = Request.ServerVariables("URL") & "?" & MM_keepMove & MM_moveParam & "="

MM_moveFirst = MM_urlStr & "0"
MM_moveLast  = MM_urlStr & "-1"
MM_moveNext  = MM_urlStr & CStr(MM_offset + MM_size)
If (MM_offset - MM_size < 0) Then
  MM_movePrev = MM_urlStr & "0"
Else
  MM_movePrev = MM_urlStr & CStr(MM_offset - MM_size)
End If
%>
<html>
<head>
<title>Documento sem t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table align="center" border="1">
  <tr> 
    <td align="default" width="33%"> nome </td>
    <td align="default" width="33%"> fabricante </td>
    <td align="default" width="33%"> impeq </td>
  </tr>
  <% 
While ((Repeat1__numRows <> 0) AND (NOT RsImg.EOF)) 
%>
  <tr> 
    <td align="default" width="33%"> <%=(RsImg.Fields.Item("nome").Value)%> </td>
    <td align="default" width="33%"> <%=(RsImg.Fields.Item("fabricante").Value)%> 
    </td>                            
    <td align="default" width="33%"> <a href="#" onClick="window.open('imgDetalhe.asp?<%= MM_keepBoth & MM_joinChar(MM_keepBoth) & "idprod=" & RsImg.Fields.Item("idprod").Value %>','Janela','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=400,height=400'); return false;"><img src="<%=(RsImg.Fields.Item("impeq").Value)%>"></a> 
    </td>
  </tr>
  <% 
  Repeat1__index=Repeat1__index+1
  Repeat1__numRows=Repeat1__numRows-1
  RsImg.MoveNext()
Wend
%>
  
</table>
<br>
<table border="0" width="50%" align="center">
  
  <tr> 
    <td width="23%" align="center"> 
      <% If MM_offset <> 0 Then %>
      <a href="<%=MM_moveFirst%>">Primeiro</a> 
      <% End If ' end MM_offset <> 0 %>
       </td>
    <td width="31%" align="center"> 
      <% If MM_offset <> 0 Then %>
      <a href="<%=MM_movePrev%>">Retornar</a> 
      <% End If ' end MM_offset <> 0 %>
       </td>
    <td width="23%" align="center"> 
      <% If Not MM_atTotal Then %>
      <a href="<%=MM_moveNext%>">Avan&ccedil;ar</a> 
      <% End If ' end Not MM_atTotal %>
       </td>
    <td width="23%" align="center"> 
      <% If Not MM_atTotal Then %>
      <a href="<%=MM_moveLast%>">&Uacute;ltimo</a> 
      <% End If ' end Not MM_atTotal %>
       </td>
  </tr>
</table>
Registros <%=(RsImg_first)%> a <%=(RsImg_last)%> de <%=(RsImg_total)%> 
</body>
</html>
<%
RsImg.Close()
Set RsImg = Nothing
%>
 <!-- fima da img.asp -->

<1-- Pagina imgdetalhe.asp -->

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!--#include file="../Connections/img.asp" -->

<%
Dim RsImg__MMColParam
RsImg__MMColParam = "1"
If (Request.QueryString("idprod") <> "") Then 
  RsImg__MMColParam = Request.QueryString("idprod")
End If
%>

<%
Dim RsImg
Dim RsImg_numRows

Set RsImg = Server.CreateObject("ADODB.Recordset")
RsImg.ActiveConnection = MM_img_STRING
RsImg.Source = "SELECT * FROM produtos WHERE idprod = " + Replace(RsImg__MMColParam, "'", "''") + ""
RsImg.CursorType = 0
RsImg.CursorLocation = 2
RsImg.LockType = 3
RsImg.Open()

RsImg_numRows = 0
%>

<html>
<head>
<title>Documento sem t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body leftmargin="0" topmargin="0">
<table align="center">
  <tr> 
    <td align="default"><img src="<%=(RsImg.Fields.Item("imgra").Value)%>"></td>
  </tr>
</table>

</body>
</html>
<%
RsImg.Close()
Set RsImg = Nothing
%>

<! --fim da imgdetalhe.asp -->

[fercosmig]

http://scriptbrasil.com.br/forum/index.php...=0entry282384

abraços

[kania]

Beleza fercosmig, primeiramente obrigado pel ajuda,

Dei uma olhada no link que você me mandou, e efetue a adptação para o meu código, de uma olda oque esta ocorrendo.

Clique aqui para ver

Como você deve ter visto esta dando um erro, que eu não consegui identificar, mudei varias vezes o código para ver se eu não estava comendo bola, abaixo estou colocando partes relevantes do código para que você de uma ollhada.

Javascript alterado o nome da pagina para imgDetalhe.asp que é minha pagina que abre a imagem pop-up

<!-- pergunta se as dimensões são diferentes de 0, cria o objeto e mantem variaveis para proxima função -->
function Controlla(img,cod,tipo){
 if((foto1.width!=0)&&(foto1.height!=0)){
   viewFoto(img,cod,tipo);
 }
 else{
   funzione="Controlla('"+img+"')";
   intervallo=setTimeout(funzione,20);
 }
}
<!-- vizualiza a foto -->
function viewFoto(img,cod,tipo){
 larg=foto1.width;
 alt=foto1.height;
 size="width="+larg+",height="+alt;
 finestra=window.open("imgDetalhe.asp?codigo="+cod+"&tipo="+tipo+"","",size);
}
//  FIM! -->
</script>

Link para abrir o pop-up

	<a href="javascript:CarregaFoto('imgDetalhe.asp?<%= MM_keepBoth & MM_joinChar(MM_keepBoth) & "idprod=" & RsImg.Fields.Item("idprod").Value %>')"><img src="<%=(RsImg.Fields.Item("impeq").Value)%>"></a>

Erros que eu identifiquei. 1º: No pop-up o caminho da imagem aparece da seguinte forma:

http://www.vitrinedavirtual.com.br/teste/<font%20face=

2º link que esta abrindo a pagina pop-up é o seguinte:

http://www.vitrinedavirtual.com.br/teste/imgDetalhe.asp?codigo=undefined&tipo=undefined

3º caminho que esta levando para o pop-up é este eu não sei se esta certo ou errado, acredito que esta certo, mas não sei porque o pop-up abre com link diferente.

javascript:CarregaFoto('imgDetalhe.asp?idprod=82')

o código completo e original eu postei no inicio do post, só auterei mesmo o caminho do link e adcionei o javascript ao código