Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Anabela

[Resolvido] Erro! nao estou a entender

Mensagens Recomendadas

Anabela

Bom dia estou com um erro ao gerar o codigo, ele é suposto abrir uma imagem mas em vez disso abre como se fosse um ficheiro codificado, a extensao esta correcta e o id tb, nao estou a perceber onde estou a colocar o erro, ajuda por favor.

 <script>

  $( "ul" ).click(function() {
   var extencao = 'PNG';
   var nome =  $(this).attr("id");
   $.ajax({
 url: "excelcharc/"+nome+"."+extencao,
 success: function(result){
  $("#conteudo_dinamico").html(result);
 },
 error: function(result){
  $("#conteudo_dinamico").html('<h4>Ficheiro Indisponivel</h4>');
 }

   });
  });
 </script>

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
tiago.f

Olá,

que tipo de elemento é o "conteudo_dinamico" ?

é um div? uma image/img ?

Em principio nao precisas de usar o ajax para mostrar uma nova imagem. Basta que coloques o atributos src a apontar para a imagem correcta.

Algo do tipo:

$( "ul" ).click(function() {

var extencao = 'PNG';

var nome = $(this).attr("id");

$("#imagem").attr('src', "excelcharc/"+nome+"."+extencao);

$("#imagem").attr('alt', "Imagem não econtrada");

});

apenas tens que garantir que tens um elemento do tipo img com o id="imagem".

Editado por tiago.f

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
tiago.f

Para mostra uma imagem precisamos de um <img>

Vê o código que escrevi. Facilmente adaptas

Editado por tiago.f

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HappyHippyHippo

Para mostra uma imagem precisamos de um <img>

Vê o código que escrevi. Facilmente adaptas

não necessariamente

$( "ul" ).click(function() {
  $("#conteudo_dinamico").css('background-image', "url('excelcharc/"+$(this).attr("id")+".PNG')");
});


IRC : sim, é algo que ainda existe >> #p@p

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
tiago.f

certo é há mais maneiras mas não vamos complicar.

Anabela, se a imagem faz parte do aspecto visual do teu site (tema) então css background-image é o caminho certo.

Senão deves usar um <img>...

As duas maneiras funcionam.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Anabela

neste caso e uma img que vai aparecer ao clicar.

estou a usar o teu exemplo mas aparece sempre o icone de imagem nao carregada, ja estou a fazer alterações, mas acho que estou a complicar.

$( "ul" ).click(function() {
 var extencao = 'PNG';
 var nome = $(this).attr("id");
var imagem = 'excelcharc/'+nome+"."+extencao;
 $("#conteudo_dinamico").append('<img src=imagem />');

<ul class="rot effect" id="mortadela">
<figure>
 <img src="images/mod_Mortadela.png" />
 <figcaption>
 <p><br/><br/>M<br/>O<br/>R<br/>T<br/>A<br/>D<br/>E<br/>L<br/>A</p>
 </figcaption>
</figure>
</ul>

esqueci me depostar esta parte e as img tem o mesmo nome do id

Editado por Anabela

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Anabela

Resolvido.....mas que erro!

<script>

$( "ul" ).click(function() {
var extencao = 'jpg';
var nome = $(this).attr("id");
$("#conteudo_dinamico").html('');

//Limpa o conteudo da div para nao acumular fotos a cada click

$("#conteudo_dinamico").append('<img src="excelcharc/'+nome+'.'+extencao+'">');


});

as ' nao se encontravam no sitio correcto.....

Obrigada :D :thumbsup:

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.