How can I us Cycle plugin & Fancybox Plugin together?
Hi I am a beginner to JQuery/JS. I am able to set up the Cycle plugin and Fancybox plugin and get them to work separately however they won't work at the same time. I have included my code. Any suggestions on how to fix this or what I am doing wrong would be greatly appreciated. <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen" /> <!-- include jQuery library --> <script type="text/javascript"
Help Pinning Elements with ScrollMagic Jquery Plugin
Hello, I am using ScrollMagic( GitHub Link to plugin). I am trying to pin an element. I have dissected the code from the demo and the tutorial but cannot get the desired action to work. I have attached the code I am using here codepen the plugin uses a lot of Green Sock Animation Platform. I know I have the external files loaded correctly because I am using other features from this scrollmagic plugin. Any help would be very appreciated (and save some more hair from being pulled out) cheers
Open pop window while closing parent window
Hi experts, I have got an requirement like while closing parent window or browser i need to show another pop up window about our site like feedback page. In jquery onunload or onunloadbefore event i have tried. i didn't get result
Move jquery to QWebView
Hello I want to copy the jquery code to c++ to utilize it for QWebView 1. Is there a library that can be included into QWebView? 2. Is there aversion of jquery that is chopped into pieces, so that I can copy it more easily? Sincerely
Gravity Forms Date Picker
Hi People, All I am trying to do is limit the YEAR when using Gravity Forms date picker, for example the year is 2014, previous years should NOT be allowed OR shown when using the picker. Can anyone point me in the right direction. Thanks in advance.
Might be jquery conflict??
Hi wondering if anyone can help me, think I might be having a jquery conflict. I am using flowplayer for embedded video and html5lightbox for another. The issue I am having is that on the android the html5lightbox isn't rendering properly. See photo - I appear the default android player in lightbox as well as the html5lightbox player. Really confusing and annoying. Work fine on iPad etc. I am pretty new to all of this so thank you in advance if anyone can help me. here are the scrips that are
Cycle2 Feature Question
Is it possible to have the active slide somehow highlight that slide's corresponding button? An example of what I mean is at http://advancedchiro.azurewebsites.net/. Each slide has it's own button, and the client would like the buttons to be highlighted somehow as each slide becomes active.
Custom sorter for Tablesorter plugin?
I have a table column in which some cells contain simple words (e.g., 'web', 'production', 'engineering-employees'), and others that contain LDAP distinguished names (such as 'cn=operators,ou=Groups,dc=example,dc=com', 'cn=helpdesk,ou=Groups,dc=example,dc=com'). They're easily separable; the DNs *always* start with 'cn=' and the simple words.. don't. I want the sorting for this column to keep each type together, but sorted within the types (with DNs considered as lexically subsequent to simple words).
magnific popup question- How do I controls it
Hello all, How do I control the behavior of the popup box when, during and after it appears? Would I do this in the jquery.magnific-popup.js file? Please let me know your thoughts. thanks
minor Javascript issue
Hi all, I'm making a portfolio template that i wanna use for a few photography websites. I'm running into a glitch i'm using bootstrap and some modal/carousel functions that i found on bootply that were simplified. it's works in theory but i'm having issue with the load. when i go to view the large image via click on the thumbnail (currently gallery 1 is live) the image doesn't load, UNLESS i reload the page. i'm using jquery 1.11.0 and here is the javascript in my main.js file. I think i'm
Wowslider pictures position
Hello I am using wow slider and I would like to display the title/description under the pictures, not on top of them, I could do this by changing the picture size bigger than the pictures are but now there is a white space on top which I would like to get rid of. Does anybody knows how to do this? If I could change so that the pictures not go on the middle of the available space but instead on the top then the problem would be solved, don’t know if possible though. I wrote wowslider already but the
help for slide iview
hi i have a slide iview 2 but can resize image the get 100% of height of slide can you help my
jQuery Flv player
Hi all, I need a plugin of jquery which can play flv... thanks.
How to style jquery validation (http://jqueryvalidation.org/)?
I'm looking for some sort of reference but I can't find it. All I can find are bits of styling as asked in stackoverflow or mini-examples. Nothing really comprehensive. Also there are other jquery validation plugins and some of the discussion (mostly in stackoverflow) I've seen doesn't really talk about which plugin is being used. I have this code (see code below) without using any CSS and and it produces this sort of styling by default. I looked at the site linked above and can't find any article
organicTabs changeTo
Hello to all! I'm using the organicTabs plugin and everything is OK but I have a client whom want the second tab to be the default one... How can I do that? Is there an example somewhere? I’ve seen the basic instructions (https://github.com/olance/jquery.organicTabs#changetotabid ) but cannot make it to work. Thanks in advance!
Getting image href with ajax
I have the tiny carousel plugin and I want to create a new select box when the user click one of the images in tiny carousel. I want to get the href and the select box should load automatically each time the user click a new image. Here is my code so far: Ajax (default.js) $(".overview").click(function(){ var overview=$(".overview").val(); $.ajax({ type:"post", url:"../../data/course.php", data:"overview="+overview, success:function(data){
Multiple File Upload Plugin - Getting extra "dummy" file in Files collection
Hi all. I'm using ASPX on an MVC page in VS 2013. I am submitting a form using jquery and the form has the option to allow the user to choose multiple files for upload using the jQuery Multiple File Upload Plugin 1.48. On their website, the developer notes that you need to disable / re-enable an empty element if you are submitting the form programmatically and / or using ajax, so I do this, but obviously I'm doing it wrong. Here is the code that submits the form: $('#accessRequestSubmit').click(function
FlexSlider doesn't load when hidden div appears / shows
Hi together, I'm working with Joomla 2.5 and am using this here: http://www.code7.co.uk/joomla-responsive-slider My theme is a single-pager. If I click on a navigation item javascript simple fades out one div and fades in the other div. The problem now is that if I toggle the divs, the slider isn't enabled anymore. Only when I reload the page. The Slider is loaded like this: <script type="text/javascript" charset="utf-8"> jQuery(window).load(function() { jQuery('.flexslider').flexslider({ animation:
tiny carousel not working with ajax
I am trying to make this to work by loading other data from external file. Unfortunately, the buttons and the carousel don't slide, only when loading data from ajax. How can I get this to work? Notice: the buttons and numbers don't work. Here is the ajax: $("#city").change(function(){ var city=$("#city").val(); $.ajax({ type:"post", url:"../../data/image.php", data:"city="+city, success:function(data){ $("#slider1").html(data);
[jQuery Validation Plugin] Automatically add class to required field
Hi, I'm struggling with the following issue. I want to add a class to my input fields based on whether or not the input field is required (which is done by the rules in validate() ). This class should add something like a star to the input field so the user knows it is required (I know how to do this ;-) ). Is it possible to add a specific class to an input field based on my jQuery Validation Plugin rules? Thanks, Koen
pull to refresh is not working page2 & page 3 divs?
<div id="wrapper"> <div id="scroller"> <div id="pullDown"> <span class="pullDownIcon"></span><span class="pullDownLabel">Pull down to refresh...</span> </div> </div> </div> As iam using this above code its working fine in page1 div but while coming page2 & page 3 its not working . My html page structure is like this <html> <body> <div data-role="page" id="page1></div> <div data-role="page" id="page2></div> <div data-role="page" id="page2></div> </body> </html> iam using iscroll .js files to achive
troubles use jQuery ContextMenu Plugin in code
I'm using this example of the plug-in. var menu1 = [ {'Option 1':function(menuItem,menu) { alert("You clicked Option 1!"); } }, $.contextMenu.separator, {'Option 2':function(menuItem,menu) { alert("You clicked Option 2!"); } } ]; $(function() { $('.cmenu1').contextMenu(menu1,{theme:'vista'}); }); to use this menu they show in the page source a div like so. </div><div class="example-show"> <span class="cmenu2 example-target">Right-click here to trigger the context menu</span> </div> What I want to
Datepicker Stop Working After Select Data From Autocomplate
i have autocomplate and datepicker in same page. autocomplate work fine. but when after i select data from autocomplate, the datepicker stop working. what should i do ? algoritm of my aplication : 1. main.php contain autocomplate. 2. user select data from autocomplate 3. main.php will load aEDIT.html that contain datepicker. this is my code : main.php <html> <head> <title></title> <!-- auto complate--> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> <link
jEditable combined with data tables: Too much whitespace on the editable field
I'm using jEditable in combination with Data Tables plugin to make some columns of the table editable, there is one problem though (not a big one). When I click on the column which is editable, and suppose it already contains an existing value (for example, a number), it becomes editable but I see that the whitespace between the existing number and the editable text is a lot. So everytime I have to press backspace to go back to the number to edit it. See the attached image for an example. Does anyone
iButton breaking ASP.NET AutoPostBack tag
Title says it all, attempting to use iButton to style checkboxes in asp.net as such: $(document).ready(function () { $(":checkbox").iButton(); }); The boxes will style, but it disables the auto-post back property of the asp.net control. Does anyone know how to resolve this issue?
First image transition in slideshow resize into small square
Hi J-forum, I use JQuery.Cycle.all.js to create a slideshow on this webpage: www.barbroaberg.com, but at first load of the webpage the slideshow begins by resizing the second image to a very small square. Once you refresh the page everything works as supposed, but I would very much like to solve the issue. The relevant code looks like this: <head> <script type="text/javascript" src="../jquery.min.js"></script> <!-- include Cycle plugin --> <script type="text/javascript" src="../jquery.cycle.all.js"></script>
Circular Progress knob using svg
Hi, I need help in implementing Progress bar which takes percentage as input and draws an arc starting from 90deg. I have done something it is not properly working. Here is the jsfiddle B L Praveen Web Developer
form validate by bvalidator
<link href'=>'css/bvalidator.css' type ='text/css'> <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src="js/jquery.bvalidator.js" type="text/javascript"></script> <form id='myfrm' name='myfrm' action=''> <input type='text' id='nm' name='nm' data-bvalidator='required'> <input type='text' id='mob' name='mob' data-bvalidator='required'> <input type='button' id='btn' name='btn' value='send' > </form> <script> $(document).ready(function(){ $('#myfrm').bValidator(); });
Fancybox doesnt works in IE (Internet explorer)
I designed a page, and i used the fancybox plugin, it works in all browser without to upload to the server, but when i upload the page on the server, the fancybox doesnt work in internet explorer, i have IE9. I used the development tools to debug the code of the page, and it marks an error: SCRIPT438: Object doesn't support property or method 'Fancybox'. Why does this happen?. i would apreciate your helph, and excuse my english.
Need event to hide tooltip in IOS like mouse out in HTML.
In html we used mouseout function to do something when we out of the element. I want the same type of event in ios to do something? Thanks in advance
Autocomplete: Passing a URL
I am having some trouble with the Autocomplete plugin. In the input box every time the onkeyup event is triggered a script launches. However when you click one of the search results the script doesn't launch. I've tried onchange as a trigger but this doesn't seem to work either. And I haven't been able to find out how to append a href to each of the search results since I guess this will solve my problem. Any ideas on how to fix this?
Countdown jQuery trigger New Countdown on End of first Countdown
I am using Keith Wood's Countdown @ http://keith-wood.name/countdown.html to make a countdown that triggers a new Countdown at the end of the first countdown using the Callback function as defined in the Documentation http://keith-wood.name/countdownRef.html but it is not working. Can some one please have a look. My code goes something like this, <script> (function($){ $(function () { var austDay = new Date(); austDay = new Date(austDay.getFullYear(), 4 - 1, 9, 10 ); $('#defaultCountdown').countdown({until:
How to add jqplot pie chart labels with lines? Jqplot Pie Chart, need to show minor data with line ,outside the chart.
I have a pie chart and I can add labels for it normal way.But I want to add labels with line as following. I want to show labels with line outside the jqplot Pie Chart. As per below chart. This is possible in High chart but i am not able to do this in Jqplot Pie chart Thanks in advance. My Code is as following var misplot = jQuery.jqplot('wealthchart', [data], { seriesDefaults: { shadow: false, //equity,
WOW Slider windows internet explorer 11
Hello The wowslider is missing the description background and a bit strange behavior in windows explorer 11 In chroom and firefox works ok. I saw there are diferent JS declaration, maybe thats the reason? website: http://www.demodex.com/vpasp6.5/demodex-faq.asp?faqtype=faqdem Thank you for any sugestions Walter
Tool tip not hiding in IOS brower but working in firefox,chrome ,IE and safari
hi.. I used jquery tooltip plugin to show tooltip in my application, on mouseover that tooltip will visibles, on mouseout that tooltip hides.This is working fine in firefox,chrome ,IE and safari browsers. But in IOS browser that tooltip opening properly but not closing on mouseout. But in IOS browser Tapping/Onmouseover on the one text causes a tool tip to appear, which does not close on tapping elsewhere. The tool tip does not close even after tapping on somewhere which causes another
jQRangeSlider: jQuery date range slider
date range slider has the issue that when user moves the max slider on right towards to left till very beginning it pushes the min slider outside the scale. Is there any way it can be fixed?
Element Blocking
Hi, We wanted to use the element blocking script but on multiple sections of the page. eg. We wanted to have the home page of our app live, but only with the pre-launch elements we want users to interact with. that is; block all other areas of the page but the different areas we want to leave open. The element blocking only works on one area of a page.. is there a way?
How can I use the Fancybox hidden attribute?
Hi, I'm attempting to make the two lower images hidden and only the top 'yellow' image visible so that when it is clicked on it opens up the fancybox where the other images can be scrolled through. Where am I going wrong? Thanks in advance! site http://13thunion.org/phototest.html
dynamic Cascding select2 dropdown using $.ajax...
How to create a dynamic Cascding select2 dropdown using $.ajax...
How to get string value php ??
i'm have a code jquery <script> $(document).ready(function(){ $('.div1').slick({ slidesToShow: 5, }); }); </script> and i'm get value php : <input style="text-align: center;" id="<?php echo $this->get_field_id("num"); ?>" name="<?php echo $this->get_field_name("num"); ?>" type="text" value="<?php echo absint($instance["num"]); ?>" size='3' /> How to get string slidesToShow = $instance["num"] Thanks
Next Page