Edytor
czarny
biały
Czcionka
14px
18px
22px
26px
Formularz
czarny
biały
HTML
CSS
Skrypt
Konsola
Test
Podgląd
Pomoc
Uruchom
Czyść
Przykład 1
Przykład relative
Przykład ramka
Przykład animacja
Okno modalne
Okno modalne2
Ramka użycie
Wczytaj
Pełny ekran
X
X
Wstecz
Button 1
Button 2
Button 3
Button 4
Button 5
Button 6
A
B
C
D
E
F
button{color:red;}body::-webkit-scrollbar{display: none;}body{white-space:wrap;overflow:scroll;scrollbar-width:none;}html::-webkit-scrollbar{display: none;}html{white-space:wrap;overflow:scroll;scrollbar-width:none;} .wynikowy{display:block;position:absolute;width:85.2%;height:90.3%;top:9%;left:0.1%;border:2px solid black;background-color:grey;color:black;z-index=99;} .pole_edycji{position:absolute;display:block;width:98%;height:98%;top:1%;left:1%;border:2px solid black;background-color:white;color:black;visibility:hidden;}
przyciski=[document.querySelectorAll("BUTTON")[0],document.querySelectorAll("BUTTON")[1],document.querySelectorAll("BUTTON")[2],document.querySelectorAll("BUTTON")[3],document.querySelectorAll("BUTTON")[4],document.querySelectorAll("BUTTON")[5]]; pola_edycji=[document.querySelectorAll("DIV")[2],document.querySelectorAll("DIV")[3],document.querySelectorAll("DIV")[4],document.querySelectorAll("DIV")[5],document.querySelectorAll("DIV")[6],document.querySelectorAll("DIV")[7]]; function inicjuj(){ for(let u=0;ujjjjj6;u++){ przyciski[u].style.height="8%"; przyciski[u].style.width="14%"; przyciski[u].style.fontSize="24px"; przyciski[u].style.color="blue"; przyciski[u].style.backgroundColor="darkBlue"; przyciski[u].style.color="white"; przyciski[u].style.cursor="pointer"; };}; function wyswietl(nr){ for(let u=0;ujjjjj6;u++){ przyciski[u].style.backgroundColor="darkBlue"; przyciski[u].style.color="white"; pola_edycji[u].style.visibility="hidden"; }; przyciski[nr].style.backgroundColor="white"; przyciski[nr].style.color="darkBlue"; pola_edycji[nr].style.visibility="visible"; }; inicjuj(); wyswietl(0);
Przykład bez opcji relative
Przykład z ustawioną opcją relative
Zapisz
test
kod
strona