X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;ds=sidebyside;f=gallery%2Fgallery.js;h=f4b6e704facd0d728a8f251438528e7ed483dc2c;hb=406714e12102ee6714774e2801622577ca0daa16;hp=b735693455828e7f196df0449e1ea804c21ea77b;hpb=38dbac3e0b3c24486d3f548ae63dabd6e1d73bc3;p=dygraphs.git
diff --git a/gallery/gallery.js b/gallery/gallery.js
index b735693..f4b6e70 100644
--- a/gallery/gallery.js
+++ b/gallery/gallery.js
@@ -50,49 +50,94 @@ Gallery.start = function() {
}
Gallery.subtitle.innerHTML = "";
+ Gallery.workareaChild.id = id;
+ location.hash = "g/" + id;
+
+ Gallery.workareaChild.innerHTML='';
+ if (demo.setup) {
+ demo.setup(Gallery.workareaChild);
+ }
+
Gallery.demotitle.textContent = demo.title ? demo.title : "";
demo.innerDiv.className = "selected";
- var htmlLink = Gallery.create("a", Gallery.subtitle);
+ var codeSpan = Gallery.create("span", Gallery.subtitle);
+ codeSpan.id = "code";
+
+ var htmlLink = Gallery.create("a", codeSpan);
htmlLink.textContent = "HTML";
- htmlLink.href = "#";
- Gallery.subtitle.appendChild(document.createTextNode(" "));
+ Gallery.create("span", codeSpan).textContent = " | ";
- var javascriptLink = Gallery.create("a", Gallery.subtitle);
+ var javascriptLink = Gallery.create("a", codeSpan);
javascriptLink.textContent = "Javascript";
- javascriptLink.href = "#";
-
- Gallery.subtitle.appendChild(document.createTextNode(" "));
var css = getCss(id);
if (css) {
- var cssLink = Gallery.create("a", Gallery.subtitle);
+ Gallery.create("span", codeSpan).textContent = " | ";
+ var cssLink = Gallery.create("a", codeSpan);
cssLink.textContent = "CSS";
- cssLink.href = "#";
}
- Gallery.workareaChild.id = id;
- location.hash = "g/" + id;
+ var jsFiddleForm = Gallery.create("form", codeSpan);
+ var jsfs = $(jsFiddleForm);
+ jsFiddleForm.method = "post";
+ jsFiddleForm.action = "http://jsfiddle.net/api/post/jquery/1.4/";
- Gallery.workareaChild.innerHTML='';
- if (demo.setup) {
- demo.setup(Gallery.workareaChild);
- }
+ jsfs.html("\n" +
+ "\n" +
+ "\n" +
+ "\n");
+ var javascript = demo.run.toString();
var html = Gallery.workareaChild.innerHTML;
+ // tweak for use in jsfiddle
+ javascript = " $(document).ready(" + javascript + "\n);"
+ jQuery('', { name: 'html' })
+ .val(html)
+ .hide()
+ .appendTo(jsfs);
+
+ jQuery('', { name: 'js' })
+ .val(javascript)
+ .hide()
+ .appendTo(jsfs);
+
+ if (css) {
+ jQuery('', { name: 'css' })
+ .val(css)
+ .hide()
+ .appendTo(jsfs);
+ }
+ jQuery('', {
+ type: 'text',
+ name: 'title',
+ value: 'title tbd'
+ })
+ .hide()
+ .appendTo(jsfs);
+ jQuery('', {
+ type: 'text',
+ name: 'description',
+ value: 'desc tbd'
+ })
+ .hide()
+ .appendTo(jsfs);
+
htmlLink.onclick = function() {
Gallery.textarea.show("HTML", html);
};
javascriptLink.onclick = function() {
- Gallery.textarea.show("Javascript", demo.run.toString());
+ Gallery.textarea.show("Javascript", javascript);
};
- cssLink.onclick = function() {
- Gallery.textarea.show("CSS", css);
- };
+ if (css) {
+ cssLink.onclick = function() {
+ Gallery.textarea.show("CSS", css);
+ };
+ }
demo.run(Gallery.workareaChild);
Gallery.runningDemo = demo;