mirror of https://github.com/freeCodeCamp/devdocs
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.9 KiB
62 lines
1.9 KiB
11 years ago
|
#= require views/pages/base
|
||
|
|
|
||
|
|
class app.views.JqueryPage extends app.views.BasePage
|
||
|
|
@demoClassName: '_jquery-demo'
|
||
|
|
|
||
|
|
afterRender: ->
|
||
|
|
# Prevent jQuery Mobile's demo iframes from scrolling the page
|
||
|
|
for iframe in @findAllByTag 'iframe'
|
||
|
|
iframe.style.display = 'none'
|
||
|
|
$.on iframe, 'load', @onIframeLoaded
|
||
|
|
|
||
|
|
@runExamples()
|
||
|
|
|
||
|
|
for el in @findAllByClass 'syntaxhighlighter'
|
||
|
|
language = if el.classList.contains('javascript') then 'javascript' else 'markup'
|
||
|
|
@highlightCode el, language
|
||
|
|
return
|
||
|
|
|
||
|
|
onIframeLoaded: (event) =>
|
||
|
|
event.target.style.display = ''
|
||
|
|
$.off event.target, 'load', @onIframeLoaded
|
||
|
|
return
|
||
|
|
|
||
|
|
runExamples: ->
|
||
|
|
for el in @findAllByClass 'entry-example'
|
||
|
|
try @runExample el catch
|
||
|
|
return
|
||
|
|
|
||
|
|
runExample: (el) ->
|
||
|
|
source = el.getElementsByClassName('syntaxhighlighter')[0]
|
||
|
|
return unless source and source.innerHTML.indexOf('!doctype') isnt -1
|
||
|
|
|
||
|
|
unless iframe = el.getElementsByClassName(@constructor.demoClassName)[0]
|
||
|
|
iframe = document.createElement 'iframe'
|
||
|
|
iframe.className = @constructor.demoClassName
|
||
|
|
iframe.width = '100%'
|
||
|
|
iframe.height = 200
|
||
|
|
el.appendChild(iframe)
|
||
|
|
|
||
|
|
doc = iframe.contentDocument
|
||
|
|
doc.write @fixIframeSource(source.textContent)
|
||
|
|
doc.close()
|
||
|
|
return
|
||
|
|
|
||
|
|
fixIframeSource: (source) ->
|
||
|
|
source = source.replace '"/resources/', '"http://api.jquery.com/resources/' # attr(), keydown()
|
||
|
|
source.replace '</head>', """
|
||
|
|
<style>
|
||
|
|
html, body { border: 0; margin: 0; padding: 0; }
|
||
|
|
body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
|
||
|
|
</style>
|
||
|
|
<script>
|
||
|
|
$.ajaxPrefilter(function(opt, opt2, xhr) {
|
||
|
|
if (opt.url.indexOf('http') !== 0) {
|
||
|
|
xhr.abort();
|
||
|
|
document.body.innerHTML = "<p><strong>This demo cannot run inside DevDocs.</strong></p>";
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
"""
|