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

Exibir O Conteudo De Uma Tag

foxbh

Perguntado por foxbh,

 Share

Pergunta

foxbh

foxbh

Postado
Postado

Pessoal, tenho uma tag em que me mostra uma imagem vinda de um comando, e vem desta forma

<img id="imgem" >

So que eu preciso que alem da imagem me mostre o nome da imagem, então eu precisaria que o conteudo do ID aparecesse na tela tipo foto.jpj

Tem alguma forma de fazer isso

Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0
foxbh

foxbh

Postado
  • Autor
Postado

Valeu fercosmig.

Mais eu não posso mudar o estilo que e chamado a imagem, a unica coisa que preciso e dar um jeito de printar na tela o nome da imagem vindo do link que esta na mesma pagina, e tipo um album de fotos, so que quando a pessoa clica no link correspondente a imagem que ela quer ver a foto muda sem dar um reload na pagina, isso já está funcionando, so que eu preciso que alem de atualizar a foto, o nome da imagem tambem apareca como se fosse um titulo da imagem, se eu conseguise um comando em java que lesse este conteudo id="imgem" tipo como se fosse uma variavel em PHP que eu to mais acustmado assim

$id = $_GET[imagem];

Echo "$id";

Link para o comentário
Compartilhar em outros sites
  • 0
foxbh

foxbh

Postado
  • Autor
Postado

está meio bagunçado, depois que sulucionar este problema vou dar uma arrumada nele 

<head>
<meta http-equiv="Content-Language" content="pt-br">
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>
</head>

<script LANGUAGE="JavaScript">
<!-- debut du script
function VersionNavigateur(Netscape, Explorer) {
  if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') ||      
      (navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft'))
    return true;
else return false;
}
//  fin du script -->
</script> 



<table border="1" width="100%" id="table1" height="120">
    <tr>
        <td width="23%" valign="top">
        <p align="center">Menu</p>
        <p align="center">
        <a href="fotos.php"onMouseOver="if (VersionNavigateur(3.0,4.0))  img1.src='construs2_09.jpg'"onMouseOut="img1.src='construs_09.jpg' " target="I1">
                     <img NAME="img1" SRC="construs_09.jpg"
onLoad="tempImg=new Image(0,0); tempImg.src='images/construs2_09.jpg'" border="0" onclick="FP_swapImg(0,0,/*id*/'img13',/*url*/'imagem1.jpg')"></a></td>
        <td width="76%" valign="top">
        <p align="center">Conteúdo</p>
        <p align="center">
            <img id="img13" ></p>
        <p align="center">&nbsp;</td>
    </tr>
    <tr>
    
</td>
    </tr>
</table>

Link para o comentário
Compartilhar em outros sites
  • 0
fercosmig

fercosmig

Postado
Postado

faz um teste com este codigo e, vê se te ajuda

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.menu{
border: #000000 1px Solid;
background: #99ccff;
width: 120px;
height: 280px;
float: left;
}
.painel{
border: #000000 1px Solid;
background: #99ccff;
width: 640px;
height: 500px;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function mostra(tit,foto){
    imagem = '<img src="' + foto + '"><br>';
   document.getElementById('pnl').innerHTML = imagem + tit;
}
//-->
</script>
</head>
<body>
<div class="menu">
<img src="001.jpg" title="Baralho" id="foto1" onclick="mostra(this.title,this.src);" onmouseover="style.cursor='pointer';" width="100px" height="100px">
<img src="004.jpg" title="Dominó" id="foto2" onclick="mostra(this.title,this.src);" onmouseover="style.cursor='pointer';" width="100px" height="100px">
</div>
<div class="painel" id="pnl"></div>
</body>
</html>

abraços

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

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