<!DOCTYPE html>
<html>
<head>
<title>FIZIKA 7 - osnovni pojmovi</title>
<meta charset="utf-8" />
<style>
#okvir {    
    border: 1px #222222 solid;
    border-radius: 20px;
    position: fixed; /* Ostaje na mjestu */
    z-index: 1; /* Iznad pozadine */      
    display: none; //none - sakrij okvir, flex - pokazi okvir
    align-items: center;
    padding:20px;
    margin: 20% auto; /* 20% od vrha i centrirano */
    background-color: #55aadd;
    font-family: Arial;
    font-size: 18px;
    color:black;
    width: 80%; /* 100% je puna širina */
    height: 30%; /* 100% je puna visina  */
       
    }
/* Botun zatvori */
.zatvori {
    color: #66aadd;
    background-color:darkblue;
    border: 1px solid #aa88ee;
    border-radius: 10px;
    padding: 10px;    
    float: center; 
    width: 80px;
    margin: 2% auto;    
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.zatvori:hover,
.zatvori:focus {
    color: yellow;
    text-decoration: none;
    cursor: pointer;
}

</style>
</head>

<body bgcolor="#aabbee">
<h1>FIZIKA - 7. razred</h1>
<p>Kada kliknete pokazivačem miša na izabrani pojam, u okviru ćete dobiti kratku definiciju.
<h3><FONT SIZE=4 color="red"><b>I. CJELINA - SVOJSTVA TIJELA</b></FONT></h3>

<!-- Modalni prozor sa sadrzajem i botunom -->
<div id='okvir'>
<span id='sadrzaj' class='okvir'>x</span>
<p><span id='botunzatvori' class='zatvori'>Zatvori</span>
</div>

<b>Osnovni pojmovi i definicije:</b>
<br><a href="#11" onclick="return biraj1(1);">Fizička veličina</a>
<br><a href="#12" onclick="return biraj1(2);">Mjerenje</a>
<br><a href="#13" onclick="return biraj1(3);">Duljina</a>
<br><a href="#14" onclick="return biraj1(4);">Ploština</a>
<br><a href="#15" onclick="return biraj1(5);">Volumen (obujam)</a>
<br><a href="#16" onclick="return biraj1(6);">Masa</a>
<br><a href="#17" onclick="return biraj1(7);">Gustoća tvari</a>

<script>
var okvir=document.getElementById("okvir");
var sadrzaj=document.getElementById("sadrzaj");
var zatvori = document.getElementsByClassName("zatvori")[0];

var ishod1=[];
ishod1[0]="";
ishod1[1]="Fizička veličina je svako svojstvo tijela koje možemo mjeriti.\nPrimjeri: duljina, obujam, boja, masa, gustoća, temperatura...\nSvaka fizička veličina ima neku brojčanu vrijednost i mjernu jedinicu.";
ishod1[2]="Mjerenje je uspoređivanje jedne nepoznate i jedne poznate veličine. Nepoznata veličina je ona koju želimo izmjeriti, a poznata veličina je mjerna jedinica.";
ishod1[3]="Duljina je udaljenost dviju krajnjih točaka tijela. \nOznaka: L, mjerna jedinica: metar, m.";
ishod1[4]="Ploština je veličina površine tijela. \nOznaka: A, mjerna jedinica: kvadratni metar, m"+String.fromCharCode(178);
ishod1[5]="Volumen (obujam) je mjera za prostor koji tijelo zauzima. \nOznaka: V, mjerna jedinica: kubni metar, m"+String.fromCharCode(179);
ishod1[6]="Masa je mjera za tromost tijela i za količinu tvari. \nOznaka: m, mjerna jedinica: kilogram, kg.";
ishod1[7]="Gustoća tvari je masa jedinice volumena tvari od koje je tijelo građeno. \nOznaka: "+String.fromCharCode(0x03c1)+" (ro), mjerna jedinica: kilogram po kubnom metru, kg/m"+String.fromCharCode(179);

// Kada korisnik klikne izvan okvira, zatvara se modalni okvir
window.onclick = function(event) {
    if (event.target == okvir) {okvir.style.display = "none";}
    }
function biraj1(i){  
    var i;      
   
    okvir.style.display="none";
    okvir.style.display="block";    
    zatvori.style.display="block"; 

    sadrzaj.style.fontWeight="bold";
    sadrzaj.style.fontSize="15px";
    sadrzaj.innerText="";
    sadrzaj.innerText = ishod1[i];
    
    // Kada korisnik klikne na element <span>(zatvori), zatvara se modalni okvir
    zatvori.onclick = function() {
    okvir.style.display = "none"; } 
}

</script>

<h3><FONT SIZE=4 color="red"><b>II. CJELINA - MEĐUDJELOVANJE TIJELA</b></FONT></h3>
<b>Osnovni pojmovi:</b>
<br><a href="#21" onclick="return biraj2(1);">Međudjelovanje</a>
<br><a href="#21" onclick="return biraj2(2);">Sila</a>
<br><a href="#21" onclick="return biraj2(3);">Elastična sila</a>
<br><a href="#21" onclick="return biraj2(4);">Gravitacijska sila</a>
<br><a href="#21" onclick="return biraj2(5);">Težina</a>
<br><a href="#21" onclick="return biraj2(6);">Sila trenja</a>
<br><a href="#21" onclick="return biraj2(7);">Ravnoteža</a>
<br><a href="#21" onclick="return biraj2(8);">Težište</a>
<br><a href="#21" onclick="return biraj2(9);">Poluga</a>
<br><a href="#21" onclick="return biraj2(10);">Tlak</a>

<script>
var ishod2=[];
ishod2[0]="";
ishod2[1]="Međudjelovanje (interakcija) je međusobno djelovanje dvaju tijela. \nUvijek kad jednom tijelo djeluje nekom silom na drugo tijela, onda i to drugo tijelo djeluje na prvo istom silom, ali suprotnog smjera. (Isaac Newton, 18.st.)";
ishod2[2]="Sila je mjera za međudjelovanje, oznaka: F, mjerna jedinica: njutn, N";
ishod2[3]="Elastična sila vraća tijelo u prvobitni oblik. \nOvisi o elastičnim svojstvima tijela i proporcionalna je produljenju tijela.";
ishod2[4]="Gravitacijska sila je privlačna sila koja djeluje među svim masama u svemiru.\nUzrokuje da Mjesec kruži oko Zemlje, Zemlja i planeti oko Sunca, drži na okupu zvijezde u galaktikama, a nas drži za Zemlju.";
ishod2[5]="Težina je posljedica gravitacijske sile, koja se primjećuje kao pritisna sila na podlogu ili sila istezanja u točki ovjesa.";
ishod2[6]="Sila trenja je sila koja usporava ili zaustavlja tijelo koje se giba.\nOvisi o kvaliteti dodirnih površina, a proporcionalna je pritisnoj sili na podlogu.";
ishod2[7]="Ravnoteža tijela je stanje u kojem tijelo miruje.\nRazlikujemo tri vrste ravnoteže s obzirom na položaj oslonca i težišta tijela: \n1) stabilna (oslonac iznad težišta), 2) labilna (oslonac ispod težišta)i 3) indiferentna (oslonac u težištu)";
ishod2[8]="Težište je točka u kojoj tijelo možemo osloniti tako da ostane u ravnoteži.";
ishod2[9]="Poluga je svako tijelo oslonjeno u jednoj točki i koje zakreću dvije sile u suprotnim smjerovima. \nPomoću poluge možemo malom silom koja djeluje na kraćem kraju savladati veću silu koja djeluje na manjem kraku. Primjene poluge su razni jednostavni alati: kvaka na vratima, škare, kliješta, kolica, odvijač, ključ, a nalazi se i u nama i drugim živim bićima u rukama, nogama i drugdje.";
ishod2[10]="Tlak je pritisna sila po jedinici površine, oznaka: p, jedinica: paskal, Pa. \nTlakom od 1 Pa djeluje sila od 1 N na površini od 1m;"+String.fromCharCode(178);

function biraj2(i){  
    var i;      
   
    okvir.style.display="none";
    okvir.style.display="block";    
    zatvori.style.display="block"; 

    sadrzaj.style.fontWeight="bold";
    sadrzaj.style.fontSize="15px";
    sadrzaj.innerText="";
    sadrzaj.innerText = ishod2[i];
    
    // Kada korisnik klikne na element <span>(zatvori), zatvara se modalni okvir
    zatvori.onclick = function() {
    okvir.style.display = "none"; } 
}
</script>

<h3><FONT SIZE=4 color="red"><b>III. CJELINA - ENERGIJA, RAD I SNAGA</b></FONT></h3>
<b>Osnovni pojmovi:</b>
<br><a href="#31" onclick="return biraj3(1);">Rad u fizici</a>
<br><a href="#32" onclick="return biraj3(2);">Energija</a>
<br><a href="#33" onclick="return biraj3(3);">Kinetička energija</a>
<br><a href="#34" onclick="return biraj3(4);">Potencijalna energija</a>
<br><a href="#35" onclick="return biraj3(5);">Jedinica za rad</a>
<br><a href="#36" onclick="return biraj3(6);">Zakon očuvanja energije</a>
<br><a href="#37" onclick="return biraj3(7);">Snaga</a>
<br><a href="#38" onclick="return biraj3(8);">Jedinica za snagu</a>

<script>
var ishod3=[];
ishod3[0]="";
ishod3[1]="Rad u fizici je djelovanje sile na tijelo na određenom putu. Oznaka: W, jedinica: džul, J.";
ishod3[2]="Energija je sposobnost tijela da može obavljati rad. Oznaka: E, jedinica: džul, J.\nEnergija može imati razne oblike: kinetička, potencijalna, gravitacijska, elastična, električna, magnetska, kemijska, svjetlosna, unutarnja...";
ishod3[3]="Kinetičku energiju ima svako tijelo koje se giba. Primjeri: ljudi i vozila u pokretu, vjetar, rijeka, kamen u padu, bačena lopta...";
ishod3[4]="Potencijalnu energiju ima tijelo zbog svog položaja ili stanje u kojem se nalazi. Primjeri: elastična, gravitacijska, električna ...";
ishod3[5]="Jedinica za rad je džul, J. To je rad koji obavi sila od 1 N na putu od 1 metra.";
ishod3[6]="Energiju ne možemo ni uništiti ni stvoriti, možemo je samo prenositi ili pretvarati u drugi oblik.";
ishod3[7]="Snaga je rad obavljen u jedinici vremena. Oznaka: P, mjerna jedinica: vat, W.";
ishod3[8]="Jedinica za snagu vat, W. Snagu 1 W ima tijelo koje obavi rad od 1 džul na putu 1 metar.";

function biraj3(i){  
    var i;      
   
    okvir.style.display="none";
    okvir.style.display="block";    
    zatvori.style.display="block"; 

    sadrzaj.style.fontWeight="bold";
    sadrzaj.style.fontSize="15px";
    sadrzaj.innerText="";
    sadrzaj.innerText = ishod3[i];
    
    // Kada korisnik klikne na element <span>(zatvori), zatvara se modalni okvir
    zatvori.onclick = function() {
    okvir.style.display = "none"; } 
}

</script>

<h3><FONT SIZE=4 color="red"><b>IV. CJELINA - UNUTARNJA ENERGIJA I TOPLINA</b></FONT></h3>
<b>Osnovni pojmovi:</b>
<br><a href="#41" onclick="return biraj4(1);">Tijela i tvari</a>
<br><a href="#42" onclick="return biraj4(2);">Agregacijska stanja tijela</a>
<br><a href="#43" onclick="return biraj4(3);">Unutarnja energija</a>
<br><a href="#44" onclick="return biraj4(4);">Temperatura</a>
<br><a href="#45" onclick="return biraj4(5);">Celzijeva ljestvica</a>
<br><a href="#46" onclick="return biraj4(6);">Kelvinova ljestvica</a>
<br><a href="#47" onclick="return biraj4(7);">Toplina</a>
<br><a href="#48" onclick="return biraj4(8);">Prijenos topline</a>
<br><a href="#49" onclick="return biraj4(9);">Specifični toplinski kapacitet</a>

<script>
var ishod4=[];
ishod4[0]="";
ishod4[1]="Tijela su sve stvari koje zauzimaju neki prostor. Tvar je sve ono od čega su tijela građena.";
ishod4[2]="Agregacijska stanja tijela ovise o temperaturi, a mogu biti: čvrsta, tekuća i plinovita.";
ishod4[3]="Unutarnja energija je zbroj kinetičkih i potencijalnih eenrgija svih čestica tijela.";
ishod4[4]="Temperatura je mjera za stupanj zagrijanosti tijela, a ovisi o kinetičkoj energiji čestica tijela.";
ishod4[5]="Celzijeva ljestvica ima dvije osnovne točke: ledište (0°C) i vrelište vode (100°C). Jedan Celzijev stupanj je stoti dio razmaka od vrelišta do ledišta vode. Oznaka: t, mjerna jedinica: Celzijev stupanj, °C.";
ishod4[6]="Kelvinova ljestvica polazi od apsolutne nule, najniže temperature koja može postojati u prirodi, iznosi -273.15°C, a zapisuje se kao 0 K. Oznaka: T, mjerna jedinica: kelvin, K.";
ishod4[7]="Toplina je dio unutarnje energije koji se prenosi s toplijeg na hladnije tijelo dok se njihove temperature ne izjednače.\nOznaka: Q, mjerna jedinica: džul, J.";
ishod4[8]="Toplina se prenosi s tijela više na tijelo niže temperature. Postoje tri osnovna načina prijenosa topline: vođenje, strujanje i zračenje.";
ishod4[9]="Specifični toplinski kapacitet je toplina koju može primiti ili predati tijelo mase 1 kg da mu se temperatura povisi za 1 stupanj. Oznaka: c, mjerna jedinica: džul po kilogramu i kelvinu, J/kg K. \nVoda ima veliki toplinski kapacitet od 4200 J/kg K. To znači da 1 kilogramu vode treba dovesti toplinu od 4200 J da joj se temperatura povisi za 1 stupanj (1 K).";

function biraj4(i){  
    var i;      
   
    okvir.style.display="none";
    okvir.style.display="block";    
    zatvori.style.display="block"; 

    sadrzaj.style.fontWeight="bold";
    sadrzaj.style.fontSize="15px";
    sadrzaj.innerText="";
    sadrzaj.innerText = ishod4[i];
    
    // Kada korisnik klikne na element <span>(zatvori), zatvara se modalni okvir
    zatvori.onclick = function() {
    okvir.style.display = "none"; } 
}

</script>


</body>
</html>