Menu
  • HOME
  • TAGS

close colorbox on link click within the colorbox

jquery,colorbox

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

Calling colorbox() for links in ajax-loaded content in tabs()

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,...

Adding functionality to googlemap in a colorbox

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...

AngularJS, JSON & JQuery Colorbox Issue

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 - add colorbars in multiple plots for each plot

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])...

How to implement zoom inside colorbox?

php,jquery,colorbox

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...

Can't fix the width of popup element (colorbox jquery override)

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...

How to call a colorbox with several items?

jquery,colorbox

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...

Modal window not working for paginated data table

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...

Disable keyboard shortcut when Colorbox Event is fired and then Restore it when another Event fires?

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)...

how to use Colorbox popup without disabling the parent screen

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/ ...

Pass selection from Colorbox to parent

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 + '">');

BlockUI when using a popup from serverside

jquery,asp.net,colorbox

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,...

colorbox doesn't close after sumbit form

jquery,forms,colorbox

Try this: success: function(data) { if(data.success=="yes") { $.fn.colorbox.close(); console.log(data.success); } ...

jQuery Colorbox randomly fails to group images

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'); ...

How to AutoRun Colorbox with Angular Js

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) {...

jQuery Colorbox Buttons

jquery,html,button,colorbox

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...

VideoJS - embedded videos not working after number 7

colorbox,video.js

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...

cant focus on tinymce inside colorbox

jquery,tinymce,colorbox

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...

Trigger scope functions from JS outside the controller

jquery,angularjs,colorbox

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()...

How to set target for zoomed image in jQuery zoom plugin by Jack Moore

jquery,zoom,colorbox

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...

Impresspages: Grouping images on single page, in ColorBox

lightbox,colorbox,impresspages

Here is a plugin exactly for that http://market.impresspages.org/plugins/SplitColorbox

Drupal 7 open image in colorbox when a “button” on the image is clicked, otherwise go to content

drupal,views,colorbox

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,...

Show previous photo on click in the left half of the current photo in Colorbox

jquery,colorbox

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()...

Prevent jquery colorbox closing on postback

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...

Colorbox closing issue

html,colorbox

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(); }) ...

$.Colorbox: how to bind rel-group on click dynamically

javascript,html5,colorbox

I found what I missed. I've to bind cboxElement before calling colorbox (It can't be done in onOpen)....

Bypass colorbox X-Frame-Options restrictions

colorbox,x-frame-options

Fixed it creating an nginx proxy with proxy_hide_header X-Frame-Options

Adding Colorbox to Orchard CMS [closed]

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/...

display alt attr after its own image

javascript,jquery,colorbox

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...

Simple Javascript function is not working on .ascx file

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 sortable triggers click when combined with colorbox

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...

Colorbox - a jQuery lightbox - Width and height

jquery,colorbox

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" });...

Pikachoose compatibility with Colorbox

jquery,colorbox,pikachoose

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...

How to put screen reader focus on colorbox popup with jQuery?

jquery,colorbox

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> ...

gnuplot “matrix with image” with a fixed colour for a certain value

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...

rebuild jcarousel in colorbox

jquery,colorbox,jcarousel

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 } ...

Drupal , something wrong with ajax popup forms, how to fix?

ajax,drupal,colorbox

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...

unable to find ColorBox in CSS in ASP.NET and VB.NET Website

jquery,asp.net,css,vb.net,colorbox

Do a global search by pressing ctrl+shift+F and select Entire solution in the select criteria and "colorbox" in the search text.