Okay, now I get it. I didn't really know what you wanted to achieve. But after reading it again now I get it. I was searching if there was a possibility to add just something like target="_parent" and I found something on here. Here is the answer on stackoverflow
jquery,jquery-ui,colorbox,jquery-ui-tabs
Your code looks fine to me so far. I've thrown together a simple fiddle that demonstrates this functionality. I used the activate event instead of load, because the latter wasn't working (although that may be because I wasn't loading my tabs via AJAX). Either way, activate should work for you,...
javascript,jquery,google-maps-api-3,colorbox
Put your function in global context: function loadScriptGeneral() { // with stuff } function calcRoute() { // with stuff. i did an alert and it alerts } $(document).ready(function(e) { $(".fMap").colorbox({ // all the stuff as is }); }); Fiddle...
jquery,json,angularjs,colorbox
I wasn't able to get it to work using $evalAsync, but was able to use $timeout: 'use strict'; /* Controllers */ var portfolioApp = angular.module('portfolioApp', []); portfolioApp.controller('PortfolioCtrl', ['$scope', '$http', '$timeout', function($scope, $http, $timeout) { $http.get('portfolio.json').success(function(data) { $scope.portfolios = data; $timeout(function() { $(".portfolio-gallery").colorbox({rel:"portfolio-gallery", slideshow:true}) }, 100); }); }]); Please share if...
python,matplotlib,colorbox,subplot
Following the answer to @plonser, tick = np.linspace(min(your_variable),max(your_variable),3) plt.tight_layout(pad=0.5, w_pad=2.5, h_pad=2.0) ax1 = plt.subplot(131) # creates first axis ax1.set_xticks([0,2000,500,1000,1500]) ax1.set_yticks([0,2000,500,1000,1500]) i1 = ax1.imshow(U,cmap='hot',extent=(X.min(),2000,Y.min(),2000)) plt.colorbar(i1,ax=ax1,ticks=tick) ax1.set_title("$ \mathrm{Ux_{mes} \/ (pix)}$") ax2 = plt.subplot(132) # creates second axis ax2.set_xticks([0,2000,500,1000,1500]) ax2.set_yticks([0,2000,500,1000,1500])...
The guy (Jack Moore) who wrote Colorbox also wrote a jQuery Zoom plugin (http://www.jacklmoore.com/zoom/). $(document).ready(function(){ $(".albumpix").zoom(); $('.albumpix').colorbox({ 'onComplete': function(){ $('#cboxLoadedContent img').wrap('<span style="display:inline-block"></span>').css('display', 'block').parent().zoom(); } }); }); The answer is a possible duplicate of: jQuery Zoom inside a colorbox...
javascript,html,css,drupal-6,colorbox
Thanks to @Vincent G and @KyleT for their help I found that I had to edit the CSS styles for colorbox module. #cboxLoadedContent iframe{display:block; min-width: 480px; min-height: 400px; border:0;} and #colorbox{min-width: 480px !important; min-height: 400px !important; } in the colorbox.css file which was part of my Drupal installation. After that...
You can achieve this with pure CSS: .Inhalt_lightbox { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none } .Inhalt_lightbox:target { opacity:1; pointer-events: auto; } .Inhalt_lightbox > div...
javascript,jquery,css,colorbox
(There's really not quite enough information to be sure, but what you describe is common enough that I feel comfortable proposing this as a possible answer.) This could be a problem binding to your .inline element's click handler. On page one, everything loads and the ready function binds your handler...
javascript,jquery,colorbox,keyboard-events
This should actually be pretty easy to fix, via adding a boolean var: // Handle Right and Left Keyboard Arrow presses to navigate to Next or Previous Project var canUseArrows = true; $("body").keydown(function(e) { if(e.which === 37 && canUseArrows) { // left $("#page-left").parent("a")[0].click(); } else if(e.which === 39 && canUseArrows)...
javascript,asp.net,css,popup,colorbox
The answer to this question is yes. To see proof of this, just visit the Colorbox Examples page: http://www.jacklmoore.com/colorbox/example1/ To understand how to implement this functionality, refer to the Colorbox documentation and the Colorbox beginners guide: http://www.jacklmoore.com/colorbox/ http://www.jacklmoore.com/colorbox/guide/ ...
javascript,php,jquery,colorbox
I figured it out. After adding Jquery to the file loaded in Colorbox I was able to use window.parent.$("#select").after('<input type="hidden" name="image" value="' + img + '">');
You can accomplish this task using a jQuery plugin known as blockui (funny enough). This link here shows an example: https://gist.github.com/whoshotjr/3010693 Simply include the jquery.blockui.js available from http://malsup.com/jquery/block/ Then include this code in your project: <script type="text/javascript"> Page = Sys.WebForms.PageRequestManager.getInstance(); Page.add_beginRequest(OnBeginRequest); Page.add_endRequest(endRequest); function OnBeginRequest(sender, args) { $.blockUI(); } function endRequest(sender,...
Try this: success: function(data) { if(data.success=="yes") { $.fn.colorbox.close(); console.log(data.success); } ...
javascript,jquery,colorbox,opera-presto
Does this work? $('a.imagelnk').colorbox({ rel: 'imagelnk', current: '<i class="blue smaller">Document {current} of {total}</i>', width: '1200px' }).attr('rel', 'imagelnk'); ...
javascript,jquery,angularjs,angularjs-directive,colorbox
I think the main reason why your plunker is not working is because you haven't included the required js files. Angular, jQuery & colorbox and also app.js was missing. The directive for the colorbox looks like this: app.directive('colorbox', function() { return { restrict: 'A', link: function (scope, element, attrs) {...
Some resource are not loaded in your actual web page Failed to load resource: the server responded with a status of 404 (Not Found) (index):1968Consider using 'dppx' units, as in CSS 'dpi' means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual 'dpi' of a screen. In media query...
As I said over in the video.js issue tracker, it looks like you're hitting Chrome's max connections per domain. As well as not using preload="auto" you might try suggestions in this question, such as spreading the videos over different domains. You may be able to set up multiple cnames for...
Ok, I'm still not sure exactly what the problem was, but I came across some posts which suggested using a settimeout for initiating the tinymce (which i hate), so i tested using the onComplete event of the colorbox to initialise tinymce and that did the trick. I also removed the...
it s an angular question in my understanding. I think this question will help How to change AngularJS data outside the scope? As you can see in the fiddle available there http://jsfiddle.net/jeremy/kj8Rc/ The change function is a global one, i mean not in the angular scope of execution. function change()...
the target option only apply to the .zoom plugin not the .colorbox so you need to set the target in the .zoom call like this $(document).ready(function(){ $('#target-img').zoom({ magnify:2, target:$("#zoom-window").get(0)//target need to be the html element }).colorbox({href: $("img",this).attr("src")});//you can chain the colorbox call //get attr src of the img inside the...
lightbox,colorbox,impresspages
Here is a plugin exactly for that http://market.impresspages.org/plugins/SplitColorbox
1) in you view .. select from FORMAT show: Field 2) insert your field you want .. in this example I will add image, global text, colorbox trigger 3) now will you open a page/overlay page for selected fields a) on image filed, set a this Link image to content,...
Looking at the demo colorbox, I see that when an image is displayed, the topmost dom element (so the one that will get hit in click event) is: <img class="cboxPhoto" src="somePicture.jpg"> So I would attach the event handler to this particular type of <img>. $(".my-colorbox").colorbox({ /* your options */ onComplete: function()...
javascript,c#,jquery,asp.net,colorbox
Your button click submits the form and that executes a postback. If you need to perform server-side logic, you will need to get your button to call an ajax method to get the results from the server. Do do this, you either replace the OnClick with an OnClientClick method to...
You need to use colorbox close after clicking submit button or after completing sending form parent.jQuery.fn.colorbox.close(); So your code should be <input type="submit" value="Login" onclick="Closepopup()"/> function Closepopup(){ parent.jQuery.fn.colorbox.close(); } or <input type="submit" value="Login" id="closepopup"/> $('#closepopup').click(function(){ parent.jQuery.fn.colorbox.close(); }) ...
I found what I missed. I've to bind cboxElement before calling colorbox (It can't be done in onOpen)....
Fixed it creating an nginx proxy with proxy_hide_header X-Frame-Options
jquery,content-management-system,orchardcms,colorbox
Colorbox module? Are you talking about this: http://gallery.orchardproject.net/List/Modules/Orchard.Module.Mod.Colorbox ? Colorbox is now included in Orchards core so you can include it in your view like so: @{ Script.Require("jQueryColorBox").AtFoot(); Style.Require("jQueryColorBox").AtHead(); } Check out the colorbox page for demos of opening youtube videos in colorbox: http://www.jacklmoore.com/colorbox/example1/...
You are only selecting the first element in this code jQuery(".thumbs"); Use something like var thisImgAlt = imgGallery.eq(i).attr('alt'); inside the loop...
javascript,asp.net,vb.net,colorbox,ascx
In your browser, right click the page, click view source (or however you do it for your browser). Notice that the ID's have changed? That makes it not find your elements to enable them. <script type="text/javascript"> function EnableSubmit() { if (document.getElementById('<%= tick.ClientId %>').checked == true) { document.getElementById('<%= uxSubmit.ClientId %>').enabled =...
jquery-ui,drag-and-drop,click,colorbox,jquery-ui-sortable
Problem solved! I specified the clone: "helper" option for sortable, as recommended in this answer and it worked. See the demo with the fix here...
You can use the properties of plugin: width: Set a fixed total width. This includes borders and buttons. Example: "100%", "500px", or 500 height: Set a fixed total height. This includes borders and buttons. Example: "100%", "500px", or 500 var $form = $("#myForm"); $("#inline").colorbox({ inline:true, href:$form, width:"500px", height: "500px" });...
I gave up trying to make the two compatible, and went on to creating my own instead. I tried to keep it as lightweight as possible while still looking nice and functioning well. As many experienced in jQuery (even if only moderately), can probably tell I'm still learning - any...
I put a class on a link within my colorbox popup content and then added this to the tpl <script> (function($) { $(document).ready(function() { $('a.colorbox-load').click(function(event) { $(".colorbox-link").focus(); }) }) })(jQuery); </script> ...
matrix,colors,gnuplot,colorbox,palette
Gnuplot cannot autoscale symmetrically around some value. You must use e.g. stats to determine the cbrange yourself: set autoscale xfix set autoscale yfix unset key set term postscript eps enhanced color set out "matrix.eps" stats "matcorrel" matrix using 3 nooutput cbmax = (abs(STATS_min) > abs(STATS_max) ? abs(STATS_min) : abs(STATS_max)) set...
http://jsfiddle.net/v7g0vy2d/ $('#test').colorbox({ html: $('.main-content').html(), // get carousel html onComplete:function(){ //Callback that fires right after //loaded content is displayed. initCarusel() //Calls a function that creates } }); function initCarusel() { $('.jcarousel').jcarousel(); ... // rest of the code } ...
I encountered this problem with the Modal forms (with ctools) module as well. I upgraded to the latest dev version of Webform (Feb 19, 2015) and that resolved the issue. This item from the issue queue discusses the cause and fix included that release: https://www.drupal.org/node/2417757...