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

jQuery UI datepicker

Posted by: RcBuilder  /   Category: CSS / HTML / JAVASCRIPT / jQuery / Render Block   /   No Comments
17
Nov
2014

jQuery UI datepicker <link rel="stylesheet" type="text/css" href="css/jquery-ui.css" /> <script src="jquery-1.4.2.min.js" type="text/javascript"></script> <script src="jquery-ui.min.js" type="text/javascript"></script> <asp:TextBox ID="txtDate" runat="server" /> <script type="text/javascript"> $(document).ready(function(){ $("#<%=txtDate.ClientID %>").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: 'images/calendar_trading.png', dateFormat: 'dd/mm/yy' }); $("#<%=txtDate.ClientID %>").datepicker("option", "firstDay",.

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

draw Menu Triangle using HTML5 Canvas

Posted by: RcBuilder  /   Category: bind event / body / Canvas / CSS / css / div / header / HTML / HTML 5 / JAVASCRIPT / jQuery / lists / offset / onload event / section   /   No Comments
12
Oct
2014

draw Menu Triangle using HTML5 Canvas Style <style type="text/css"> body{background-color:#333;} header{ background-color:pink; height:200px; padding-top:50px;} ul{ padding:0px; margin:0px; list-style:none;} ul li{ float:left; width:100px; } ul li a { display:block; width:100%; height:100%; cursor:pointer; text-align:center; } section{ position:relative;} canvas#triangle{ position:absolute; top:-20px; } </style> Latest jQuery <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> Scripts <script type="text/javascript"> function CreateTriangle() { var context = $('#triangle').get(0).getContext('2d'); var width = 20; var height = 20; context.beginPath(); context.moveTo(width / 2, 0); context.lineTo(width, height); context.lineTo(0, height); context.closePath(); context.fillStyle = $('body').css('background-color'); context.fill(); } function MoveTo(a) { var left.

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

xslt with c-sharp script

Posted by: RcBuilder  /   Category: CSS / XML / XSLT   /   No Comments
29
Sep
2014

xslt with c-sharp script <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl" xmlns:XSLTHelper="dummy"> // add dummy namespace <xsl:output method="xml" indent="yes" /> <msxsl:script language="C#" implements-prefix="XSLTHelper"> // add c# script <!]> </msxsl:script> <xsl:variable name="templateRoot">Templates/Liderforex/cn/</xsl:variable> <xsl:template match="Root/NewsItems"> <xsl:for-each select="Item"> <div class="MarketNewsWrapper"> <div class="MarketNewsPhoto"> <img src="{$templateRoot}images/MarketNews/{XSLTHelper:Remove(Category/., ' ')}.jpg" alt="{Category/.}" /> // call c# method </div> <div class="MarketNewsContent"> <div class="MarketNewsTitle"> <xsl:value-of select="Title/." /> </div> <div class="MarketNewsDate"> <xsl:value-of select="NewsDate/." /> </div> <div class="MarketNewsBody"> <xsl:value-of select="Body/." disable-output-escaping="yes" /> </div> </div> <div class="Clear"></div> </div> <div.

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