Ocultar E Mostrar O Conteúdo
#1 speaker7
Posted 21/07/2006, 17:47
Bom, gostaria de saber se alguém pode me explicar como fazer um link de ocultar e mostrar o conteudo igual ao da página inicial do Fórum (http://forum.wmonline.com.br).
Quando vc clica no sinal - (menos) o conteudo da tabela oculta e o sinal de - muda para um sinal de + (mais), que quando vc clica mostra o conteúdo e o sinal volta a ser o de -
Se alguém puder me ajudar, post ae!
Valeu!
[]s
#2
Posted 21/07/2006, 18:37
Procure nos tutoriais sobre mostrar/ocultar camadas, o Guilherme Blanco postou um tutorial muito bom, o sistema te passar uma noção, depois é só vc alterar a imagem "-" por "+" e ao inves de esconder a camada, mude a altura dela...
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
www.Eu Sei Escrever.com.br - Adote esta campanha!
#3
Posted 21/07/2006, 22:10
<script>
function me(div) {
var divmm = document.getElementById('maismenos');
var divq = document.getElementById(div).style;
if (divq.display == 'none') {
divq.display = 'block';
divmm.innerHTML = "-";
}
else {
divq.display = 'none';
divmm.innerHTML = "+";
}
}
</script>
<span id="maismenos" onclick="me('essadiv');" style="cursor: pointer;">+</span>
<div id="essadiv" style="display: none;">
TEXTO<br/>
TEXTO<br/>
TEXTO<br/>
TEXTO<br/>
TEXTO<br/>
</div>
Bom ficou mais fácil, não?
Agora só falta correr atrás da imagem que muda, OK?
Valeu! Espero ter ajudado
Fui!
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com
#4
Posted 21/07/2006, 23:02
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
www.Eu Sei Escrever.com.br - Adote esta campanha!
#5
Posted 21/07/2006, 23:36
Até mais.
Fui!
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com
#6 speaker7
Posted 22/07/2006, 15:20
Mas ainda gostaria de perguntar como fazer isso mas de uma jeito mais simples, sem mudar de sinal + para sinal -, e vice-versa.... da seguinte forma: Tenho um texto "Nome", ao clicar nele aparece o conteudo (mas o texto "Nome" mantém), e depois clico nele o conteúdo oculta...
É que o preciso pra fazer uma pagina; mas nessa página tem uma lista com vários nomes de pessoas, e ao clicar no nome exibi uns dados sobre ela.. e clicando novamente, oculta...
Por ex:
. João
. Maria
. José
. Ricardo
(Clico em "João", exibi o conteudo, clico novamente, oculta. E assim em todos os nomes da lista... tem como fazer?)
[]s
#7
Posted 22/07/2006, 19:26
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
www.Eu Sei Escrever.com.br - Adote esta campanha!
#8
Posted 22/07/2006, 20:50
Tirarei 3 linhas do JS, também vou tirar o id do span e colocarei mais uma div e um span.
Olha:
<script>
function me(div) {
var divq = document.getElementById(div).style;
if (divq.display == 'none') {
divq.display = 'block';
}
else {
divq.display = 'none';
}
}
</script>
<span onclick="me('joao');" style="cursor: pointer;">João</span>
<span onclick="me('maria');" style="cursor: pointer;">Maria</span>
<div id="joao" style="display: none;">
Todo o texto e imagens dentro da DIV joao que corresponde ao: João
</div>
<div id="maria" style="display: none;">
Todo o texto e imagens dentro da DIV maria que corresponde à: Maria
</div>
Muito bom? Mão na massa, OK?
Mão na massa:
Primeiro crie o link e dentro das aspas simples coloque o nome da pessoa em minusculo e sem acento:
Certo? Isso chama a função me para que ela exiba a DIV com o id ricardo<span onclick="me('ricardo');" style="cursor: pointer;">Ricardo</span>
Agora falta a DIV...
Crie uma DIV e coloque um ID com o nome da pessoa que foi colocada ateriormente. Assim:
Lembrando: Sem acentos e tudo minusculo, pois já esta dessa forma no passo anterior. O estilo display none significa que essa div não será exibida.<div id="ricardo" style="display: none;">Conteúdo do Ricardo.</div>
Tudo pronto? Código:
Lembrando:<script>
function me(div) {
var divq = document.getElementById(div).style;
if (divq.display == 'none') {
divq.display = 'block';
}
else {
divq.display = 'none';
}
}
</script>
<span onclick="me('joao');" style="cursor: pointer;">João</span>
<span onclick="me('maria');" style="cursor: pointer;">Maria</span>
<span onclick="me('ricardo');" style="cursor: pointer;">Ricardo</span>
<div id="joao" style="display: none;">
Todo o texto e imagens dentro da DIV joao que corresponde ao: João
</div>
<div id="maria" style="display: none;">
Todo o texto e imagens dentro da DIV maria que corresponde à: Maria
</div>
<div id="ricardo" style="display: none;">Conteúdo do Ricardo.</div>
Oque está em cinza não foi modificado.
Agora, oque retirei do script e do HTML foi oque?
var divmm = document.getElementById('maismenos');
divmm.innerHTML = "-";
divmm.innerHTML = "+";
id="maismenos"
Cada correspondente a sua cor:
Chama o ID maismenos. Como eu tirei ele vou ter que tirar essa linha senão dá erro.
Essa linha colocaria um texto no divmm que é o: -
Essa linha colocaria um texto no divmm que é o: +
Como não se pode ter mais que um id igual é obrigatorio tirar. Bem que poderiamos atribuir um id para cada span, mas é desnecessário e polui o código
Tudo bem explicadinho...
Pegou o esquema agora?
Até mais.
Edição feita por: invasoesdemaniacos, 22/07/2006, 20:53.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com
#9
Posted 23/07/2006, 01:23
Possíveis valores: www.w3schools.com/css/pr_class_display.asp
[]’s Até mais
#10
Posted 23/07/2006, 03:11
Mudo meus conceitos apartir de agora.
<script>
function me(div) {
var divq = document.getElementById(div).style;
if (divq.display == 'none') {
divq.display = 'inline';
}
else {
divq.display = 'none';
}
}
</script>
Valeu mesmo.
Fui.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com
#11 speaker7
Posted 23/07/2006, 13:55
Era isso mesmo que eu queria!
Gostei muito da explicação também! Consegui entender tudo!
Falow!
Abraço!
#12
Posted 23/07/2006, 15:38
Até mais.
Bons estudos.
Fui!
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com
#13
Posted 21/09/2017, 20:35
Original Achat Levitra Pharmacie
Lioresal Generique En Canada <a href=http://cialtobuy.com>cialis</a> Buy Viagra From Egypt
Pediatric Amoxicillin Dose viagra cialis Comprar Cialis En Linea
Levitra 10 Mgptt Bayer
Amoxicillin And Clavulanic Acid <a href=http://cialtobuy.com>online pharmacy</a> Cialis Generico Disfuncion Erectil
Tomar Viagra Sildenafil cialis buy online Pharmacy Canada Cialis
Use Of Keflex In Cats Levitra 20 Mg Costo Levitra Rezeptfrei Auf Rechnung
Digoxin Sales <a href=http://cialtobuy.com>cialis</a> Cialis En Las Mujeres
Acheter Propecia Sur Internet online pharmacy Baby Diahrea And Gas Amoxicillin
Keflex Substutions Overseas Pharmacies Cialis Dosierung 5 Mg
Cialis Authentique Suisse <a href=http://cialtobuy.com>cialis</a> Levitra Bailler 20mg
Generique Levitra cialis price Online Celexa Frontal Baldness Propecia Medication Cost Propecia 1 Mg Amoxil 500 Dosage Alcohol Stopping Keflex cialis buy online Cialis 10 Mg Tadalafil
Canada Orlistat Otc cialis Preisvergleich Cialis 20mg 12
Isotretinoin Drugs Orlistat Effets Secondaires
Canadian Meds Product <a href=http://cialtobuy.com>cialis price</a> Viagra En Ligne Moins Cher
#14
Posted 22/09/2017, 02:00
http://www.webvegaba...14-baratas.html
http://www.ajedrezli...parent-557.html
http://www.woozor.es...-mujer-912.html
http://www.commentai...lancas-292.html
http://www.galaresta...baratas-777.php
Nike Air Max 90 Denim
Saucony Oasis
Puma Suede Classic 2017
Zapatillas Louis Vuitton Para Mujer
Zapatillas Palladium Argentina
sntfuvn
http://www.techandpl...a-roja-385.html
http://www.monking.e...-madrid-906.php
http://www.tv-gratui...gazelle-944.htm
http://www.probaiedu...allic-femme.php
http://www.convergen...-max-siren.html
Nike Blazer Low
Huarache Nike Womens
Flats Louis Vuitton
New Balance Zapatillas Precio
Roshe Run Woven
toeehsw
http://www.techandpl...precio-962.html
http://www.probaiedu...e-997-homme.php
http://www.bellracin...3-white-873.htm
http://www.queoposic...-madrid-912.htm
http://www.spainlacr...olibre-334.html
Zapatillas Puma Suede Precio
New Balance 999 Femme Grise
Zapatillas Converse Blancas Baratas
Air Jordan 31
Chaussures New Balance Fille
hckuzwm
http://www.webvegaba...rcadolibre.html
http://www.yderepent...a-amarillos.php
http://www.livinginc...mexico-723.html
http://www.tabletsba...tos-hombre.html
http://www.commentai...-shoes-572.html
Adidas Runner Tubular
Adidas Neo Advantage Clean Vs Homme
Nike Stefan Janoski Lunar
New Balance Shoes Homme
Nike Free Socfly Red
uxqnvqa
http://www.probaiedu...balance-620.php
http://www.luisseija...jer-baratas.php
http://www.bellracin...rek-low-527.htm
http://www.mexicodf.com.es/hollister-rebajas-españa-941.php
http://www.toysessio...baratas-115.php
Guayos Puma Azules
Skechers Light Up
Zapatos Mbt Londres
New Balance Mujer 574 Colombia
Zapatillas Adidas Botitas 2014
plqmbbe
http://www.yonotengo...os-gris-564.php
http://www.planosdec...el-azul-073.asp
http://www.doctorado...r-2015-031.html
http://www.qgames.es...e-2014-077.html
http://www.acgproduc...quared-162.html
Zapatillas Air Max 1 Essential Mujer
Air Max 2016 W
Polo Ralph Lauren Mujer Chaqueta
Basket New Balance Femme 574
Zx Flux Smooth Slip On
wkhvoeb
http://www.queoposic...baratas-552.htm
http://www.dongpengv...n-gris-712.html
http://www.ajedrezli...-mujer-092.html
http://www.livinginc...r-2016-610.html
http://www.restauran...ree-run-750.php
Zapatillas Nike Mercurial Superfly 2014
Nike Elastico Finale
Adidas Xeno Zx Flux
New Balance Verte Kaki
Louis Vuitton Carteras Hombre Precios
umdomak
http://www.uffg.es/t...e-2017-651.html
http://www.woozor.es...r-azul-000.html
http://www.adornosan...sas-precio.html
http://www.uteca.es/...verdes-589.html
http://www.probaiedu...-noir-et-or.php
Oakley Frogskins 24-297
Puma Evospeed Sl 3d
Converse Rosas Tumblr
Nike Blazer Low Precio
Nike Air Max Tavas 37
ahyxiby
http://www.traductio...as-gazelle.aspx
http://www.ajedrezli...-mujer-904.html
http://www.todomigue...-velcro-027.asp
http://www.probaiedu...blanc-femme.php
http://www.herbolari...iberty-453.html
Timberland Botas Niña
Nike Jordan Neymar
Jordan 14 Indiglo
Adidas Originals Zx Flux Black And Gold
Nike Air Huarache White Grey
#15
Posted 22/09/2017, 09:10
Propecia Sanborns Propecia Engorda Garantia De Satisfaccion
Erfahrungsbericht Viagra 100 <a href=http://cialtobuy.com>cialis</a> Prezzi Viagra Originale
Zithromax Urinary Infection cialis Order Trazadone Online Keflex Sinus Infections Cvs Viagra cialis buy online Cialis Alkohol Erfahrung
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)