nekretnine24.info beta

Nekretnine24.info

Soon Will be en and de version.

Enjoy:)

wow. excellent work Igor B)

really clean and functional. it’s detail-aware structure is very well done.

What you have used for controls like drop-downs and check boxes?

I love it :)

Thank you :)

For drop downs i wrote my own script

Jquery




 $("select.dDown").each(function(){

          var select = $(this); 

          $(select).css({'position':'relative','z-index':'-9999'});  

          $(select).wrap('<div class="newDrop"></div>'); 

          var e = $('<div class="text"></div><ul></ul>');

          $(select).parent().append(e);

          var s = $(select).parent().find("div.text");


          $("option",select).each(function(){

              var li = $('<li></li>');

              li.html( $(this).html() );

              li.attr("id", $(this).val() );

              $(this).parent().parent().find("ul").append(li);

          });


          var sText = $(select).val();

          if(sText)

          s.html($(select).find("option[selected=selected]").html());

          else

          s.html($(select).parent().find("ul").children().first().html());


          $(select).parent().click(function(){


             var ns = $(this);

             $(ns).find("ul").show(500);

             $(ns).find("ul li").click(function(){

                 s.html(  $(this).html()  );

                 select.val($(this).attr('id'));

                 $(ns).find("ul").hide(500);


                 //hire you put your own ajax call for selected attribute

                 /*

                 if(select.attr("name") == "kategorija"){

                 AjaxChangeCategory(select.val());

                 }

                 */

                


                 return false; 

             }); 


             $(ns).find("ul").mouseleave(function(){$(this).hide(500);}); 

          });

});



css








.newDrop{


    background: url('image/dropdown.png') no-repeat;

    width: 151px;

    height: 29px;

    color:#686868;

    font:14px Arial;

}

.newDrop ul{

    position: relative;

    max-height:250px;

    margin:5px 0 0 0; 

    background: #fff;

    border-right:1px solid #dedede;

    border-left:1px solid #dedede;

    border-bottom:1px solid #dedede;

    list-style: none;

    display:none;

    overflow: auto;

}

.newDrop div.text{

    margin:-22px 0 0 10px;

    font:11px Arial;

}


.newDrop ul li{

    

    margin:0px 0 2px 0;

    padding-left: 10px;

    color:#686868;

    font:12px Arial;

}

.newDrop ul li:hover{

    background: #dedede;

}



Checkboxes also custom

eg HTML when is unckecked and checked




<div class="cbox" >

<input id="stanovi" class="cbox" type="checkbox" name="stanovi" value="1">

</div>


<div class="checked" >

<input id="stanovi" class="cbox" type="checkbox" name="stanovi" value="1">

</div>



Jquery




$("div.cbox,div.checked").live('click',function(){

          var c = $(this).children();

          var d = c.attr("checked");

              if(!c.attr("checked")){

                c.attr("checked",true);

                $(this).css('background-image','url("/css/image/check.png")');

              }else{

               c.removeAttr("checked");

               $(this).css('background-image','url("/css/image/uncheck.png")');

              }


});



css




input.cbox{

   position: relative;

   z-index: -9999;

}

div.cbox{

    float:left;

    cursor: pointer;

    margin-right: 5px;

    background: url('image/uncheck.png') no-repeat;

    width: 16px;

    height: 15px;

}

div.checked{

    float:left;

    cursor: pointer;

    margin-right: 5px;

    background: url('image/check.png') no-repeat;

    width: 16px;

    height: 15px;

}



Oh your good to give me this stuff, thank you :)

yet I’m exploring nekretnine and many cool aspects I found in any page.

I can’t find your personal blog/web, do you have one?

B)

Will be soon on, i have personal domain igorivanovic.info

Good :)

thank you.

Nice & fast :)

really great job.

Nomination croatian top web :)

Nekretnine 24

Stats report:

In Four month of existing currently have 1500 - 1700 real users a day :)

Top web nomination

Next steps:

Currently working on translation.

Transfer to dedicated server.