Untitled

<!DOCTYPE html>
<html lang="pl">
<head>
  <title>Library</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="mojestyle.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>

<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="50">
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-row">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="file:///home/aga/public_html/nowe/projekt_zmian/projekt_nowy/index.html">AC</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#myLibrary">MOJA BIBLIOTECZKA</a></li>
        <li><a href="#search">WYSZUKAJ KSIĄŻKĘ</a></li>
        <li><a href="#contact">KONTAKT</a></li>
      </ul>
    </div>
  </div>
</nav>
<div id="myLibrary">
<div class="container-fluid bg-1 text-center">
  <h3 class="margin">MOJA BIBLIOTECZKA</h3>
<a href="#demo2" data-toggle="collapse">
        <img src="biblioteka.jpg" class="img person" alt="" width="350" height="350">
      </a>
<br/><br/>
    <h3> "Książki są lustrem: widzisz w nich tylko to co, już masz w sobie " </br> Carlos Ruiz Zafón</h3>
<br/><br/><br/>
    <div class="row">
           <div class="col-sm-4">
                <button type="button" class="btn btn-default" id="nauka" onclick="buttonNauka()">Nauka</button>
    <p id="demo3"></p>
           </div>
       <div class="col-sm-4">
        <button type="button" class="btn btn-default" onclick="buttonWsp()"> Literatra współczesna </button>
    <p id="demo4"></p>
      </div>
       <div class="col-sm-4">
        <button type="button" class="btn btn-default" onclick="buttonPiekna()"> Literatura piękna</button>
    <p id="demo5"></p>
    </div>
    </div>
</div>


<div id="search">
<div class="container-fluid bg-2 text-center">
    <p> </p>

<p id="bookSelect"></p>
<p id="bookPrint"></p>
<p id="demo1"></p>
<p id="demo2"></p>

<p id="demo20"></p>
<p id="demo11"></p>

<script>
function compare(a,b) {
  if (a.title < b.title)
    return -1;
  if (a.title > b.title)
    return 1;
  return 0;
}

function titleSort(titleList){
 titleListSorted = titleList.sort(compare);
 return titleListSorted;
}

function getAutor(autorData){   //autorDataTable
 var text = "";

 for(var name in autorData.autor){
    var len10 = name.length;
    var value = autorData.autor[name];
    var len20 = value.length;
    for(var name1 in value){
    text += value[name1] + " ";
    }
 }
return text;

/*
 var autorListTable = new Array();
 var numberOfAutor = 0;
 numberOfBooks = autorDataTable.length;
 for(i = 0; i< numberOfAutor; i++){
    autorData = autorDataTable[i];
    for(var name in autorData.autor){
    var len10 =name.length;
    var value = autorData.autor[name];
        var nameExists = false;
        for(j=0; j< numberOfAutor; j++){
           if( name == autorListTable[j]){
              nameExists = true;
       }
           if(!nameExists){
             autorListTable[numberOfAutor] = name;
             numberOfAutor++;
           }
        }
    }
 }
 autorListTable.sort();
 return autorListTable;
*/
}


function getBookInfo(bookData){
var bookInfo =  bookData.title + '<br />';
bookInfo += 'Wydawnictwo: ' + bookData.wydawnictwo + '<br />';
bookInfo += 'ISBN: ' + bookData.ISBN + '<br />';
bookInfo += 'Cena: ' + bookData.cena + '<br />';
bookInfo += 'Rok wydania: ' + bookData.rok_wydania + '<br />';
bookInfo += 'Dział: ' + bookData.dzial + '<br />';
bookInfo += 'Recenzja: ' + bookData.recenzja + '<br />';
return bookInfo;
}

function bookPrintInfo(){
var obj = document.getElementById("bookSelectForm");
var ind = obj.selectedIndex;
var book = ksiazki1[ind];
var info = getBookInfo(book);
document.getElementById("bookPrint").innerHTML = info;
}


</script>
<script>
var ksiazka1={
 "autor":{
    "first_name": "Jerzy",
    "last_name": "Grębosz",
    },
 "title":"Opus magnum C++, Programowanie w języku C++",
 "wydawnictwo": "Helion",
 "ISBN" : "9788328342149",
 "cena" : "117",
 "dzial": "informatyka",
 "rok_wydania": "2017",
 "recenzja": "Książka, która w łatwy sposób omawia jak programować obiektowo"
};

var ksiazka2={
 "autor":{
    "first_name": "Ian",
    "last_name": "Stewart"
    },
 "title": "Jak pokroić tort i inne zagadki matematyczne",
 "wydawnictwo" : "Prószyński i S-ka",
 "ISBN": "9788378390268" ,
 "cena": "35",
 "dzial": "matematyka",
 "rok_wydania": "2012",
 "recenzja": "Jeśli lubisz zagdaki matematyczne - ta książka jest dla Ciebie"
};

var ksiazka3={
 "autor":{
        "first_name": "Carlos",
        "last_name": "Ruiz Zafón"
        },
 "title": "Cień wiatru",
 "wydawnictwo" : "Warszawskie wydawnictwo literackie MUZA SA" ,
 "ISBN":"9788374955850" ,
 "cena":"35",
 "dzial":"literatura współczesna",
 "rok_wydania" :"2008",
 "recenzja": "Godne przeczytania",
};

