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

AngularJS General

Posted by: RcBuilder  /   Category: AngularJS / Controllers / HTML / HTML 5 / JAVASCRIPT / Model / Views   /   No Comments
26
Oct
2014

AngularJS General What is AngularJS? angularJS is a javascript MVC framework developed by Google corp. a modular structure with a two-way data binding so any update on the model will reflected in the view official site https://angularjs.org/ api reference https://docs.angularjs.org/api download you can download the angular.js at the official site its recommended to download the laterst minified stable version remark: you can also use the CDN.

Read more

jQuery Counters – count page elements

Posted by: RcBuilder  /   Category: a / body / children / div / each / HTML / JAVASCRIPT / jQuery / not / size / span / tagName   /   No Comments
20
Oct
2014

jQuery Counters - count page elements html <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="jquery-1.5.2.min.js"></script> </head> <body> <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> </body> </html> counters // 14 (all elements within the body element) alert($('body').children('*').size()); // 18 (all tags including head, script etc.) alert($('*').size()); // 7 (all non link elements within the body element) alert($('body').children('*').not('a').size()); using $('body').children('*').each(function () { alert(this.tagName);.

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

jQuery ajax – status codes, json and http methods PUT POST GET DELETE

Posted by: RcBuilder  /   Category: AJAX / each / JAVASCRIPT / jQuery / JSON / Request   /   No Comments
12
Oct
2014

jQuery ajax - status codes, json and http methods PUT POST GET DELETE USING JSON $.ajax({ type: 'POST', url: '/api/users', // dataType: 'json', data: { Id: 145, FirstName: 'Roby', LastName: '2222', Age: 32 }, success: function (data) { $('<div>' + data.FirstName + '</div>').appendTo('#divUsers'); }, error: function (xhr) { alert('STATUS = ' + xhr.status); } }); USING STATUS CODES $.ajax({ type: 'POST', url: '/api/users', dataType: 'json', data: { Id: 145, FirstName: 'Roby', LastName: '2222', Age:.

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

jsonp – the basic

Posted by: RcBuilder  /   Category: AJAX / button / CROSS DOMAIN / Generic Handlers / HTML / HttpRequest / JAVASCRIPT / jQuery / JSON / onclick event / SOURCE CODE   /   No Comments
06
Oct
2014

jsonp - the basic SERVER string callback = string.Empty; if (context.Request.QueryString != null) callback = context.Request.QueryString.Trim(); if (callback == string.Empty) return; string json_data = ""; context.Response.Write(string.Concat(callback, "(", json_data, ");")); CLIENT <script src="JS/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript"> function JsonP_Callback(json_res) { alert(json_res); } function JsonP_Call() { $.ajax({ dataType: "jsonp", // jsonp type url: "JsonP.ashx", jsonp: "callback", // param name jsonpCallback: "JsonP_Callback" // callback function name }); } </script> HTML <input type="button" value="JsonP_Call" onclick="JsonP_Call()".

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