rebuild jcarousel in colorbox
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 } ...
Trigger scope functions from JS outside the controller
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()...
colorbox doesn't close after sumbit form
Try this: success: function(data) { if(data.success=="yes") { $.fn.colorbox.close(); console.log(data.success); } ...
Drupal , something wrong with ajax popup forms, how to fix?
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...
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...
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 implement zoom inside 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...
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...
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) {...
close colorbox on link click within the 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
display alt attr after its own image
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...
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...
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 + '">');
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/...
cant focus on tinymce inside 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...
Show previous photo on click in the left half of the current photo in 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()...
Impresspages: Grouping images on single page, in ColorBox
lightbox,colorbox,impresspages
Here is a plugin exactly for that http://market.impresspages.org/plugins/SplitColorbox
Bypass colorbox X-Frame-Options restrictions
Fixed it creating an nginx proxy with proxy_hide_header X-Frame-Options
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'); ...
Drupal 7 open image in colorbox when a “button” on the image is clicked, otherwise go to content
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,...
Pikachoose compatibility with Colorbox
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...
$.Colorbox: how to bind rel-group on click dynamically
I found what I missed. I've to bind cboxElement before calling colorbox (It can't be done in onOpen)....
Colorbox closing issue
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(); }) ...
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)...
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,...
How to set target for zoomed image in jQuery zoom plugin by Jack Moore
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...
Colorbox - a jQuery lightbox - Width and height
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" });...
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/ ...
BlockUI when using a popup from serverside
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,...
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...
jQuery Colorbox Buttons
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
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...
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 =...
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 call a colorbox with several items?
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...
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...
How to put screen reader focus on colorbox popup with jQuery?
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...