Wiedza o Internecie
Wiedza o Internecie
Elementy div służą do grupowania innych elementów na stronie internetowej. Można je ukrywać na dwa sposoby: ustawiając je jako niewidoczne (co pozostawia pustą przestrzeń) lub zwijając, co usuwa tę przestrzeń całkowicie. Dzięki JavaScript i przyciskowi użytkownik może w prosty sposób przełączać widoczność div‑a.
Otwórz wybrany plik HTML w edytorze, np. w Notatniku.
W sekcji <body> wstaw następujący kod:
<div id="MyDiv" class="divVisible">
<p>Tekst w divie</p>
</div>
<input id="Button1" type="button" value="Zwiń/Rozwiń" onclick="return CollapseExpand()">
W miejscu „Tekst w divie” wpisz dowolny tekst. Przycisk wywołuje funkcję JavaScript, która przełącza stan div‑a.
W sekcji <head> dodaj poniższy kod:
<style type="text/css">
.divVisible { display: block; }
.divHidden { display: none; }
</style>
Klasa divVisible sprawia, że element jest widoczny i zajmuje miejsce, natomiast divHidden ukrywa go bez pozostawiania pustego obszaru.
Tuż pod kodem CSS wstaw skrypt:
<script type="text/javascript">
function CollapseExpand() {
var divID = "MyDiv";
var element = document.getElementById(divID);
if (element.className === "divVisible") {
element.className = "divHidden";
} else {
element.className = "divVisible";
}
return false;
}
</script>
Skrypt odczytuje bieżącą klasę div‑a i zamienia ją na przeciwną przy każdym kliknięciu przycisku.
Zapisz plik i otwórz go w przeglądarce. Kliknij przycisk „Zwiń/Rozwiń”. Tekst w divie zniknie, a elementy poniżej przesuną się w górę. Ponowne kliknięcie przywróci widoczność i przywróci pierwotny układ.
Pobranie i instalacja gry Jeśli lubisz Dungeons & Dragons i grasz na PC, ale nie masz stałej grupy, Dungeons & Dragons Online: Stormreach (DDO) jest idealnym rozwiązaniem. To kolejny tytuł z gatunku MMORPG, wyróżniający się unikalnym systemem walki oraz bogatym światem pełnym bohaterów i pot
Tumblr oferuje wiele szablonów, które różnią się nie tylko pod względem mediów, ale także stylu kodu, ponieważ każdy z nich jest tworzony przez innego dewelopera. Dlatego, zanim zaczniesz modyfikować motyw, warto przyjrzeć się jego kodowi źródłowemu. Przygotowanie Każdy motyw na Tumblr można edytowa
Opcje reklamowe na TumblrTumblr zachęca przedsiębiorców do promowania swoich produktów i usług na platformie. Dostępne są sponsorowane posty zarówno w aplikacji mobilnej, jak i w wersji webowej. Można także wykupić miejsce w sekcji Tumblr Spotlight Sponsored oraz w Tumblr Radar, które wyświetlają si