Feb 27, 2024
Me and the besties getting ready to play the blocking dead
( Tarva and mootools 💜💜💜)
seen from Dominican Republic
seen from United States
seen from Belarus
seen from India
seen from Indonesia
seen from United States
seen from Singapore
seen from United States
seen from Malaysia
seen from Malaysia
seen from United Kingdom
seen from Singapore
seen from Greece
seen from Malaysia
seen from Greece
seen from China
seen from Italy
seen from Estonia
seen from Malaysia
seen from Greece
Me and the besties getting ready to play the blocking dead
( Tarva and mootools 💜💜💜)
5 Solutions for Building Your Own Website
VueNYC – jQuery to VueJs – Talvinder Bansal Modern JavaScript frameworks can be overwhelming especially for those whose JavaScript world is heavily orientated around libraries like jQuery. In this talk I ... source
MooTools – It’s Worth It!
MooTools – It’s Worth It!
In my attempt to use MooTools on new projects with other developers, share MooTools with other developers, or just releasing a MooTools class; I’ve come across the same complaints about this incredible framework.
MooTools Complaints
Poor Documentation While its true MooTools is poorly documented compared to other frameworks it is still worth learning and with people like Aaron Newton or David…
View On WordPress
Dab News Slider Dab News Slider Download Now
Validar HTML5 desde javascript
Validar HTML5 desde javascript
Una de las ventajas de HTML es que podemos hacer validaciones desde la misma página para verificar que los textos no estén vacíos, o que un elemento sea numérico, por ejemplo.
El problema consiste en que esa validación es a través de un formulario de HTML; si queremos utilizar ajax o javascript puro para que nosotros decidamos cuando se haga la validación en el navegador, no se puede; al menos no…
View On WordPress
Mobile Responsive HTML Tables
Easy peasy mobile responsive html tables. This uses Mootools, but it would be easy to convert it. The idea is to take the text in the headers of a table and add it as data attribute to the table cells. Everything else is done with CSS. I use Bootstrap, but it will work without.
The javascript
var ResponsiveTable = new Class({ Implements: [Class.Occlude, Options, Events], options: { minWidth: 700, onShow: function(element, tip) {}, onHide: function(element, tip) {} }, initialize: function (element, options) { if (this.occlude('ResponsiveTable', element)) { return this.occluded; } this.setOptions(options); this.table = element; this.getTableHeaders(); this.table.addClass('table-responsive'); }, getTableHeaders: function () { var text , th = this.table.getElements('th') , count = th.length; th.each( function ( header, i) { text = header.get('text').trim() || header.getAttribute('title'); if ( text ) this.table.getElements('td:nth-child(' + count + 'n+' + ( i + 1 ) + ')') .setProperty('data-before', text); }, this); }, toElement: function () { return this.table; } });
The CSS:
@media (max-width:768px) { .table-responsive { border: none; } .table-responsive tr, .table-responsive td, .table-responsive th { display: block; } .table-responsive>thead, .table-responsive>thead>tr { height: 0; } .table-responsive>thead>tr>th { position: absolute; top: -9999px; left: -9999px; } .table-responsive>tbody>tr { border: 1px solid #aaa; } .table-responsive>tbody>tr>td { border: none; border-top: 1px solid #eee; position: relative; padding-left: 40%; clear: left; } .table-responsive>tbody>tr>td { text-align: left; width: 100%; } .table-responsive>tbody>tr>td:before { text-align: right; } .table-responsive td[data-before]:empty { min-height: 30px; } .table-responsive>tbody>tr>td:before { position: absolute; top: 6px; left: 6px; width: 35%; padding-right: 10px; white-space: nowrap; content: attr(data-before) ':'; color: #333; font-size: 12px; } .table-responsive>tbody>tr>td[data-icons] { float: left; padding-left: 0; clear: none; width: auto; } .table-responsive>tbody>tr>td[data-icons]:before { content: ''; } .table-striped.table-responsive>tbody>tr:nth-child(odd)>td, .table-striped.table-responsive>tbody>tr:nth-child(odd) { background-color: #f9fdfb; } .table-striped.table-responsive>tbody>tr:nth-child(even)>td, .table-striped.table-responsive>tbody>tr:nth-child(even) { background-color: #FFF; } .table-striped.table-responsive>tbody>tr.table-tr-selected:nth-child(even)>td, .table-striped.table-responsive>tbody>tr.table-tr-selected:nth-child(even) { background-color: #e9e9e9; } }
How to: Comparing date part only without comparing time in JavaScript
How to: Comparing date part only without comparing time in JavaScript
Comparing date part only without comparing time in JavaScript
What is wrong with the code below?
Maybe it would be simpler to just compare date and not time. I am not sure how to do this either, and I searched, but I couldn’t find my exact problem.
BTW, when I display the two dates in an alert, they show as exactly the same.
My code:
window.addEvent('domready', function() { var now = new Date();…
View On WordPress