Untitled

<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Komenty</title>

    <!-- Bootstrap Core CSS -->
    <link href="index_pliki/bootstrap.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="index_pliki/blog-post.css" rel="stylesheet">
	<script src="index_pliki/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>

	<style>

	.show_error{
              display:block;
            }
            .show_ok{
              display:block;
            }
            .form-control:focus.invalid{
              border-color:red;
              box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px red;
            }
            .form-control.invalid{
              border-color:red;
              box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px red;
            }
            .form-control.valid{
              border-color:green;
              box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px green;
            }
            .alert{
                padding:0;
                border:none;
            }
            .alert p{
                padding:5px 10px;
                margin:0;
            }

	</style>


</head>

<script>
var i = 0;

$(document).ready(function(){

   $('input[type="submit"]').submit(function(event){
    event.preventDefault();

});

});

function appendText() {


	var txt1 = '<div class="media" id="kom';

	var txt12 = '"><a class="pull-left" href="#"><img class="media-object" src="index_pliki/64x64.png" alt=""></a><div class="media-body"><h4 class="media-heading">';
    var txt2 = $("#autor").val();
	var txt3 = '<small>';


	var monthNames = [
  "stycznia", "lutego", "marca",
  "kwietnia", "maja", "czerwca", "lipca",
  "sierpnia", "września", "paźdzniernika",
  "listopada", "grudnia"
];

var date = new Date();
var day = date.getDate();
var monthIndex = date.getMonth();
var year = date.getFullYear();


	var txt32 = '</small></h4>';
	var txt4 = $("#polek").val();
	var txt5 = '';
	var txt6 = '<a class="usunkomlink" onclick="usunKom(';
	var txt7 = ')">Usuń</a></div></div>';
	i++;

	$('#komentarze').after(txt1+i+txt12+txt2+i+txt3+day + ' ' + monthNames[monthIndex] + ' ' + year+txt32+txt4+txt5+txt6+i+txt7);     // Append new elements
}


function usunKom(sth) {
var komName = '#kom' + sth;
//document.write(komName);
$(komName).css("display","none");
}

</script>

<body>


    <!-- Page Content -->
    <div class="container">

        <div class="row">

            <!-- Blog Post Content Column -->
            <div class="col-lg-8">

                <div class="well">
                    <h4>Napisz komentarz</h4>


                    <form role="form" >
                        <div class="form-group">
                            <textarea class="form-control" rows="3" id="polek"></textarea>
                        </div>

                    <h4>Autor</h4>
                        <div class="form-group">
                            <input type="text" class="form-control" id="autor" />
                        </div>

						<a onclick="appendText()" class="btn btn-primary">Poślij</a>
				   </form>
                </div>

                <hr>

                <!-- Posted Comments -->

                <!-- Comment -->
				<div id="komentarze">
                <div class="media" id="kom0">

                </div>


				<!-- --> </div>

            </div>

            <!-- Blog Sidebar Widgets Column -->


        </div>
        <!-- /.row -->

        <hr>

        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>System dodawania komentarzy © 2016</p>
                </div>
            </div>
            <!-- /.row -->
        </footer>

    </div>
    <!-- /.container -->

    <!-- jQuery -->
    <script src="index_pliki/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="index_pliki/bootstrap.js"></script>

	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.js"></script>
        <script>window.jQuery || document.write('<script src="index_pliki/js/vendor/jquery-1.11.2.js"><\/script>')</script>

        <script src="index_pliki/js/vendor/bootstrap.min.js"></script>

        <script src="index_pliki/js/main.js"></script>


</body></html>