var ksiazka4={
 "autor":{
        "first_name": "Bruce",
        "last_name": "Eckel"
        },
 "title": "Thinking in Java",
 "wydawnictwo" : "Helion" ,
 "ISBN":"9788328334427" ,
 "cena":"78",
 "dzial":"informatyka",
 "rok_wydania" :"2016",
 "recenzja": "Java, java, java.. ",

};

var ksiazka5={
 "autor":{
        "first_name": "Richard",
        "last_name": "P. Feynman"
        },
 "title": "Pan raczy żartować, panie Feynman! Przypadki ciekawego człowieka",
 "wydawnictwo" : "Znak" ,
 "ISBN":"9788324007769" ,
 "cena":"38",
 "dzial":"autobiografia/pamiętnik",
 "rok_wydania" :"2007",
 "recenzja": "Pełna anegdot i błyskotliwego humoru książka ",
};

var ksiazka6={
 "autor":{
    "first_name": "Ian",
    "last_name": "Stewart"
    },
 "title": "Księga matematycznych tajemnic",
 "wydawnictwo" : "Wydawnictwo literackie",
 "ISBN": "9788308055151" ,
 "cena": "25",
 "dzial": "matematyka",
 "rok_wydania": "2015",
 "recenzja": "Jeśli lubisz zagdaki matematyczne - ta książka jest dla Ciebie"
};

var ksiazka7={
 "autor":{
    "first_name": "Thomas H.",
    "last_name": "Cormen"
    },
 "title": "Wprowadzenie do algorytmów",
 "wydawnictwo" : "Wydawnictwo Naukowe PWN",
 "ISBN": "9788301169144" ,
 "cena": "100",
 "dzial": "informatyka",
 "rok_wydania": "2013",
 "recenzja": "Biblia programistów ",
};

var ksiazka8={
 "autor":{
        "first_name": "Józef",
        "last_name": "Banaś"
        },
 "title": "Zbór zadań z analizy matematycznej",
 "wydawnictwo" : "Wydawnictwo Naukowe PWN" ,
 "ISBN":"9788301169602" ,
 "cena":"45",
 "dzial":"matematyka",
 "rok_wydania" :"2015",
 "recenzja": "Dużo ciekawych zadań, dzięki odpowiedziom łatwo sprawdzisz czy wszystko dobrze rozumiesz ",
};

var ksiazka9={
 "autor":{
        "first_name": "David",
        "last_name": "Nicholls"
        },
 "title": "Jeden dzień",
 "wydawnictwo" : "Świat książki" ,
 "ISBN":"9788377990872" ,
 "cena":"27",
 "dzial":"literatura współczesna",
 "rok_wydania" :"2013",
 "recenzja": "Jeden dzień- a tak wiele w życiu zmienia ",
};

var ksiazka10={
 "autor":{
        "first_name": "Henryk",
        "last_name": "Sienkiewicz"
        },
 "title": "W pustyni i w puszczy",
 "wydawnictwo" : "Wydawnictwo Literackie" ,
 "ISBN":"9788308060315" ,
 "cena":"36",
 "dzial":"literatura piękna",
 "rok_wydania" :"2010",
 "recenzja": "Chwyta za serce",

};
</script>

<script>
var ksiazki = new Array(ksiazka1, ksiazka2, ksiazka3, ksiazka4, ksiazka5, ksiazka6, ksiazka7, ksiazka8, ksiazka9, ksiazka10);

ksiazki1 = titleSort(ksiazki);
numberOfKsiazki1 = ksiazki.length;
info1= '<b>Posortowane tytuły książek w mojej biblioteczce:</b><br />';
for(var j=0; j<numberOfKsiazki1; j++){
info1 = info1 + ksiazki1[j].title + "<br />" + ksiazki[j].wydawnictwo + "<br />" + ksiazki[j].ISBN + "<br />" + ksiazki[j].cena + "<br />" + ksiazki[j].dzial + "<br />" + ksiazki[j].rok_wydania + "<br />" + ksiazki[j].recenzja + "<br />" + "<br />";
// info1= info1 + ksiazki[j].first_name + " " + ksiazki[j].last_name + "<br />";
}
//document.getElementById("demo1").innerHTML = info1;


var printForm = '<b> Wybierz tytuł </b>';
printForm += '<form>';
printForm += '<select id = "bookSelectForm">';
for( var j=0; j<numberOfKsiazki1; j++){
printForm += '<option>' + ksiazki1[j].title + '</option>';
}
printForm += '</select>';
printForm += '<br />';
printForm += '<input type="button" onclick="bookPrintInfo()" value="Wyświetl więcej informacji">';
printForm += '</form>';
document.getElementById("bookSelect").innerHTML = printForm;


function buttonNauka(){
var buttonShow = "Tytuły książek: <br/>";
 for(var j=0; j<numberOfKsiazki1; j++){
    if((ksiazki[j].dzial == "informatyka" )|| (ksiazki[j].dzial == "matematyka")){
    buttonShow = buttonShow + ksiazki[j].title + '<br/>';
    }
 }
 document.getElementById("demo3").innerHTML = buttonShow;
}

