[js] pokazac i schowac w jednym linku Opcje

[skowron-line]

witam dopiero zaczalem sie uczyc JS.... do rzeczy

[HTML] pobierz, plaintext 
function pokaz(zmienna) {
 
		var el = document.getElementById("a");
		el.style.display= zmienna;
 
	}
[HTML] pobierz, plaintext 

i

[HTML] pobierz, plaintext 
<a href="#" onclick="pokaz('block')">pokaz</a>
<a href="#" onclick="pokaz('none')">schowaj</a>
[HTML] pobierz, plaintext 

i jak to zrobic zeby byl tylko jeden link ze jak sie 1 raz kliknie to sie pojawi a jak2 raz klikniesz to sie schowa.

z gory dziekuje i pozdrawiam

[angel2953]

[HTML] pobierz, plaintext 
<script type="text/javascript">
/* <![CDATA[ */
function $( o ) {
  return document.getElementById( o );
}
 
function ShowHide( name ) {
  if( $( name ).style.display == 'none' ) {
    $( name ).style.display = ''; // lub jak kto woli display='block';
  } else {
    $( name ).style.display = 'none';
  }
}
/* ]]> */
</script>
 
...
<div id="id-01">...</div>
 
<a href="#" onclick="ShowHide( 'id-01' );">Pokaż/Ukryj</a>
[HTML] pobierz, plaintext 

można jeszcze rozbudować o to by sam automatycznie zamieniał by było widoczne tylko samo "pokaż" lub "Ukryj"

Ten post edytował angel2953 27.01.2007, 01:17:38

[skowron-line]

angel2953 skrypcik smiga jak marzenie ale jak zrobic zeby jak sie zaladuje strona bylo wszystko schowane i dopiero po nacisnieciu linka ma sie pokazac

[JaRoPHP]

ale jak zrobic zeby jak sie zaladuje strona bylo wszystko schowane i dopiero po nacisnieciu linka ma sie pokazac

Dodaj początkowy styl elementowi: display: none:

[HTML] pobierz, plaintext 
<div id="id-01" style="display: none;">...</div>
[HTML] pobierz, plaintext 

[k0b3]

<a href="#" onclick="ShowHide( 'id-01' );">Pokaż/Ukryj</a>

Robie menu oparte na divach. Znajduja sie tam kategorie ktore po kliknieciu rozsuwaja sie. Czy jest mozliwosc zeby zamiast tego # byl poprostu adres strony. Jak tak stosuje. Stronka sie wczytuje a to menu-div sie ukrywa, chce aby bylo nawet po wczytaniu widoczne..... Pewnie cos trzeba zmienic w fukncji showHide... ah ten js

[arecki]

<a href="#" onclick="ShowHide( 'id-01' ); return false;">Pokaż/Ukryj</a>

[k0b3]

nie dziala..
chyba sie nie zrozumielismy... wiec posiwecilem sie i wrzucilem przyklad na serwq:
http://kobe.ifastnet.com/projekty/menu/menu.php

co zrobic zeby nie chowal sie ten panel w zielonym przycisku (href="test.php") ale zostawa tak jak jest wyzej (href="#")

Ten post edytował kobemat 12.03.2007, 21:54:01

[kwiateusz]

zamień onclick tego na

Kod

onclick="java script:showHide('kat1'); return false;"

i menu sie nie chowa

[k0b3]

Kurde... no wlasnie jest problem, nie dziala ;/

Probowalem jeszcze raz... zmienialem tez na "true" - nic :/

Ten post edytował kobemat 12.03.2007, 21:27:52

[kwiateusz]

ja zmieniłem na żywo na Twojej stronie przez Firebuga i spełniało swoje zadanie...

[k0b3]

zrobiłem podobnie jak mowisz.. Sciagnalem ten FireBug i zmienilem na "żywo" i nic.. Jedyny postep to to ze w pasku ponajechaniu na przycik pojawia sie adres oraz menu sie rozwija, ale nie pojawia sie wybrana strona.

Mogło Cie to zmylić, bo możliwe probowałeś tak jak ja. Miałem włączony adres ?nr=test, zmieniłem w FireBud i jest adrest ?nr=test. Przed zmiana kliknij na inny buton, pozniej zmieniaj. NIe bedzie efektu...

Czekam na dalesze prop...

[ferr]

[PHP] pobierz, plaintext 
<?php
<a href="?nr=test" onclick="java script:showHide('kat1'); return false;" class="kat" ><strong>href=&quot;test.php&quot;</strong></a>
?>
[PHP] pobierz, plaintext 

No stary, to powyzej na pewno odkryje lub schowa menu bez przejscia do linku ?nr=test. O to chodzilo? I zmien java script na javascript w powyzszym przykladzie, bo cos skrypt forum rozdziela te dwie nazwy o
_O

Apropos, jesli chcesz pojac idee podobnego skryptu to tez polecem kurs JS na moim blogu

Ten post edytował ferr 13.03.2007, 13:36:05

[k0b3]

no to chyba sie nie zrozumielismy... Chce aby przechodzilo do linku tego linku i rozwijalo sie i nie chowalo! aj strasznie zawila sprawa ;/

Klikam, otwiera mi po prawej strone w <dive> lub <iframe> i menu sie nie chowa!... Nie chce zeby sie chowalo!... przepraszam, nie wiem jak to inaczej wyjasnic...

[woj_tas]

Jeżeli dobrze cię zrozumiałem.... a nie było tak prosto

link