python first webapp program

1 - create folder : mkdir myfirstapp
2-  pip install lpthw.web (install commond)
3 . create init file ( touch __init__.py)
4. create app file
    vim app.py
import web

urls = (
  '/', 'index'
)

app = web.application(urls, globals())

class index:
    def GET(self):
        greeting = "Hello World"
        return greeting

if __name__ == "__main__":
    app.run()


5 - save file and run
python app.py


open webbrowser
put on url :-localhost:8080
Output :-

Hello World

   

remove empty field from input

 function submitFormManual(){
        //get name search form
        var SearchForm = $("#propertyFilertForm");
         SearchForm.find('input[name], select[name]').each(function(){
            if (!$(this).val()){
                $(this).removeAttr('name');
            }
         });
         //form submit
        SearchForm.submit();
    }

given two date get month year

/*---------------------------------------
    Get month given two date
    ---------------------------------------*/
    function get_months($date1, $date2) {
        $time1  = strtotime($date1);
        $time2  = strtotime($date2);
        $my     = date('mY', $time2);
        $months= array();
        $months[date('M-Y', $time1)] = 0;

        while($time1 < $time2) {
           $time1 = strtotime(date('Y-m-d', $time1).' +1 month');
           if(date('mY', $time1) != $my && ($time1 < $time2))
              $months[date('M-Y', $time1)] = 0;
        }

        $months[date('M-Y', $time2)] = 0;
        return $months;
    }
   

remove file check

function checkRemoteFile($url) {
    $ch = curl_init();
   
    curl_setopt($ch, CURLOPT_URL, $url);
    // don't download content
    curl_setopt($ch, CURLOPT_NOBODY, 1);
    curl_setopt($ch, CURLOPT_FAILONERROR, 1);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    if (curl_exec($ch) !== FALSE) {
        return true;
    } else {
        return false;
    }
}

count increase value

<span class="count">10</span>
<script>
$('.count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 2000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});
</script>

page loader html css javascript

   /*--------------add html after body----*
<div id="loader-wrapper">
    <div id="loader_page_start"></div>


</div>


<script>

$( window ).load(function() {
    $('body').addClass('loaded');
    })

</script>
          
#loader-wrapper {
    background-color: rgb(255, 255, 255);
    border: medium none;
    cursor: wait;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
#loader_page_start {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

    #loader_page_start:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader_page_start:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   {
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   {
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
   
.loaded #loader-wrapper {
    transform: translateY(+100%);
    transition: all 0.3s ease-out 1s;
    visibility: hidden;
}

price range picker with tooltip

    $(function() {
            var tooltip = function(sliderObj, ui){
                val1            = '<div id="slider_tooltip" style="margin-top:-20px">'+ sliderObj.slider("values", 0) +'</div>';
                val2            = '<div id="slider_tooltip" style="margin-top:-20px">'+ sliderObj.slider("values", 1) +'</div>';
                sliderObj.children('.ui-slider-handle').first().html(val1);
                sliderObj.children('.ui-slider-handle').last().html(val2);                 
            };

            $( "#slider-range" ).slider({
              range: true,
              min: 0,
              max: 10000000,
              values: [ 0, 10000000 ],
              slide: function( e, ui ) {
                tooltip($(this),ui);                   
              },             
              create:function(e,ui){
                tooltip($(this),ui);                   
              }
            });
        });