function buttonWsp(){
var buttonShow = "Tytuły książek: <br/>";
 for(var j=0; j<numberOfKsiazki1; j++){
    if((ksiazki[j].dzial == "literatura współczesna" )|| (ksiazki[j].dzial == "autobiografia/pamiętnik")){
    buttonShow = buttonShow + ksiazki[j].title + '<br/>';
    }
 }
 document.getElementById("demo4").innerHTML = buttonShow;
}

function buttonPiekna(){
var buttonShow = "Tytuły książek: <br/>";
 for(var j=0; j<numberOfKsiazki1; j++){
    if(ksiazki[j].dzial == "literatura piękna" ){
    buttonShow = buttonShow + ksiazki[j].title + '<br/>';
    }
 }
 document.getElementById("demo5").innerHTML = buttonShow;
}


/*

var autorList = getAutor(ksiazki);
for(var j=0; j<numberOfKsiazki1; j++){
var info10 = info10 + ksiazki[j].autorList + "<br />";
}

/*
var autorListTable = getAutor(ksiazki);
var numberOfAutor = autorListTable.length;
//var autor1 = ksiazki1.autor;
var info2 = '<b>Liczba autorów</b> ' + numberOfAutor + '<br />';
for( var l=0; l<= numberOfAutor; l++){
var info2 = info2 + autorListTable[l].first_name + '<br />';
//var book = ksiazki[l];
//var autorListTable = getAutor(book);
//var info2 = info2 + autor[l].first_name + " " +autor[l].last_name + '<br />';
}

*/
//document.getElementById("demo20").innerHTML = info10;

</script>


<form id="myForm">
    <label for="fname" >Tytuł &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :</label>
        <input type="text" name="fname" value=""><br>
    <label for="lname">Wydawnictwo:</label>
        <input type="text" name="lname" value=""><br>
    <label for="birth">Rok wydania&nbsp;:</label>
        <input type="text" name="birth" value=""><br>
    <label for="year">ISBN&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
        <input type="text" name="year" value=""><br>


</form>

<button type="button" class="btn btn-default" onclick="myFunction()">Zatwierdź dane</button>
<p id="demo6"></p>
<p id="demo7"></p>
<p id="demo8"></p>
<p id="demo9"></p>
<p id="demo10"></p>
<script>
 function myFunction(){
    var x = document.getElementById("myForm").elements[0].value;
    document.getElementById("demo6").innerHTML = x;
    var y = document.getElementById("myForm").elements[1].value;
    document.getElementById("demo7").innerHTML = y;
    var z = document.getElementById("myForm").elements[2].value;
    document.getElementById("demo8").innerHTML = z;
    var q = document.getElementById("myForm").elements[3].value;
    document.getElementById("demo9").innerHTML = q;
}

var newBook = new Object();
newBook.title = document.getElementById("myForm").elements[0].value;
newBook.wydawnictwo = document.getElementById("myForm").elements[1].value;
newBook.rok_wydania= document.getElementById("myForm").elements[2].value;
newBook.ISBN = document.getElementById("myForm").elements[3].value;
ksiazki[numberOfKsiazki1] = newBook;

var numberOfBooks = ksiazki.length;
//document.getElementById("demo10").innerHTML = numberOfBooks;

//document.write(numberOfBooks);


</script>

</div>

<div id="contact" class="container">
  <h3 class="text-center">Kontakt</h3>
  <p class="text-center"><em></em></p>

  <div class="row">
    <div class="col-md-4">
      <p></p>
      <p><span class="glyphicon glyphicon-map-marker"></span>Kraków, Polska</p>
      <p><span class="glyphicon glyphicon-phone"></span>Telefon: +48 151515151</p>
      <p><span class="glyphicon glyphicon-envelope"></span>Email: cc@gmail.com</p>
    </div>
<form action="mailto:cc@gmail.com?subject=Formularz+kontaktowy" method="post" enctype="text/plain">
    <div class="col-md-8">
      <div class="row">
        <div class="col-sm-6 form-group">
          <input class="form-control" id="name" name="name" placeholder="Imię i nazwisko" type="text" required>
        </div>
        <div class="col-sm-6 form-group">
          <input class="form-control" id="email" name="email" placeholder="Email" type="email" required>
        </div>
      </div>
      <textarea class="form-control" id="comments" name="comments" placeholder="Wiadomość" rows="5"></textarea>
      <br>
      <div class="row">
        <div class="col-md-12 form-group">
          <button class="btn pull-right" type="submit">Wyślij</button>
        </div>
      </div>
    </div>
</form>
</div>

  </div>
  <br>

<!-- Footer -->
<div id="footer">
<footer class="text-center">
  <a class="up-arrow" href="#myPage" data-toggle="tooltip" title="TO TOP">
    <span class="glyphicon glyphicon-chevron-up"></span>
  </a><br><br>
  &copy; 2017</p>
</footer>
</div>


</body>
</html>