Oiiii, queria que alguém me ajudasse a fazer o que está no Anexo, é JavaScript (acho), ao clicar no Link queria que a imagem aparece em abaixo, e não em outra página. Queria que ao clicar aparecesse assim que nem no Anexo:
Entendi q vc tá fazendo o mais simples possível, num HTML puro… Procurei elementos prontos no Twitter Bootstrap e no JQuery UI, mas não encontrei… Vc já começou alguma coisa?
isso mesmo que eu quero andredecotia o mais simples possivel. só tou utilizando html mesmo pois nao sei usar muito bem esses coisas de componentes prontos mas sei que o que estou pedindo é possivel de fazer pois ja vi funcionando. só que até agora nao tenho nada. quero so que quando clique no link nao direciona pra uma pagina com a foto e sim a foto fosse aberta na mesma pagina so que embaixo no link.
Essa imagem já vai estar disponível e vc só vai exibi-la ou precisará pegá-la no banco?
Se vc já tiver a imagem disponível, coloque-a inicialmente escondida (com css, vc pode utilizar no display:none) e quando o usuário clicar no link, exiba a imagem.
Exemplo com jquery:
Se a imagem não estiver disponível, e vc precisar pegar no banco de dados, no disco rigido, ou outro lugar, terá que usar ajax. Aí já é um pouco mais trabalhoso. Primeiro, responda minha pergunta, depois continuo tentando te ajudar.
editado.
Não sei seu nível de conhecimento com Jquery, mas em todo caso vale ressaltar que é necessário importar a biblioteca no seu arquivo:
<script type="text/javascript" src="contexto/caminho/do/seu/jquery-1.8.3.js"></script>Abraços.
[quote=renandrade]Essa imagem já vai estar disponível e vc só vai exibi-la ou precisará pegá-la no banco?
Se vc já tiver a imagem disponível, coloque-a inicialmente escondida (com css, vc pode utilizar no display:none) e quando o usuário clicar no link, exiba a imagem.
Exemplo com jquery:
Se a imagem não estiver disponível, e vc precisar pegar no banco de dados, no disco rigido, ou outro lugar, terá que usar ajax. Aí já é um pouco mais trabalhoso. Primeiro, responda minha pergunta, depois continuo tentando te ajudar.
[/quote]
oiiii, :roll:
vou ter que baixar o jquery né? é o jquery ui que o andredecotia falou no post dele? estou pesquisando no google e encontrei um monte de jqueri para baixar… voce poderia me enviar o linky?
[quote=pvrsouza]Não sei seu nível de conhecimento com Jquery, mas em todo caso vale ressaltar que é necessário importar a biblioteca no seu arquivo:
<script type="text/javascript" src="contexto/caminho/do/seu/jquery-1.8.3.js"></script>Abraços.[/quote]
voce poderia me enviar o link?
[quote=mariazinhahappy][quote=renandrade]Essa imagem já vai estar disponível e vc só vai exibi-la ou precisará pegá-la no banco?
Se vc já tiver a imagem disponível, coloque-a inicialmente escondida (com css, vc pode utilizar no display:none) e quando o usuário clicar no link, exiba a imagem.
Exemplo com jquery:
Se a imagem não estiver disponível, e vc precisar pegar no banco de dados, no disco rigido, ou outro lugar, terá que usar ajax. Aí já é um pouco mais trabalhoso. Primeiro, responda minha pergunta, depois continuo tentando te ajudar.
[/quote]
oiiii, :roll:
vou ter que baixar o jquery né? é o jquery ui que o andredecotia falou no post dele? estou pesquisando no google e encontrei um monte de jqueri para baixar… voce poderia me enviar o linky?[/quote]
[]'s
Acredito que vc possa tb fazer da seguinte maneira abaixo, o lado bom da história é q vc já tem td nativo sem ter q baixar/importar nenhum componente terceiro:
No momento do
onClick="metodo"Invocar:
document.getElementById('divID').appendChild(img);
André AS
[quote=pvrsouza]Não sei seu nível de conhecimento com Jquery, mas em todo caso vale ressaltar que é necessário importar a biblioteca no seu arquivo:
<script type="text/javascript" src="contexto/caminho/do/seu/jquery-1.8.3.js"></script>Abraços.[/quote]
Acredito q dê pra usar online, no seu caso, para efeito de teste, mapeando conforme abaixo:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>André AS.
estou tentando juntar tudo que voces estao me dizendo, mas ainda estou tento dificuldades, consegui chegar neste codigo mas nao esta funcionando
[code]
<script language="JavaScript">
jQuery("#link").click(function() {
jQuery("#imagem").show();
});
</script>
mesmo local continua nao funcionando
<script type="text/javascript" src="C:\jquery-1.8.3.min.js"></script>Experimente tirar a tag de dentro do head e coloca-la em outro lugar. Pode ser dentro do body ou do html
esta importado correto porque o olamundo está funcionando
[code]
$(document).ready(function
() {
alert(‘olá mundo’);
});
</script>[/code]
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
</head>
<body>
<a id="link" href="#imagem"> Clique Aqui<a/>
<img id="imagem" src="C:\Users\Renan\Downloads\a.png" style="display:none"> </img>
<body>
<script language="JavaScript">
jQuery("#link").click(function() {
jQuery("#imagem").show();
});
</script>
</html>
Testei aqui e funcionou. Só troque o link da sua imagem
nao funcionou
[quote=renandrade][code]
Clique Aqui[/code]
Testei aqui e funcionou. Só troque o link da sua imagem[/quote]
Nem copiando e colando esse código funcionou?
[quote=renandrade][code]
Clique Aqui[/code]
Testei aqui e funcionou. Só troque o link da sua imagem[/quote]
nossa, funcionou mesmo. mas nao entendi porque funcionou so porque colocou o trecho de codigo do jquery no body
[code]
jQuery("#link").click(function() {
jQuery("#imagem").show();
});
</script> [/code]
e deixar o a href em cima do jquery e não abaixo, pois embaixo nao funcionou tambem
[code] Clique Aqui
jQuery("#link").click(function() {
jQuery("#imagem").show();
});
</script>[/code]
alguem pode me responder?
Acredito que não seja possível usar o script dentro do head. Mesmo que seja possível, é uma boa prática utilizar javascript no fim da sua página, para uma performance melhor do seu código.