Podstrony
- telcocafe
- [CSS/JavaScript] zmiana klas CSS przez JavaScript
- Zmiana contact.php php-fusion
- [js] Select I Zmiana W Zaleznosci Od 2 Selecta
- [Mysql] Zmiana wartości rekordu Problem z dopasowanie rekordu
- [js/ajax/php]Zmiana zawartości pasku adresu bez przeładowania strony
- Zmiana tła po najechaniu na obszar ale, żeby kolor brał ze stli CSS
- Zmiana pliku swf za pomocą dynam. zmieniajacych... ... sie CSS'ow
- Zmiana obrazka przy najechaniu myszką <html> - gdzie jest błąd
- Zmiana kolejności pozycji w popup (gdy klikamy prawym myszy na dysk)
- Niemożliwe wysyłanie plików i zmiana atrybutów przez FTP
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- kudrzwi.htw.pl
telcocafe
Dzień dobry,Napisałem kod, który powinien zmienić styl po kliknięciu
Instrukcja jest taka, że przyciskiem rozwija się jeden blok, tym samym drugi jest zwijany. Nie wiem dlaczego nie działa tak jak trzeba. Prosiłbym o wskazanie, gdzie zrobiłem błąd.
<div id="jeden"; style="border: solid black 1px; height:100px"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac ante lorem, id porta augue. Nam vulputate porta magna feugiat interdum. Nullam placerat purus sed risus fringilla dapibus. Ut sagittis, elit eu egestas vehicula, ligula odio convallis est, quis tincidunt orci erat non lacus. Nulla facilisi. Maecenas adipiscing nisl id ipsum faucibus non fermentum nunc faucibus. Integer volutpat nisl a ipsum vehicula tempor ultrices odio venenatis. Vivamus velit nisl, consequat nec varius et, vehicula volutpat lectus. Nam ut erat sed mauris iaculis posuere sed nec velit. <span id="ukryty"; style="display: none"> Aliquam aliquet vulputate malesuada. Donec porttitor ligula non mi commodo tristique. Praesent porta tincidunt massa, vel commodo quam varius in. Curabitur justo eros, auctor at placerat a, euismod sed dolor. Praesent ultrices nunc non tortor suscipit vestibulum. Nullam eu justo metus. Aenean vel libero id felis molestie adipiscing at eu purus. Suspendisse viverra tortor in enim elementum et cursus nibh dapibus. Integer facilisis dictum ligula, a mattis lectus ornare accumsan. Pellentesque sed feugiat tellu </span> <a href='javascript:zmiana1()'>czytaj dalej</a> </p> </div> <div id="drugi"; style="border: solid black 1px; height:100px"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac ante lorem, id porta augue. Nam vulputate porta magna feugiat interdum. Nullam placerat purus sed risus fringilla dapibus. Ut sagittis, elit eu egesJa :: 21:31:50 nie tak mi się przypomniała ostatnia rozmowa Dtas vehicula, ligula odio convallis est, quis tincidunt orci erat non lacus. Nulla facilisi. Maecenas adipiscing nisl id ipsum faucibus non fermentum nunc faucibus. Integer volutpat nisl a ipsum vehicula tempor ultrices odio venenatis. <span id="ukryty2"; style="display: none"> Aliquam aliquet vulputate malesuada. Donec porttitor ligula non mi commodo tristique. Praesent porta tincidunt massa, vel commodo quam varius in. Curabitur justo eros, auctor at placerat a, euismod sed dolor. Praesent ultrices nunc non tortor suscipit vestibulum. Nullam eu justo metus. Aenean vel libero id felis molestie adipiscing at eu purus. Suspendisse viverra tortor in enim elementum et cursus nibh dapibus. Integer facilisis dictum ligula, a mattis lectus ornare accumsan. Pellentesque sed feugiat tellu </span> <a href='javascript:zmiana2()'>czytaj dalej2</a> </p> </div> <p>[ciach!] romana</p> <script type="text/javascript"> function zmiana1() { (jeden.style.height='200px') (ukryty.style.display='inline') (drugi.style.height='100px') (ukryty2.style.display='none') } function zmiana2() { (drugi.style.height='200px') (ukryty2.style.display='inline') (jeden.style.height='100px') (ukryty.style.display='none') } </script>
Powinno być tak:function zmiana1() { document.getElementById( 'jeden').style.height='200px'; document.getElementById( 'ukryty').style.display='inline'; document.getElementById( 'drugi').style.height='100px'; document.getElementById( 'ukryty2').style.display='none'; } function zmiana2() { document.getElementById( 'drugi').style.height='200px'; document.getElementById( 'ukryty2').style.display='inline'; document.getElementById( 'jeden').style.height='100px'; document.getElementById( 'ukryty').style.display='none'; }
Użytkownik imcpan edytował ten post 29 lipiec 2010, 13:12
Ok, dzięki wielkie, działa.
Chciałbym się zapytać jeszcze czy można to stosować do klasy zamiast identyfikatora ( getElementByClass ?)
element.getElementsByClassName()
Możesz sobie uprościć życie nauką jQuery. Jeśli jednak nie chcesz, to użyj tego skryptu: http://code.google.c...ntsbyclassname/. Metoda getElementsByClassName() nie jest dostępna w każdej przeglądarce, a ten skrypt symuluje tę metodę w większości przeglądarek.