Created
July 12, 2011 10:52
-
-
Save botic/1077766 to your computer and use it in GitHub Desktop.
Debugging ORF.at Alt-Texts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Debugging ORF.at Alt-Texts</title> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> | |
| <script type="text/javascript"> | |
| var currentPrefix = "http://orf.at"; | |
| function loadImages(data) { | |
| var ul = "", | |
| images = data.query.results.img; | |
| images.sort(function(a,b) { | |
| return (a.alt || "").length > (b.alt || "").length; | |
| }); | |
| images.forEach(function(el) { | |
| var classes = []; | |
| if (el.alt.length < 5) { | |
| if (el.alt.length < 3) { | |
| classes.push("error"); | |
| } else { | |
| classes.push("warning"); | |
| } | |
| } | |
| ul += '<li class="' + classes.join(" ") + '">' | |
| + '<p>' + el.alt + '</p>' | |
| + '<img src="' + currentPrefix + el.src + '" />' | |
| +'</li>'; | |
| }); | |
| $("#spinner").hide(); | |
| $("#imageSpace").html("").append(ul); | |
| }; | |
| $(document).ready(function() { | |
| var queryImages = function(yqlURL, prefix) { | |
| currentPrefix = prefix; | |
| $.ajax({ | |
| url: yqlURL, | |
| dataType: 'jsonp', | |
| jsonp: 'callback', | |
| jsonpCallback: 'loadImages' | |
| }); | |
| }; | |
| $("a.loadSite").click(function(e) { | |
| $("#imageSpace").html(""); | |
| $("#spinner").show(); | |
| queryImages($(this).attr("data-yql"), $(this).attr("data-prefix")); | |
| }); | |
| }); | |
| </script> | |
| <style> | |
| body { | |
| font-family: arial, helvetica, serif; | |
| } | |
| #spinner { display: none; } | |
| #spaces { | |
| max-width: 850px; | |
| } | |
| #imageSpace ul { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| #imageSpace li { | |
| list-style-type: none; | |
| margin: 6px; | |
| padding: 4px; | |
| float: left; | |
| border: 1px solid #bb8800; | |
| background: #ffeebb; | |
| } | |
| #imageSpace li p { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| #imageSpace li img { | |
| margin-top: 4px; | |
| max-height: 160px; | |
| } | |
| #imageSpace .warning { | |
| background: #ff7744; | |
| } | |
| #imageSpace .error { | |
| background: #ff4444; | |
| border:10px solid #FF0000; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>Debugging ORF.at Alt-Texts</h1> | |
| <a href="#" class="loadSite" data-yql="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fnews.orf.at%22%20and%20xpath%3D%22%2F%2Fdiv%5Bcontains(%40class%2C%20'griditem')%5D%2F%2Fimg%22&format=json&diagnostics=true" data-prefix="http://news.ORF.at">news.ORF.at</a> | |
| <a href="#" class="loadSite" data-yql="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fsport.orf.at%22%20and%20xpath%3D%22%2F%2Fdiv%5Bcontains(%40class%2C%20'griditem')%5D%2F%2Fimg%22&format=json&diagnostics=true" data-prefix="http://sport.ORF.at">sport.ORF.at</a> | |
| <a href="#" class="loadSite" data-yql="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fiptv.orf.at%22%20and%20xpath%3D%22%2F%2Fdiv%5Bcontains(%40class%2C%20'griditem')%5D%2F%2Fimg%22&format=json&diagnostics=true" data-prefix="http://iptv.ORF.at">iptv.ORF.at</a> | |
| <a href="#" class="loadSite" data-yql="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20((url%3D%22http%3A%2F%2Ffm4.orf.at%22)%20and%20xpath%3D%22%2F%2Fdiv%5B%40id%3D'gridContainer'%5D%2F%2Fimg%22)&format=json&diagnostics=true" data-prefix="">fm4.ORF.at</a> | |
| <a href="#" class="loadSite" data-yql="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20(url%3D%22http%3A%2F%2Fdebatte.orf.at%22%20and%20xpath%3D%22%2F%2Fdiv%5B%40id%3D'content'%5D%2F%2Fimg%5Bnot(contains(%40class%2C%20'arrow'))%5D%22)&format=json&diagnostics=true" data-prefix="">debatte.ORF.at</a> | |
| <a href="#" class="loadSite" data-yql="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20(url%3D%22http%3A%2F%2Fhelp.orf.at%22%20and%20xpath%3D%22%2F%2Fdiv%5B%40id%3D'content'%5D%2F%2Fimg%5Bnot(contains(%40class%2C%20'arrow'))%5D%22)&format=json&diagnostics=true" data-prefix="">help.ORF.at</a> | |
| <a href="#" class="loadSite" data-yql="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20(url%3D%22http%3A%2F%2Fscience.orf.at%22%20and%20xpath%3D%22%2F%2Fdiv%5B%40id%3D'content'%5D%2F%2Fimg%5Bnot(contains(%40class%2C%20'arrow'))%5D%22)&format=json&diagnostics=true" data-prefix="">science.ORF.at</a> | |
| <a href="#" class="loadSite" data-yql="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Foe1.orf.at%2F%22%20and%20(xpath%3D%22%2F%2Fdiv%5Bcontains(%40class%2C%20'gridcol')%5D%2F%2Fimg%22%20or%20xpath%3D%22%2F%2Fdiv%5Bcontains(%40class%2C%20'listimage')%5D%2F%2Fimg%22)&format=json&diagnostics=true" data-prefix="http://oe1.ORF.at">oe1.ORF.at</a> | |
| <div id="spaces"> | |
| <ul id="imageSpace"> | |
| </ul> | |
| <img src="data:image/gif;base64,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" alt="" title="Loading..." id="spinner" /> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment