Ocultar Uma Div Dentro De Uma Tabela
Started By Max Araujo, 02/06/2007, 19:05
4 replies to this topic
#1
Posted 02/06/2007, 19:05
Ae galera,
Estou com um probleminha aqui...
Tenho uma tabela com varias TR onde em uma delas tem uma imagem de 460x300px queria o seguinte... colocar um comando nessa imagem no OnClick para quando a pessoa clicar no link da imagem ele abra uma pagina com target blank e logo em seguida feche feche essa imagem... ou seja oculte a TR que contem a image...
Eu fiz aqui e oculta certinho a imagem... porem a TR continua com a dimensao da imagem... queria fechar esse espaco para nao aparecer um espaco vazio entenderam?
Aguém ai pode me ajudar?
Att.
Max
Estou com um probleminha aqui...
Tenho uma tabela com varias TR onde em uma delas tem uma imagem de 460x300px queria o seguinte... colocar um comando nessa imagem no OnClick para quando a pessoa clicar no link da imagem ele abra uma pagina com target blank e logo em seguida feche feche essa imagem... ou seja oculte a TR que contem a image...
Eu fiz aqui e oculta certinho a imagem... porem a TR continua com a dimensao da imagem... queria fechar esse espaco para nao aparecer um espaco vazio entenderam?
Aguém ai pode me ajudar?
Att.
Max
#2
Posted 04/06/2007, 10:48
Se não me engano tabelas não tem a opção de ocultar somente 1 elemento assim como você está tentando fazer. O que posso sugerir seria no onclick alterar a visibilidade da imagem como fez, e alterar também o tamanho (width/height) dessa célula. Acrescente um ID a ela e tente fazer. Qq coisa volte a postar. Ocultar células é meio chato mesmo.
WebFórum - Equipe de Desenvolvimento - Monitor
Yeah I do have some stories, and it's true I want all the glory ...
Yeah I do have some stories, and it's true I want all the glory ...
#3
Posted 06/06/2007, 02:00
Se não me engano tabelas não tem a opção de ocultar somente 1 elemento assim como você está tentando fazer. O que posso sugerir seria no onclick alterar a visibilidade da imagem como fez, e alterar também o tamanho (width/height) dessa célula. Acrescente um ID a ela e tente fazer. Qq coisa volte a postar. Ocultar células é meio chato mesmo.
Você tem o código ai?
#5
Posted 13/06/2007, 17:30
conseguiu brother?!
vo postar um exemplo que vai funcionar ............ usei textos.. vc ai substitu e coloca a sua imagem blza?
qualquer coisa manda uma MP...
CODIGO JAVA SCRIPT PARA "SUMIR" os DIV..
[codebox]
<script>
function Display(object)
{
obj = document.getElementById(object);
if (obj.style.display == "none")
obj.style.display = "block";
else
obj.style.display = "none";
}
</script>
[/codebox]
agora abaixo segue o HTML com os codigos que vc tem que usar nos DIV..
[codebox]
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/bt_azul.gif" width="14" height="15" border="0" align="top"> <a href="java script:Display('L2')">
TV MONITOR LCD</a></td>
</tr>
</table>
<div id="L2" style="display:none">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" colspan="0"><br><a href="http://www.XXX.com.b...NUAIS</a><br><a href="http://www.XXX.com.b... href="http://www.XXX.com.b... TÉCNICA</a><br><br>
</td>
</tr>
</table>
</div>
[/codebox]
Com esse código a pagina oculta o DIV de nome L2 e ao clicar ele aparece....
espero que seja isso que procura...
um abraço cara!
vo postar um exemplo que vai funcionar ............ usei textos.. vc ai substitu e coloca a sua imagem blza?
qualquer coisa manda uma MP...
CODIGO JAVA SCRIPT PARA "SUMIR" os DIV..
[codebox]
<script>
function Display(object)
{
obj = document.getElementById(object);
if (obj.style.display == "none")
obj.style.display = "block";
else
obj.style.display = "none";
}
</script>
[/codebox]
agora abaixo segue o HTML com os codigos que vc tem que usar nos DIV..
[codebox]
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/bt_azul.gif" width="14" height="15" border="0" align="top"> <a href="java script:Display('L2')">
TV MONITOR LCD</a></td>
</tr>
</table>
<div id="L2" style="display:none">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" colspan="0"><br><a href="http://www.XXX.com.b...NUAIS</a><br><a href="http://www.XXX.com.b... href="http://www.XXX.com.b... TÉCNICA</a><br><br>
</td>
</tr>
</table>
</div>
[/codebox]
Com esse código a pagina oculta o DIV de nome L2 e ao clicar ele aparece....
espero que seja isso que procura...
um abraço cara!
<?
// olhe abaixo
$nome = faixa_preta // Mário Junior
$estado = Rio de Janeiro // Cidade Desespero!
if ($FIQUE BAMBOOCHA!) {
?>
// VIVA O SEXO PAGO!
// A ALEGRIA DE TODOS OS PROGRAMADORES!
// Ninguém é tão grande que não possa aprender, nem tão pequeno que não possa ensinar.
// olhe abaixo
$nome = faixa_preta // Mário Junior
$estado = Rio de Janeiro // Cidade Desespero!
if ($FIQUE BAMBOOCHA!) {
?>
// VIVA O SEXO PAGO!
// A ALEGRIA DE TODOS OS PROGRAMADORES!
// Ninguém é tão grande que não possa aprender, nem tão pequeno que não possa ensinar.
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)