RcBuilder@walla.com
call centre: 054-5614020

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

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

javascript CountDown clock

Posted by: RcBuilder  /   Category: body / Date / getElementById / HTML / innerHTML / JAVASCRIPT / onload event / setTimeout   /   No Comments
06
Oct
2014

javascript CountDown clock var obj,SumSeconds; function InitClock() { //18/06/2013 16:40:00.000 var TheDay = new Date(); TheDay.setFullYear(2013,06,18); TheDay.setHours(16,40,0,0); var Time = new Date(); // Now SumSeconds = 0; var Days = TheDay.getDate()-Time.getDate(); SumSeconds += Days*60*60*24; // day 2 seconds var Hours = TheDay.getHours()-Time.getHours(); SumSeconds += Hours*60*60; // hour 2 seconds var Minutes = TheDay.getMinutes()-Time.getMinutes(); SumSeconds += Minutes*60; // minute 2 seconds var Seconds = TheDay.getSeconds()-Time.getSeconds(); SumSeconds += Seconds; // seconds //alert(SumSeconds); ShowClock(); } function ShowClock() { var Minutes =.

Read more

Count Down clock javascript

Posted by: RcBuilder  /   Category: body / getElementById / HTML / innerHTML / JAVASCRIPT / onload event / setTimeout   /   No Comments
16
Jul
2014

Count Down clock javascript // this script will use the client clock to present a count down clock - tick each 1 seconds script var obj,SumSeconds; function InitClock() { var TheDay = new Date(); //TheDay.setFullYear(2013,10,13); TheDay.setHours(17,00,0,0); var Time = new Date(); // Now if (TheDay - Time < 0) return; SumSeconds = 0; var Days = TheDay.getDate()-Time.getDate(); SumSeconds += Days*60*60*24; // day 2 seconds var Hours = TheDay.getHours()-Time.getHours(); SumSeconds +=.

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