Skip to content

Commit

Permalink
Lint w3c-validator.js.
Browse files Browse the repository at this point in the history
  • Loading branch information
@XhmikosR @sideshowbarker
XhmikosR authored and sideshowbarker committed May 17, 2017
1 parent a64f652 commit 033828c
Showing 1 changed file with 106 additions and 71 deletions.
177 changes: 106 additions & 71 deletions htdocs/scripts/w3c-validator.js
View file
Expand Up @@ -7,9 +7,9 @@

var W3C = {

start: function(){
start: function() {

//select elements
// select elements

W3C.Legends = $$('legend.toggletext');
W3C.LegendImage = $$('.toggleicon');
Expand All @@ -24,155 +24,190 @@ var W3C = {
W3C.Submits = $$('input[type=submit]');
W3C.Forms = $$('form');

W3C.Submits.each(function(submit, i){
W3C.Submits.each(function(submit, i) {
var value = submit.value;
submit.setStyle('display', 'none');
var link = new Element('a', {'class': 'submit', 'href': '#'});
var link = new Element('a', {
'class': 'submit',
'href': '#'
});
var span = new Element('span').set('text', value).inject(link);
link.injectAfter(submit).addEvent('click', function(event){
link.injectAfter(submit).addEvent('click', function(event) {
new Event(event).stop();
W3C.Forms[i].submit();
});
});


//initialize effects arrays
// initialize effects arrays

W3C.SectionFx = [];
W3C.OptionsFx = [];

//creating the Effects for the Options
// creating the Effects for the Options

W3C.Options.each(function(option, i){
W3C.OptionsFx[i] = new Fx.Slide(option, {'wait': false, 'duration': 180});
W3C.OptionsFx[i].addEvent('onComplete', function(){
if (this.element.getStyle('margin-top').toInt() == 0){
W3C.Options.each(function(option, i) {
W3C.OptionsFx[i] = new Fx.Slide(option, {
'wait': false,
'duration': 180
});
W3C.OptionsFx[i].addEvent('onComplete', function() {
if (this.element.getStyle('margin-top').toInt() === 0) {
this.wrapper.setStyle('height', 'auto');
}
else {
this.element.setStyle('display','none'); // if a slideOut completed, set display:none
} else {
this.element.setStyle('display', 'none'); // if a slideOut completed, set display:none
}
});
});

//creating links on legends, with event listeners
// creating links on legends, with event listeners

W3C.Legends.each(function(legend, i){
W3C.Legends.each(function(legend, i) {
var pid = W3C.Sections[i].id.replace(/-/g, '_');
var opt = '+with_options';
var option = W3C.Options[i];
var link = legend.getFirst();
link.addEvent('click', function(event){
option.setStyle('display', 'block'); // before any slide effect, set display:block
var block = (option.getStyle('margin-top').toInt() == 0);
W3C.setHash((block) ? pid : pid + opt);
link.addEvent('click', function(event) {
option.setStyle('display', 'block'); // before any slide effect, set display:block
var block = option.getStyle('margin-top').toInt() === 0;
W3C.setHash(block ? pid : pid + opt);
new Event(event).stop();
W3C.refreshOptionLinks(!block, i);
});
});

//creating event listeners on tabs
// creating event listeners on tabs

W3C.Tabs.each(function(li, i){
W3C.Tabs.each(function(li, i) {
var link = li.getFirst();
link.href = link.original = '#' + link.href.split('#')[1].replace(/-/g, '_');
li.addEvent('click', function(){
li.addEvent('click', function() {
W3C.updateLocation();
W3C.displaySection(i);
});
});

//updating the location
// updating the location

W3C.updateLocation();

//setting the initial display of the options, based on the location
// setting the initial display of the options, based on the location

W3C.refreshOptionLinks(W3C.WithOptions);

//attaching the Sections effects, and display section based on the uri
// attaching the Sections effects, and display section based on the uri

W3C.Sections.each(function(section, i){
W3C.Sections.each(function(section, i) {
var fakeId = section.id.replace(/-/g, '_');
W3C.SectionFx[i] = new Fx.Tween(section, {property:'opacity', link: 'cancel', duration: 220});
W3C.SectionFx[i] = new Fx.Tween(section, {
property: 'opacity',
link: 'cancel',
duration: 220
});
section.setStyle('display', 'none');
if (W3C.Location[0] && fakeId.contains(W3C.Location[0].replace(/-/g, '_'))){
if (W3C.Location[0] && fakeId.contains(W3C.Location[0].replace(/-/g, '_'))) {
W3C.displaySection(i, true);
W3C.Located = true;
}
});

//displaying the first section if no one is located
// displaying the first section if no one is located

if (!W3C.Located) W3C.displaySection(0, true);
if (!W3C.Located) {
W3C.displaySection(0, true);
}

if (window.ie) $$('legend').setStyle('margin-left', '-0.4em');
if (window.ie) {
$$('legend').setStyle('margin-left', '-0.4em');
}
},

updateLocation: function(){
updateLocation: function() {
W3C.Location = window.location.hash.replace('#', '').split('+');
W3C.WithOptions = (W3C.Location[1] && W3C.Location[1].contains('with_options'));
W3C.WithOptions = W3C.Location[1] && W3C.Location[1].contains('with_options');
},

refreshOptionLinks: function(options, idx){
refreshOptionLinks: function(options, idx) {

if (!options){
W3C.LegendImage.each(function(legendimage, i){
legendimage.setProperties({
src: './images/arrow-closed.png',
alt: 'Show '
});
legendimage.removeClass('toggled');
});
if ($chk(idx)) W3C.OptionsFx[idx].slideOut();
W3C.Legends.removeClass('toggled');

} else {
W3C.LegendImage.each(function(legendimage, i){
if (options) {
W3C.LegendImage.each(function(legendimage, i) {
legendimage.setProperties({
src: './images/arrow-open.png',
alt: 'Hide '
});
legendimage.addClass('toggled');
if ($chk(idx)) W3C.OptionsFx[idx].slideIn();
if ($chk(idx)) {
W3C.OptionsFx[idx].slideIn();
}
W3C.Legends.addClass('toggled');
W3C.Legends.each(function(legend, i){
W3C.Legends.each(function(legend, i) {
var link = legend.getFirst();
var linkhref = link.getProperty("href").replace("+with_options", '');
link.setProperty("href", linkhref);
var linkhref = link.getProperty('href').replace('+with_options', '');
link.setProperty('href', linkhref);
});
});

} else {
W3C.LegendImage.each(function(legendimage, i) {
legendimage.setProperties({
src: './images/arrow-closed.png',
alt: 'Show '
});
legendimage.removeClass('toggled');
});
if ($chk(idx)) {
W3C.OptionsFx[idx].slideOut();
}
W3C.Legends.removeClass('toggled');
}

W3C.TabLinks.each(function(link){
link.href = (options) ? link.original + '+with_options' : link.original;
W3C.TabLinks.each(function(link) {
link.href = options ? link.original + '+with_options' : link.original;
});
},

displaySection: function(i, sudden){
W3C.Sections.each(function(section, j){
var block = section.getStyle('display') == 'block';
if (j == i){
if (block) return;
W3C.Sections[j].setStyles({'opacity': sudden ? 1 : 0, 'display': 'block'});
if (!sudden) W3C.SectionFx[j].start(1);
if (W3C.WithOptions) W3C.OptionsFx[j].show().fireEvent('onComplete');
else W3C.OptionsFx[j].hide();
displaySection: function(i, sudden) {
W3C.Sections.each(function(section, j) {
var block = section.getStyle('display') === 'block';
if (j === i) {
if (block) {
return;
}
W3C.Sections[j].setStyles({
'opacity': sudden ? 1 : 0,
'display': 'block'
});
if (!sudden) {
W3C.SectionFx[j].start(1);
}
if (W3C.WithOptions) {
W3C.OptionsFx[j].show().fireEvent('onComplete');
} else {
W3C.OptionsFx[j].hide();
}
} else {
if (!block) return;
W3C.Sections[j].setStyles({'display': 'none', 'opacity': 0});
if (!block) {
return;
}
W3C.Sections[j].setStyles({
'display': 'none',
'opacity': 0
});
}
});

W3C.Tabs.each(function(link, j){
if (j == i) link.addClass('selected');
else link.removeClass('selected');
W3C.Tabs.each(function(link, j) {
if (j === i) {
link.addClass('selected');
} else {
link.removeClass('selected');
}
});
},

setHash: function(hash){
if (window.webkit419){
W3C.FakeForm = W3C.FakeForm || new Element('form', {'method': 'get'}).injectInside(document.body);
setHash: function(hash) {
if (window.webkit419) {
W3C.FakeForm = W3C.FakeForm || new Element('form', { 'method': 'get' }).injectInside(document.body);
W3C.FakeForm.setProperty('action', '#' + hash).submit();
} else {
window.location.hash = hash;
Expand Down

0 comments on commit 033828c

Please sign in to comment.