RcBuilder@walla.com
call centre: 054-5614020

angular tracks basic example

Posted by: RcBuilder  /   Category: $http / AngularJS / autocomplete / Controllers / CSS / Data Providers / Directives / Events / Factories / HTML / JAVASCRIPT / jQuery / jquery-ui / Model / module / OOP / Services / Views   /   No Comments
27
Jan
2016

angular tracks basic example app.js var module = angular.module('my-app', ; $scope.tracks = ); } $scope.Search = function () { tracksFactory.searchForTracks($scope.searchPhrase, function (response) { $scope.tracks = response; }); } $scope.LoadAutocomplete = function () { if ($scope.searchPhrase.lengh < 3) return; tracksFactory.getNames($scope.searchPhrase, function (response) { angular.element("#searchPhrase").autocomplete({ source: response }); }); } }); module.factory('tracksFactory', function ($http) { var server = 'http://ws.audioscrobbler.com/2.0/'; var queryBase = '?method=track.search&track={0}&api_key=0604d2c5492dc743997cabe3fd636099&format=json&limit={1}'; var foreach = function (arr, callback) { for (var i = 0; i < arr.length; i++) callback.call(arr); }; return { getNames:.

Read more

javascript CLOCK

Posted by: RcBuilder  /   Category: CSS / HTML / HTML 5 / JAVASCRIPT / jQuery / setTimeout / span   /   No Comments
09
Nov
2014

javascript CLOCK CLOCK CLASS function CLOCK(targetName, options) { var that = this; var time = new Date(); var target = $('#' + targetName); var intervalInSeconds = options.interval || 1; var autoStart = options.autoStart || true; if (options.startTime) SetTime(options.startTime); var timer = null; this.Start = Start; this.Stop = Stop; if (autoStart) Start(); function SetTime(startTime) { try{ var time_parts = startTime.split(':'); var hh = parseInt(time_parts); var mm = parseInt(time_parts); var ss = parseInt(time_parts); if (isNaN(hh) || isNaN(mm).

Read more

LESS Example

Posted by: RcBuilder  /   Category: CSS / LESS   /   No Comments
02
Nov
2014

LESS Example style.less /* using parameters */ @my-color: red; .classAA_1 { color: @my-color; } .classAA_2{ @my-color: blue; @my-font-size: 10px; color: @my-color; font-size: @my-font-size; } /* inheritance(mixins) */ .blue_theme{ background-color: blue; color: #fff; border:solid 1px #000; } .rounded-box-6px{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .rounded-box(@radius: 5px){ -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } .classAA_3{ .blue_theme; .rounded-box-6px; height:100px; width:300px; } .classAA_4{ .blue_theme; .rounded-box; height:100px; width:100px; float:left; } .classAA_5{ .blue_theme; .rounded-box(12px); height:100px; width:100px; float:left; } .border_custom(@color: #000; @size: 1px; @type: solid){ border: @color @size @type; // can use @arguments instead } .classAA_6{ .border_custom; padding:12px; } .classAA_7{ .border_custom(#FF0000, 3px, dashed); padding:12px; } /* nested rules */ a.link1{ color:red; text-decoration:none; &:hover{ color:blue; text-decoration:underline; } } ul.list { list-style-type:circle; margin:0; padding:0; li{ color:gray; a{ color:blue; } } } /* using operations */ @my-width: 100px; @my-height: 100px; .classA1{ background-color: lime; width:@my-width; height:@my-height; } .classA2{ background-color: lime; width:@my-width * 2; height:@my-height * 1.5; } @color_a:.

Read more

css border-collapse

Posted by: RcBuilder  /   Category: CSS   /   No Comments
22
Oct
2014

css border-collapse unify cell borders into single border prevent duplicates borders syntax border-collapse: collapse; using table { background-color: #FEF7D4; width: 450px; border: 1px solid black; border-collapse:.

Read more

clearfix

Posted by: RcBuilder  /   Category: CSS / div / HTML   /   No Comments
22
Oct
2014

clearfix CSS .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html .clearfix { display: block; } * html .clearfix { height: 1%; }   HTML <div class="clearfix"> <div style="float:left;">A</div> <div style="float:left;">B</div> <div style="float:left;">C</div> <div style="float:left;">D</div> <div style="float:left;">E</div> <div style="float:left;">F</div> </div> <div>G</div> <div class="clearfix"> <div style="float:left;">H</div> <div style="float:left;">I</div> <div style="float:left;">J</div> <div style="float:left;">K</div> </div> <div>L</div> <div>M</div> <div class="clearfix"> <div style="float:left;">N</div> <div style="float:left;">O</div> <div style="float:left;">P</div> <div style="float:left;">Q</div> <div style="float:left;">R</div> <div style="float:left;">S</div> <div style="float:left;">T</div> <div style="float:left;">U</div> <div style="float:left;">V</div> </div> <div>W</div> <div class="clearfix"> <div style="float:left;">X</div> <div style="float:left;">Y</div> <div.

Read more

jquery custom attributes

Posted by: RcBuilder  /   Category: a / body / CSS / css / HTML / JAVASCRIPT / jQuery / span   /   No Comments
20
Oct
2014

jquery custom attributes jquery script <script type="text/javascript" src="jquery-1.5.2.min.js"></script> HTML <a limited="1">LINK</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a>LINK</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a limited="1">LINK</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a>LINK</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a limited="1">LINK</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a limited="0">LINK</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a limited="1">LINK</a> <br /><br /> <span>SPAN</span>&nbsp;&nbsp;|&nbsp;&nbsp; <span limited="1">SPAN</span>&nbsp;&nbsp;|&nbsp;&nbsp; <span limited="1">SPAN</span>&nbsp;&nbsp;|&nbsp;&nbsp; <span>SPAN</span> script // all elements in the document have the attribute limited set to value 1 $('').css('color', 'blue'); // all elements in the document have the attribute limited set to value 1 $('body > ').css('color',.

Read more

custom input file

Posted by: RcBuilder  /   Category: button / CSS / file / getElementById / HTML / image / JAVASCRIPT   /   No Comments
05
Oct
2014

custom input file - css trick logic : due to security issues, the client MUST perform the actual click on the input file, so we located our custom button/image at the very exact position as the actual input file at the same sizes and decrease the opacity to 0 in order to hide the actual input file. concern to.

Read more

Div As Table

Posted by: RcBuilder  /   Category: CSS / div / HTML / table   /   No Comments
23
Sep
2014

Div As Table CSS <style type="text/css"> #table { display: table; } #row { display: table-row; border:dotted 1px #333; } #left, #right, #middle { display: table-cell; padding:10px; } #left{background-color:yellow;} #right{background-color:Purple;} #middle{background-color:Aqua;} </style> HTML <div id="table"> <div id="row"> <div id="left"> <h4>Left Col</h4> <p>text text text text</p> </div> <div id="middle"> <h4>Middle Col</h4> <p> text text text text text text text text text text text text<br /> text text text text text text text text text text text text<br /> text text text text text text text text text.

Read more

css cover background size

Posted by: RcBuilder  /   Category: CSS / HTML   /   1 Comment
01
Jul
2014

css cover background size // CSS image width and height without stretching HTML: <div class="divNewsItem"></div> CSS: .divNewsItem { height:160px; overflow:hidden; background-image: url(../images/bg.jpg); background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:.

Read more
  • פיתוח מערכות
  • פתרונות טכנולוגים
  • קידום אתרים
  • בניית אתרים