background-image resized to draw on canvas
I am trying to download a canvas image based on sketch.js and the solution I find is as below. I previously set up and resized a background image on the canvas like this on the SketchPad based on a selector. Then I load in the image from an input. $('#file-input').change(function (e) { var file = e.target.files[0], imageType = /image.*/; if (file === undefined) return; if (!file.type.match(imageType)) return; img = new Image();
$(function(){}); and $(“document”).ready(function(){}); not acting the same
If I use: $(document).ready(function() { $("#nav_lat").slicknav({prependTo:"#mobile_menu"}); }); It doesn’t work on the iphone 6 but it does seem to work everywhere else However, if I use jQuery(function($) { $("#nav_lat").slicknav({prependTo:"#mobile_menu"}); }); It seems to work every where Could someone explain what's going on?
Doubt about JQuery - Bootstrap multiple selection.
Hello! I'm using the jQuery multiselect with bootstrap, and I have a doubt. Need some options are automatically loaded when the page opens, how can I do this? The image shows the three options that need to be loaded automatically when page opens: Thanks!!!
Seek bar for non audio element
I have a fake jPlayer audio who's time and progress bar are set to that of the real player so that it looks like they are the same. Here's that code in the source jPlayer.js file: updateFakePlayer: function(realjPlayer) { var self = this; var playlistjPlayer = $(realjPlayer.cssSelector.jPlayer).data().jPlayer; this.status.currentTime = playlistjPlayer.status.currentTime; this.status.currentPercentAbsolute = playlistjPlayer.status.currentPercentAbsolute; this.status.currentPercentRelative = playlistjPlayer.status.currentPercentRelative
using the Validate plugin with the intl-tel-input plugin?
Hi there We would like to use the International Telephone Input (intl-tel-input) plugin with our existing form which uses the Jquery Validate plugin. Has anyone ever tried to combine these two before? Is it possible? Our form consists of one field, which is to be validated for either email or telephone input. The current logic on the form detects whether an email address is in the field or a number, and changes the validation rules in the Validate plugin depending on the desired format. Thanks in
fixed columns in jquery data table
error coming Cannot read property 'cell' of undefined for fixed columns for datatable taken in tabs can any have solution for this issue?
how to get level wise data from jqxtreegrid?
how to get level wise data from jqxtreegrid?
Sporadic div positioning with Jquery
Hello all, I am currently using jquery + "isotrope" to make an image gallery where images can be filtered using "data-filters". But "Isotope" uses grids to organise the divs but I would like something like the following image which is kind of free of a grid or random positioning. Do you know how I can tweak "Isotrope" to make it appear more loose or free from some masonry or grid-like system? The closest I got was the attempt below, but as you can see in the jsfiddle, there is no gutter between
Combining MixItUp and Magnific Popup won't work.
Hi could anybody please help. I have lightbox popups with Magnific popup on the boxes on this page: www.yorkshire.hosting They work great until you click to filter the categories (which I use MixItUp for) - then the popups no longer work. Could anybody please take a look as I can't figure out a fix... Thanks for any help.
multiple date ranges in minDate and maxDate
My user is adding a row to a grid and is selecting dates on a beginDate datepicker and an EndDate datepicker. I want to limit the user to two date ranges in the minDate of the beginDate datepicker. When user selects the beginDate he/she should see two ranges with minDates and maxDates. I have tried minDate: '01/03/2014' || '06/17/2014' maxDate:'01/14/2014' || '06/30/2014' which gives the first range. If I use && in place of || I get the last range. I could be requiring something of datepicker
How to create a dynamic infographic map using jQuery/SVG
Hey guys i was to create a map that looks like THIS. A live example can be seen here . Now i had a look at this plugin they have used on that website and it happens to be jvectorMap. Now i went through the simple basic example and the code used to create a simple map , looks like HERE . Thats a heck of alot of files being imported. is there an easier way to make a map like that ? basically i don;t want anything dynamic as of now , just a static map (something like jvector map). i should be able
Making a counter clock , with incremental buttons for the user
Hey guys , i need to create a counter like THIS one is there a plugin i can use for this ? or will it have to be custom made ? , the functionality will have to be similar to THIS . Any Ideas ? :P P.S. this is not a countdown ind of a thing , so iám not sure there are alot of plugins for this requirement of mine :P
jquery plugin click event
I have written successfully a few jQuery plugins. However this plugin is the one I am having difficulty with. Now the plugin works and does what it is supposed to, but only the first time it is run. I would like to run it again with updated data, but it won't work if I run it twice. eg if I run this like this $('#phonedate_admin').dateRange({ url: 'database/phonelog/tables/phone_table.php',sender:{PAGE:vPage(),USER_ID:"",SEARCH: "harley"}}); $('#phonedate_admin').dateRange({ url: 'database/phonelog/tables/phone_table.php',sender:{PAGE:vPage(),USER_ID:"",SEARCH:
able to create cookie but not able to update
Good evening, i am using jquery cookie plug in that i downloaded from https://github.com/carhartl/jquery-cookie . i am able to create cookie with this code . but not able to update cookie using jquery's on change event . it says TypeError: $.cookie is not a function alert($.cookie("self")); created cookie ,using following code : $.cookie('self','not_checked', { expires: 7 ,path: '/'}); it was created, i checked in browser cookies. i used following code for updating : $.cookie("self", "checked");
Cycle 2 templateing not working
I was just trying to use cycle 2 captions and i used the following HTML: <div class="cycle-slideshow" data-cycle-fx=slide data-cycle-timeout=0 data-cycle-prev=#prev data-cycle-next=#next data-cycle-slides=">a" data-cycle-youtube=true data-cycle-youtube-autostop=true data-cycle-center-horz=true data-cycle-center-vert=true data-cycle-auto-height="640:360" data-hide-non-active="true" data-cycle-caption="#custom-caption" data-cycle-caption-template="{{team}}">
Jquery validation and styling the error message
I would like to change the css used to style the error messages for jquery validation. I know i could create my own label.error { ..... } but i really don't want to do that. We are already using a multipe css styles from an external library we are referencing for all our error messages. Sure i could copy/paste the css inside label.error {} but that would be a pain if the external stylesheets ever change. Please note we are not using Less or SASS (don't know if they make it easier) and don't plan
Customized navigation arrows not displaying in cycle 2
Hey guys i am using cycle 2 for a project of mine and basically all i wanted to do was add a custom arrow for the left and right navigation. I saw this example in the documentation HERE (see the first example). Now i tried it by myself , i have the following HTML: <div class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-timeout="0" data-cycle-prev="#prev" data-cycle-next="#next" > <img src="http://malsup.github.io/images/p1.jpg"> <img src="http://malsup.github.io/images/p2.jpg">
Problems with Elevatezoom with Fancybox in Chrome
Hello, I am trying to get a combination of Fancybox and elevatezoom working together. I got it working in FF and IE but it will not work in Chrome. I was wondering if someone could help me? Link to test page: test.html Jquery Code <script type="text/javascript"> $(function() { $('.fancybox-buttons').fancybox({ maxWidth: 512, maxHeight:768, openEffect : 'none', closeEffect : 'none', prevEffect
cycle 2 data-cycle-youtube-autostop=true not quite working
I have the following cycle2 HTML code: <div class="cycle-slideshow" data-cycle-fx=scrollHorz data-cycle-timeout=0 data-cycle-prev=#prev data-cycle-next=#next data-cycle-auto-height="640:360" data-cycle-slides=">a" data-cycle-youtube=true data-cycle-youtube-autostart=true data-cycle-youtube-autostop=true> <a href="http://www.youtube.com/v/f7AU2Ozu8eo?version=3&hl=en_US&rel=0">Paul Irish</a> <a href="http://www.youtube.com/v/seX7jYI96GE?version=3&hl=en_US&rel=0">Alex
change language when user visits domain.com#fr etc
Hi, i have a site which has a language switcher on it. It uses jquery-lang.js it works fine, but now I need for it to change automatically when a user visits domain.com#fr etc. I have no idea where to start on this. Firstly I need to add the hash to the url #fr then i need THAT to trigger the language change. Any tips? Thanks in advance Andy
Bugs in template. jQuery and Wordpress
So I want to build a website. A girl from around this forum advised me to buy a template from templatemonster. But here I found some reviews that their templates sometimes have bugs. So if I give you a link to a template, can someone check the code. Before I’ll buy it and spend some money? Or if someone from around here has the experience with their company, can you share it? What’s your opinion? Are they good? And also can I use jQuery with it? Here is the template I want to buy wordpress-theme.
jquery file uploader not working in bootstrap modal (dialog)
Hi, The jquery file uploader of https://github.com/blueimp/jQuery-File-Upload when included in the bootstrap modal does not function properly. The selected file is not displayed in the dialog box. However, when the same file uploader is used on a normal page without a dilaog box, the selected file is properly displayed. Could you please provide us any solution to handle file uploader in a bootstrap modal?
jquary datatable not working
hi, we are using jquery datatable. its working fine. move to one server to another the the datatable doesnt work. there response send correctly from server. jquery.dataTables.min.js Version: 1.9.4 pls help thanks
BgSwitcher banner doest not appear in mobile view
Hi all, Im using jQuery plug in which is BgSwitcher in my website but its does not appear in mobile view. Anyone know whats the problem.
jquery disabling all hrefs and making text inaccessible to copy/paste
Help! I am a real newbie in using jquery. And I have been recruited by a friend recently to update his Website. I put a pretty nice slide show on it (using WOWSlider). It still has some legacy "crap" code from his insistence on using FrontPage (!!!) to edit html. Anyway, if I enable the <script> line that includes jquery.js, which is necessary for the slideshow to run, it suddenly makes all text inaccessible on the site and NONE of the hrefs work! Here is the url of the page I'm messing around
if your're using canvas , might as well use flexbox ??
I was just checking the support for canvas and flexbox , canvas i believe has slightly more support. The reason , i looked this up is because i was just using this plugin circliful HERE , now if the circle is 200px in height the text in the circle will be centered vertically , by added line-height:200px to the element. thats how the text gets centered vertically. My question is , if you are using canvas(the plugin code internally makes use of canvas) , you might as well use flexbox ? since canvas
lake.js not working
I was just trying to use lake.js , its a canvas plugin, that basically creates a lake effect with any image , so i have the following HTML: <div id="lakes"> <img id="lake-img" src="img/lake.png" style="display: none;" height="200" width="500" /> </div> and init teh plugin like so: $(function () { $('#lake-img').lake({ 'waves': 6, 'scale': 0.5 }); }); This is virtually similar to what they have done on the demo site HERE. FIDDLE HERE , i know the plugin is
Can i use Jquery Plugin free as commercial purpose?
Can i use Jquery Plugin free of const in my site which is going publically access? If any term and condition for using jquery plugin and jquery liberary tell me.
can $.cookies plugin create cross domain cookies
lets suppose i am working client.com and i want to create cookies in server.com, is this possible through $.cookies plugin. code like this. $.cookies("cookies_name","cookies_value",{path:"/", domain:"server.com" })
handsontable https URL
'http://docs.handsontable.com/bower_components/handsontable/dist/handsontable.full.min.js'. This request has been blocked; the content must be served over HTTPS. Could you help me to find any alternative of this URL which is served over https?
jquery form plugin does not send correct request header for file uploads
I am using jquery.form.js to handle file uploads via form in jsp. I have used HTTP Analyzer to check the action details.But the request generated in the HTTP header shows negative content length of the file when the file size exceeds 2^31 bytes. The browser shows the request as aborted and thus the upload for large files does not proceed. Suppose that the file I have used has length of about 2.2 Gb but the request header shall show the Content-Length as -200 Mb. Thus no response is received any further
Slicknav not appearing
I have been trying to get slicknav to work on my WP site and while the "first" nav hides at the right screen size, the slicknav version fails to appear! I am getting no errors in my logs and cannot see no reason why, all file paths are present and correct.... Can anyone help? Thanks
How do i customise the width and position of supefish( Nav- Bar ) menu
I have a fullwidth menu bar in my website and it's navbar works through the superfish( Nav- Bar ) menu.I have megamenu as submenu of superfish menu. It loads the megamenu content so wide in the screen. It's enlarges the content in the megamenu I wants to customise the menu width and position in the middle of the screen and main menu.It's shown in below images Please some one help me to solve this issue and thanks for advance.
Why is my line of code not working , even though the function is firing inside bxslider.
iam just using bxslider and came across a funny fug MY PAGE . the BUG can be seen in discussion on that thread. my jQuery initialization code is as follows: $(window).on('load' , function(){ var bxslider = $('.projects .bx-slider').bxSlider({ mode: 'vertical', minSlides: 3, slideWidth:304, slideMargin: 8, onSlideAfter: function(elem , old , newi){ /*var idx = elem.index(), src = $('.bx-slider li').eq(idx).find('img').attr('src'); console.log(elem.index()); $('.active-project-img img').attr('src'
How to smooth carousel scroll on hover as much as possible?
Hi there! I need your help. I need to stop shaking it on scroll, it looks ok but if you look closely of example 2 you will see that it's not smooth move. We definietly see steps. When we close to the edge its move faster, I notice the faster speed cause bigger step, I think step should be always the same, for example 1px, speed of steps should change instead of step size when we closer to the edge. Example 1 Example 2 Thanks for your help! :)
glitched isotope extenstion
Has anyone attempted to use this plugin. http://isotope.metafizzy.co/v1/custom-layout-modes/spine-align.html I am attempting to use it but when it is installed I get the following message in the console. Uncaught TypeError: Cannot read property 'prototype' of undefined (this always refers to the first line of the $.Isotope.prototype methods which the page says i need to import) The isotope display is also severely glitched. The isotpes consist of a outer container and inner divs which contain text
Content not sizing to modal window until browser window resize
I know I can fix this with jQuery but am at a loss. Hope someone can help!... How can I trigger a resize on modal load? I think that’s what I need to do since my content isn’t sizing to the modal window unless I manually resize my browser window, only then does it fill it out. The top image is what it looks like when I first open the modal. The bottom image is what it should look like but I have to manually resize my browser window for my content to fill in the window. This is what I want as soon
modifications for touchTouch img gallery
Hi, I would like the thumbnails on the main page to act as category cover images that then lead into the lightbox overlay. The lightbox overlay would have many images pertaining to that category only. Once it gets to the last slide, it would fade out back to main screen. I do not know what modifications I should make to touchTouch. There was a github fix for multiple galleries, I cannot get to work. Also, again, I do not want the other images displayed as thumbnails. They need to be hidden away
jhtmlarea.js Unable to get it to add <p> tags each time I click "enter"
Hello, No idea if anyone is knowlegeable with jhtmlarea.js but I am struggling getting my text to appear properly in the text area. At the moment when I enter some text, I get this: text here [enter ] <div>text here</div> It looks like when I load it there is no div tags on my first line of text until I click on "enter". Any idea how to add automatically <p> tags to any part of the text each time the button "enter" is clicked please? i have attached the js file as it is too big to be posted here.
How can I pass jquery array into a function?
Hi, I have a function that is called as below and works fine when I use comma seperated values for url as below: $(".related-posts-container").rssFeed({ buildType: "Object", url: ['/testblog/topic/spark/rss.xml', '/teamblogs/topic/devops/rss.xml'], author: true, relatedPosts: 5 } It also works fine for a single URL passed from a variable as below document.getElementById("bloghelper").innerHTML = array[0]; $(".related-posts-container").rssFeed({ buildType: "Object", url: $('#bloghelper').html(),
Next Page