Podstrony
- telcocafe
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- zdjęcie jako tło jak ustawić zdjęcie jako tło strony
- [XHTML/CSS] Opera problem z wyświetlaniem Problem z wyświetlaniem strony w opera
- odświażanie strony w ramce co zorbić, żeby odświażać stronę w ramce
- [HTML/FLASH] Wielkość i wygląd okna ze stroną wielkość okna dopasowana do wielkości strony
- [HTML] Po zastosowaniu ramek do mojej strony stronka nie działa! POMOCY!!!
- Menu html Darmowe menu do strony
- problem z wyszukiwaniem strony w wyszukiwarce??? jw
- [Smarty] Treść strony na smarty?
- [PHP] Podgląd strony w PHP
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- gameplaygry.htw.pl
telcocafe
Jak zrobic tak zeby po kliknieciu na obrazek pokazal lub ukryl (jesli jest widoczny)sie fragment strony??tak sie złożyło ze mam coś w podobie :)
<script language=javascript type=text/javascript><!-- // Copyright (c) May 2002 by Michał Nazarewicz (mina86@tlen.pl) // Idea by Michał Jazłowiecki (michalj@prioris.mini.pw.edu.pl) // This software is free; It's distributed under terms of GNU General Public License var theDoc=document, theAll=(theDoc.all)?theDoc.all:null; function ShowHideLayer(name, state) { if (theAll==null) return; if (arguments.length<2) state=theAll[name].style.display=="none"; theAll[name].style.display=(state)?"block":"none"; } function Buttonclick(but, name, desc1, desc2) { var state=but.value==desc1; but.value=(state)?desc2:desc1; ShowHideLayer(name,!state); } function addShowHideButton(name, desc1, desc2, state) { if (theAll==null) return; theDoc.write('<form><input type="button" value="'+(state?desc1:desc2)+'" onclick="Buttonclick(this, \''+name+'\',\''+desc1+'\',\''+desc2+' \');" /></form>'); } //--></SCRIPT> </SCRIPT> <script language=javascript type=text/javascript><!-- addShowHideButton("Code1Layer", "Ukryj kod", "Pokaż kod", true); //--></SCRIPT> <DIV id=Code1Layer><PRE> =============================== =============================== === TEXT KTÓRY CHESZ UKRYĆ ==== =============================== =============================== </PRE></DIV>
chyba niepszeszkadza ze w JS ^_^
Użytkownik SZK edytował ten post 25 marzec 2005, 12:59
Nie, nie przeszkadza...
ale jak zrobic zeby 'to co chce ukryc' na poczatku bylo niewidoczne... i jak przypisac ta operacje pojawiania sie 'to co chce ukryc' do obrazka..
witam.
jeżeli chcesz aby coś było niewidoczne na początku to dodajesz style="display: none;"
a jeżeli chcesz pokazać ukryty obrazek to:
<script TYPE="text/javascript" LANGUAGE="Javascript"><!-- // Copyright (c) May 2002 by Michał Nazarewicz (mina86@tlen.pl) // Idea by Michał Jazłowiecki (michalj@prioris.mini.pw.edu.pl) // This software is free; It's distributed under terms of GNU General Public License var theDoc=document, theAll=(theDoc.all)?theDoc.all:null; function ShowHideLayer(name, state) { if (theAll==null) return; if (arguments.length<2) state=theAll[name].style.display=="none"; theAll[name].style.display=(state)?"block":"none"; } function Buttonclick(but, name, desc1, desc2) { var state=but.value==desc1; but.value=(state)?desc2:desc1; ShowHideLayer(name,!state); } function addShowHideButton(name, desc1, desc2, state) { if (theAll==null) return; theDoc.write('<form><input type="button" value="'+(state?desc1:desc2)+'" onclick="Buttonclick(this, \''+name+'\',\''+desc1+'\',\''+desc2+' \');" /></form>'); } //--></SCRIPT> <script TYPE="text/javascript" LANGUAGE="javascript"><!-- addShowHideButton("Code1Layer", "Ukryj kod", "Pokaż kod", false); //--></SCRIPT> <img SRC="dir.gif" id="Code1Layer" style="display: none;">
Chodzi mi o to ze aby pokazac ukryty fragment nalezy kliknac na obrazek a nie na guzik/button...
Tworzysz funkcję testującą i ukrywającą / pokazującą:
<script type="text/javascript"> function Pokaz(co) { with(document.getElementById(co).style) { if(display==block) { display="none"; break; } else { display="block"; } } } </script>
Teraz należy się odwołać do funkcji...
W przypadku linku (<a>):
href="javascript:Pokaz('test')"
W przypadku onclick:
onclick="Pokaz('test')"
TEST - ID obiektu
Przykład:
<img src="costam.png" onclick="Pokaz('obr')" id="obr" />
@Ferrari twój skrypt coś niedziała. mi się udało stworzyć coś takiego:
<script TYPE="text/javascript" LANGUAGE="Javascript"> function Pokaz(co) { if(co.style.display=="block") { co.style.display="none"; } else { co.style.display="block"; } } </script> <img SRC="dir.gif" onclick="Pokaz(test)"> <div id="test" style="display: none;">ukryty tekst</DIV><br />
@Ferrari twój skrypt coś niedziała. mi się udało stworzyć coś takiego:
<script TYPE="text/javascript" LANGUAGE="Javascript"> function Pokaz(co) { if(co.style.display=="block") { co.style.display="none"; } else { co.style.display="block"; } } </script> <img SRC="dir.gif" onclick="Pokaz(test)"> <div id="test" style="display: none;">ukryty tekst</DIV><br />
Czy twój skrypt działa na FireFox?
Podreperuj ten z document.getElementById... tam trochę nakombinowałem. Zamiast ID obrazka daj ID DIV'a. Co ci właściwie nie działa?
niesłe :)
(z czego sie uczyłe spisać takie copsie :>)
Zamiast break; wstaw return false;
Jeśli twój skrypt działa na FF, to go zostaw.
Taki skrypt jaki chcesz był opisany w kaciku webmastera któregoś numeru KŚ
<script TYPE="text/javascript" LANGUAGE="Javascript"> function Pokaz(co) { if(co.style.display=="block") { co.style.display="none"; } else { co.style.display="block"; } } </script>
OK... dziala... teraz zalozmy ze mam dwie rzeczy do ukrycia
<div id="test" style="display: none;">ukryty tekst</DIV><br /> <div id="test2" style="display: none;">inny ukryty tekst</DIV><br />
jak zrobic tak zeby przy pojawianiu sie drugiego ukrytego elementu pierwszy znikal(jezeli byl pokazany)?? I odwrotnie, przy pokazywaniu pierwszego znikal drugi (jezeli byl pokazany)??
chodzi o coś takiego:
<script TYPE="text/javascript" LANGUAGE="Javascript"> function Pokaz(co, co2) { if(co.style.display=="block") { co.style.display="none"; } else { co.style.display="block"; } if(co2.style.display=="block") { co2.style.display="none"; } else { co2.style.display="block"; } } </script> <div id="test" style="display: none;" onclick="Pokaz(this, test2)">ukryty tekst</DIV><br /> <div id="test2" style="display: block;" onclick="Pokaz(this, test)">inny ukryty tekst</DIV><br />
Niekoniecznie.... ale wlasnymi silami zmajstrowalem cos takiego...
<script TYPE="text/javascript" LANGUAGE="Javascript"> function Pokaz(co, co2) { if(co.style.display=="block") { co.style.display="none"; } else { co.style.display="block"; } co2.style.display="none"; } </script> <div id="test" style="display: none;">ukryty tekst</DIV><br /> <div id="test2" style="display: none;">inny ukryty tekst</DIV><br /> <input type="button" value="test" onclick="Pokaz(test, test2)"> <input type="button" value="test2" onclick="Pokaz(test2, test)">