Div com link em uma imagem inserida em tabela

donancio · Julho 25, 2009

Bom criei a seguinte página:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript" src="ajax.js"></script>
<script language="javascript" src="instrucao.js"></script>
<script language="JavaScript">
abrirPag('Conteudo.html');
</script> 
<link href="estilo.css" rel="stylesheet" type="text/css"><title>Untitled Document</title>
<script type="text/javascript">
<!--
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;
}
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];}}
}

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;
}

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];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('images/Untitled-2_r2_c4.gif','images/Untitled-2_r2_c6.gif','images/Untitled-2_r2_c7.gif','images/Untitled-2_r4_c5.gif','images/Untitled-2_r4_c6.gif','images/Untitled-2_r4_c8.gif')">
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="200" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="images/Untitled-1_r1_c1.gif" width="800" height="77" /></td>
      </tr>
      <tr>
        <td><table width="200" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><img src="images/Untitled-1_r2_c1.gif" width="398" height="39" /></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','images/Untitled-2_r2_c4.gif',1)"><img src="images/Untitled-1_r2_c4.gif" name="Image16" width="144" height="39" border="0" id="Image16" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','images/Untitled-2_r2_c6.gif',1)"><img src="images/Untitled-1_r2_c6.gif" name="Image17" width="129" height="39" border="0" id="Image17" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image18','','images/Untitled-2_r2_c7.gif',1)"><img src="images/Untitled-1_r2_c7.gif" name="Image18" width="129" height="39" border="0" id="Image18" /></a></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><img src="images/Untitled-1_r3_c1.gif" width="800" height="11" /></td>
      </tr>
      <tr>
        <td><table width="200" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><img src="images/Untitled-1_r4_c1.gif" width="349" height="18" /></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','images/Untitled-2_r4_c3.gif',0)"><img src="images/Untitled-1_r4_c3.gif" name="Image19" width="78" height="18" border="0" id="Image19" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','images/Untitled-2_r4_c5.gif',1)"><img src="images/Untitled-1_r4_c5.gif" name="Image20" width="115" height="18" border="0" id="Image20" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','images/Untitled-2_r4_c6.gif',1)"><img src="images/Untitled-1_r4_c6.gif" name="Image21" width="150" height="18" border="0" id="Image21" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','images/Untitled-2_r4_c8.gif',1)"><img src="images/Untitled-1_r4_c8.gif" name="Image22" width="108" height="18" border="0" id="Image22" /></a></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td valign="top"><img src="images/Untitled-1_r5_c1.gif" width="800" height="12" /></td>
      </tr>
      <tr>
        <td valign="top"><table width="800" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="328" valign="top"><table width="200" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td valign="top"><img src="images/Untitled-1_r6_c1.gif" width="328" height="225" /></td>
              </tr>
              <tr>
                <td valign="top"><img src="images/Untitled-1_r7_c1.gif" width="328" height="224" /></td>
              </tr>
            </table></td>
            <td width="472" align="left" valign="top" background=images/Untitled-1_r6_c2.gif><div id="conteudo_mostrar"></div></td>            
          </tr>
        </table></td>
      </tr>
      <tr>
        <td valign="top"><img src="images/Untitled-1_r8_c1.gif" width="800" height="44" /></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

Para chamar a div através de um link sei que tenho que usar o seguinte codigo:

<div id="menu"><a href="#" onClick="abrirPag('Conteudo.html');">Clientes</a></div>

Porém nao estou conseguindo criar o link para a seguinte imagem:

Alguém pode me ajudar? Está faltando alguma coisa no codigo?

Lembrando que todas as instruções estão na pasta raiz. Uso Asp para o desenvolvimento da pagina

Eliseu M. · Julho 26, 2009

Pera ae, você quer que, ao clicar no link a página corra até a imagem que está na tabela ou abra uma outra página com a imagem dentro?

Entrar

Arquivado

Div com link em uma imagem inserida em tabela

Recommended Posts

donancio 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Eliseu M. 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Estou criando uma calculadora de m2 e litros de tinta

Cruzamento de Bases

Consulta sem duplicação

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante