14 replies to this topic

[Bruno Augusto]

Eu tenho esse código:

<script language="JavaScript" type="text/javascript">
function showHide (ID) {
 if (document.getElementById(ID).style.display == "none") {
   document.getElementById(ID).style.display= "";
 }
 else {
   document.getElementById(ID).style.display = "none";
 }
}
</script>

Que exibe e coulta DIV's.
Bonitinho e certinho.

Eu uso ele assim:

<a onclick="showHide('Artistic');" style="cursor: pointer;">Artistic</a><br />
<div id="Artistic" style="display: none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px;">
Texto
</div>

Só que eu quero mudar umas coisinhas.
Primeiro quero que quando a DIV tiver fechada apareça alguma coisa que inidque que ela possa ser aberta (um [+] tava bom)
E quando estivesse aberta, que pudesse ser fechada (tipo [-] )

Segundo: Que pudesse haver formatação nessa "listinha" pra ela ficar grudados os intens, sabe pra ter um espaçamento.

OOOOOUUUUUUUU!!!!!!

Se alguém tiver um cóigo melhorzinho que trabalhe com listas ia ser melhor ainda.

Tô precisando muito, mesmo.

Abraços

[siola]

sobre o negoico de [+] e [-]:

<script language="JavaScript" type="text/javascript">
function showHide (ID) {
if (document.getElementById(ID).style.display == "none") {
   document.getElementById(ID).style.display= "";
   document.getElementById(ID + "span").innerHTML= "[-]";
}
else {
   document.getElementById(ID).style.display = "none";
   document.getElementById(ID + "span").innerHTML= "[+]";
}
}
</script>

<a onclick="showHide('Artistic');" style="cursor: pointer;">Artistic <span id="Artisticspan">[+]</span></a><br />
<div id="Artistic" style="display: none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px;">
Texto
</div>

[Bruno Augusto]

E o nome do span tem de ser assim feio mesmo. "Artisticspan". Não poderia ser outro nome, ou um símbolo?

E se eu quiser que o código trabalhe em foma de <ol> ou <ul> mas com o mesmo efeito abre-fecha?

Abraços

Edição feita por: Jackpot, 02/04/2006, 17:28.

[Alex Hiroshi]

Pode ser outro id, desde que você mude as partes que usem esse id.. Mas ficou bonitinho, eu sei que você gostou

Você pode trabalhar com listas tbm, sem problema.. vai funcionar normalmente..

[Bruno Augusto]

Não entendi sobre mudar o ID. Eu troquei para "symbol" em todas as ocorrências e não funcionou nos "subníveis" (tem outros uns dentro dos outros).

E sobre as listas como ficaria um exemplo em que tenha: Nível -> Subnível -> "Tela final"
Abre uma, dentro dessa tem outras e cada uma dessas outras abrem uma última vez.

Abraços

[siola]

dei uma melhoradinhai , botei com <ol> e <ul> que você queria saber como fazia, e botei o nome do span com um _, exemplo "Musica_span", acho que assim fica bom e não tão feio =p

<script language="JavaScript" type="text/javascript">
function showHide (ID) {
if (document.getElementById(ID).style.display == "none") {
   document.getElementById(ID).style.display= "";
   document.getElementById(ID + "_span").innerHTML= "[-]";
}
else {
   document.getElementById(ID).style.display = "none";
   document.getElementById(ID + "_span").innerHTML= "[+]";
}
}
</script>
<ul>
<li><a onclick="showHide('Musica');" style="cursor: pointer;">Musica <span id="Musica_span">[+]</span></a></li>
<div id="Musica" style="display: none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px;">
<li><a onclick="showHide('Pop');" style="cursor: pointer;">Pop <span id="Pop_span">[+]</span></a></li>
<div id="Pop" style="display: none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px;">
<ol>
<li>Artista 1</li>
<li>Artista 2</li>
</ol>
</div>
</div>

<li><a onclick="showHide('Fotos');" style="cursor: pointer;">Fotos <span id="Fotos_span">[+]</span></a></li>
<div id="Fotos" style="display: none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px;">
<li><a onclick="showHide('PeB');" style="cursor: pointer;">P&B <span id="PeB_span">[+]</span></a></li>
<div id="PeB" style="display: none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px;">
<ol>
<li>Foto P&B 1</li>
<li>Foto P&B 2</li>
</ol>
</div>
<li><a onclick="showHide('Colorida');" style="cursor: pointer;">Colorida <span id="Colorida_span">[+]</span></a></li>
<div id="Colorida" style="display: none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px;">
<ol>
<li>Foto Colorida 1</li>
<li>Foto Colorida 2</li>
</ol>
</div>
</div>
</ul>

escrevi algumas coisas ai nos menus só pra ficar de exemplo ;}


[]s

Edição feita por: siola, 02/04/2006, 22:32.

[Crab]

Você falou listas neh ... hummmm

da uma olhada nisso aqui então ...

http://www.dynamicdr...1/navigate1.htm

Até mais

[Bruno Augusto]

Gostei desse do Siola.
Tem como com base nele fazer com que ao abre um, depois ao abrir outro o que estava aberto se fecha?

Porque oinde vou usar é meio grande e se ficar muitos abertos...

Abraços

[siola]

Olha cara, se dá eu não sei,
o que eu sei é eu não sei fazer XD, eu não sei mtu de javascript ai complica =p
mas vamos esperar alguem que saiba mais entrar no topico pra responder =p

[]s



---------------

achei esse topico aqui, dá uma olhada.
http://forum.wmonlin...howtopic=137486

[]s

Edição feita por: siola, 03/04/2006, 15:57.

[Bruno Augusto]

Daê garoto, muito bom esse código já resolveu um outro teminh que eu ia pedir.
Só que como eu ponho os [+] e [-] naquele código co xxAlexx
Que parte do código eu ponho o innerHTML?

Abraços

[siola]

pra por os [+] e [-], ache a função submenu(menu).
dentro dela. logo abaixo do

if(sm.style.display=="none"){

coloque

document.getElementById(menu + "_span").innerHTML = "[-]"

e embaixo do

} else {

coloque

document.getElementById(menu + "_span").innerHTML = "[+]"

e no link adicione antes do </a>

<span id="[Nome do menu]_span">[+]</span>

acho que agora sim hein. XD

[]s

Edição feita por: siola, 03/04/2006, 16:31.

[RonsisM]

Side Effects Of Amoxicillin Trihydrate cialis Kamagra Ungesund
Calvicie Propecia Cialis Order From Uk
Canadian Health Care And Mall <a href=http://cialtobuy.com>cialis</a> Levitra Rezeptfrei Kaufen
Amitriptyline 50 Mg For Sale cialis Viagra 100mg 30
Antabuse Disulfiram Side Effects Canadian Drugs No Prescription Acheter Du Cialis A Marseille
Kamagra Jelly Side Effects <a href=http://cialtobuy.com>cialis buy online</a> Difference Entre Viagra Et Cialis
Allergic Reaction To Zithromax cialis buy online Clomid 100mg
Clomid Boule Found A Chewed Up Amoxicillin Pill
Donde Comprar Xenical Sin Receta <a href=http://cialtobuy.com>online pharmacy</a> Price Of Levitra

[BobbyCak]

служебка на выход в выходной день образец

постановление 964 сильнодействующие с изменениями и дополнениями отказ от гражданства казахстана в россии образец Постановление правительства рф 176 от 29.06.2015 Образец заявления на сохранение гос. номера Постановление пленума вс рф 1 от 21.01.2017 Ходатайство о выделении денежных средств из бюджета образец Постановление пленума 5 о некоторых вопросах по делам об ап приказ о возложении обязанностей на время отпуска образец характеристика на умственно отсталого ребёнка образец решение о внесении дополнительных оквэд образец постановления правительства рф от 30.12.2011 n 1208 фз о ветеранах ст 16 п 1 налоговый вычет образец заявления образец дарственной на дом и земельный участок Заявление анкета о выдаче удостоверения частного охранника бланк 2017 Приказ ответственного за электрохозяйство образец 2017 Заявление работника на неполный рабочий день образец Заявление о взыскании судебных расходов по гражданскому делу образец Заполнение товаро транспортной накладной образец образец приказа о назначении ответственного за миграционный учет договор подлежащий государственной регистрации считается заключенным

автобиография на немецком языке образец с переводом характеристика на менеджера по продажам с места работы образец

заявление прошу принять меня на работу кс-2 акт о приемке выполненных работ упаковочная ведомость образец договор аренды самосвала с экипажем образец производственная практика гму дневник и отчет образец заявление о включении в реестр требований кредиторов в арбитражный суд уведомление о постановке на миграционный учет бланк скачать заявление на возврат денег за бракованный товар образец доверенность на получение документов в мфц образец образец письма отказ от участия в тендере справка о трудоустройстве для удо образец презентация моя семья 1 класс образец посмотреть отчет об учебной практике студента пример образец служебной записки на перенос отпуска форма заявления на увольнение по собственному желанию жалоба по ст 125 упк рф образец справка об отсутствии материального ущерба скачать коллективный договор оао ржд 2017-2019 исключительное право на промышленный образец подтверждается патентом протокол измерения сопротивления изоляции. бланк отказ от страховки в течении 5 дней образец заявление на кронирование деревьев образец журнал первичного обследования детей логопедом доу образец бланк заключения экг

акт приема-передачи тмц при смене мол образец образец справки с места работы для визы в сша

[RonsisM]

Purchase Tretinoin Cream viagra Canadian Pharmacy That Takes Paypal Cialis En Suisse Cuanto Vale Cialis
Cialis Rezeptfrei Uberweisung viagra online prescription Cheap Cialis Dapoxine Orderd Over Phonr Single Dosing Of Amoxicillin For Gonorrhea
Cialis 20mg 8 Filmtabl Dutasteride 0.5mg Tyneside Doxycycline 10mg Skin Health cialis online Levitra User Reviews Viagra Vendesi Discount Aurochem

[RonsisM]

Amoxicillin Dosage For Canines Acheter Cialis 5mg viagra prescription Ebay Orlistat Amoxicillin Outdated
Amoxicillin Sensitive Enterococcus Kamagra Online Thailand viagra online Cod Only Bentyl Where To Purchase Cialis E Testosterone
Cialis Pharmacie Maroc Buy Levothyroxine In Uk Generic Provera Legally By Money Order viagra online prescription Buy Nitrofurantoin 100mg Online Uk