diff options
| author | yo mama <pepper@scannerjammer.com> | 2015-09-22 00:51:40 -0700 |
|---|---|---|
| committer | yo mama <pepper@scannerjammer.com> | 2015-09-22 00:51:40 -0700 |
| commit | d3e7b5708deffbed864c916de22663f48333c58b (patch) | |
| tree | ef76784a7827baff88c03670bf22832a3f146b17 /frontend/imgradient/colors_iframe.js | |
| parent | 86c79f4372d7b2e7640a26473c7a4d331cdf7d16 (diff) | |
finishing server
Diffstat (limited to 'frontend/imgradient/colors_iframe.js')
| -rw-r--r-- | frontend/imgradient/colors_iframe.js | 82 |
1 files changed, 0 insertions, 82 deletions
diff --git a/frontend/imgradient/colors_iframe.js b/frontend/imgradient/colors_iframe.js deleted file mode 100644 index 0a1e728..0000000 --- a/frontend/imgradient/colors_iframe.js +++ /dev/null @@ -1,82 +0,0 @@ -//but I tool a procedural approach, and I wanted to make something more like OOP. just didn't know -//how do deal with the fact that $.fancybox is a class...a singleton class is totally fine. -//like colorpicker_iframe. just need to know what it would look like -//well in this case you might not need oop approach, as it doesn't solve any issues here. its fine to use procedural code then you -//don't need oop. also js is sort of using procedural way then asking to provide onclick code and other methods like .click() in jquery, -//so it's kind of callback\procedural oriented, and oop doesn't fit in very well. you can wrap it in oop if really want, it will look like: -// -//function ColorPicker(){ -// this.element = $(".something"); -// this.init = function(){ -// this.options = options -// this.element.click(this.onclick); -// this.myfancybox = $.fancybox; -// this.myfancybox_iframe = ".fancybox-iframe"; -// } -// this.onclick = function(){ -// this.myfancybox.open( -// do I do something like this -// _.extend({ autoDimensions: false, -// autoDimensions: false, -// beforeShow: this.fancybox_cb_1, //something like this? yes ok I think that it's the right thing for methods -// to reach for these classes for trivial things for a while, so that I can used to thinking this way. -// I understand that there are no real benefits performance/readability-wise here, but it's a different paradigm, -// right? yes ok cool. Well -// }, options) //? yep -// -// this.options -// ... -// callback: funciton(){ this.color_picked = ...from fancybox .. } -// callback: this.callback, -// ); -// } -// this.color_picked = function() -// this.color_picked_as_hex = function() -// this.color_picked_as_rgb = function() -// this.callback = function(){ -// $(this.myfancybox_iframe). .... -// } -//} -//and so on yeah good -// -function launch_iframe(input_target){ - $.fancybox.open({ - href : '/im/colors/index.html', - width : 1100, // set the width - height : 710, - fitToView : true, - autoDimensions:false, - autoSize:false, - type : 'iframe', - closeBtn : false, - padding : 5, - beforeShow : function(){ - $('.fancybox-iframe').contents().find('#submitvalue').click(function(){ - $('.fancybox-iframe').contents().find('form').submit(); - $.fancybox.close(); - }); - }, - beforeClose : function(){ - x = $('.fancybox-iframe').contents().find('#namespace').val(); - }, - afterClose: function(){ - $(input_target).val(x); - } - }); -} -$(document).ready(function(){ - if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { - return; - } - var element_list = [".color1", ".color2"] - element_list.forEach( - function(l){ - console.log("a"+l) - $("a"+l).click(function(event){ - event.preventDefault(); - launch_iframe("input"+l) - }); - } - ) - -}) |
