Category Archives: Javascript

Statisticile pentru site

        <script type="text/javascript">
            var time_start;
            $(window).load(
                function() {
                    time_start = new Date();
                }
            );
            $(window).unload(
                function() {
                    var time_end = new Date();
                    var pagetime = new Object;
                    pagetime.type = "pagetime";
                    pagetime.id_connections = "47704";
                    pagetime.id_page = "112";
                    pagetime.time_start = "2013-01-15 17:40:50";
                    pagetime.token = "19f53b2c5493876d2cd547e0307cb6d8ddd155ba";
                    pagetime.time = time_end-time_start;
                    $.post("statistics.php", pagetime);
                }
            );
        </script>

Jquery Slideshow

De fiecare data cand ajung sa fac un slide show cu poze sau alt content din lene sa ma uit la precedente fac scripturile diferit.

Insa cel mai simplu cred ca este asta:

 

$('#slide li:gt(0)').hide();

setInterval(function(){
$('#slide li:first-child').fadeOut('slow')
.next('li').fadeIn('slow')
.end().appendTo('#slide');},
3000);

HTML:

 

<ul id="slide">

<li>Orcie</li>

<li>Alt slide</li>

</u>

 

CSS:

 

#slide
{
    width:1000px;
    height:340px;
    overflow:hidden;
}
ul#slide
{
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
}
ul#slide li
{
    margin:0;
    padding:0;
    float:left;
    z-index:1;
}

 

Upload cu Ajax valabil pentru toate browsere

M-am apucat si eu sa fac un upload cu HTML5 cu darg & drop, upload prin ajax, afisearea imadiata a imaginei uplodate in pagina…chestii trestii…frumo. Insa vechea problema, IE! + alte browsere suportul caror doarme…

Am folosit un plugin, parerea mea este cel mai bun, nu necesita multe customizre, ai bagat codul js in pagina, ai adaptat php-ul dupa scriptul tau si vuolea! merge pe orice browser, detecteaza automat prin ce mod sa trimita fisierul…deci mie mi-a placut, pluginul este aci: http://valums.com/ajax-upload/

Cum scrolam pagina la un element cu jquery

Simplu!

Trebuia sa scap de ancora in url, ca sa duca pagina imediat la ceia ce-mi trebuie, exista un plugin jquery, il gasiti pe net daca dati "Scroll to" dar nu am nevoie sa ma complic pana la atat, am un element la care tre sa duca pagina atat, si se rezolva usor:

$('html,body').animate({scrollTop: $("#Lista").offset().top});