how to define background position for image?
i m using parallex jquery , ....can any one guide how can i define the background position for the foreground image its cutting in the middle of the page i want it should alwz stick to the bottom of the window size...........Checl My page :http://wonho.agora-me.com/ plz suggest jquery i using is https://github.com/IanLunn/jQuery-Parallax/blob/master/index.html script : $(document).ready(function(){ $('#intro').parallax("50%", 0.3); $('#second').parallax("50%", 0.9); $('.bg').parallax("100%",1.2);
TABLESORTER - how to freeze table header
I am using tablesorter plugin. Is there any way to freeze the table header using tablesorter? My code : ("#rates").tablesorter( { widgets:['zebra'], widgetZebra : {css:["even","odd"]}, headers: { 0:{ sorter:false }, 4: { sorter: false } }, headerClass:'header', sortClassAsc:
Equal Heights JQuery Plugin
I'm a bit new to JQuery and am currently trying to get the equalHeights plugin found here: http://www.cssnewbie.com/equalheights-jquery-plugin/ To fire when the window is re-sized. The code below calls the function, but won't recall it when the window is resized. Am I missing something? (function ($) { $(document).ready(function () { var cols = $(".cols"); cols.resize(function () { cols.equalHeights(); }); cols.trigger('resize'); }); })(jQuery);
jparallax jquery plugin
Hi everyone! Did anybody use jparallax? https://github.com/stephband/jparallax They have archive to download but when I did download it and tried to test it on my computer, the parallax effect didn't work. The images didn't move at all. I mean, I used the same code they gave and nothing. Don't understand
Stellar js
Hello!Im using stellar js http://markdalgleish.com/projects/stellar.js/docs/ i want that an object when scroll vertically the object move horizontally, i found this http://stackoverflow.com/questions/13149700/how-to-move-animate-elements-in-from-the-side-with-stellar-js-on-a-vertical-scro but this code put all elements in absolut position to left whithout the apple class and cant control the horizontall move i know that the problem of other absolut element are for this 'left': $el.hasClass('apple')
Flexslider - add/replace div class outside of slider loop for each slide
I have 'header' div container outside of slider. And I have slider images with 'white' or 'black' classes. Is it possible to implement the following: After slide loading 'header' container assigned image class (black/white) on the fly. I have flexslider as background slider under header. When slide image dark header is displayed with light styles. Is it possible? Sorry for my english. Thanks <div class="header"></div> <script type="text/javascript" charset="utf-8"> $(document).ready(function()
Getting autosave to work
Hi all - getting no joy on stackoverflow with this: I am trying to achieve autosave on Jomsocial's profile edit form. The goal is to have an autosave with feedback to inform the user after each onChange. I have the feedback part working but for some reason the beforeCallback is the only one that fires and it is not saving changes to database. php for the text field: $html = '<input title="' . CStringHelper::escape( JText::_( $field->tips ) ).'" type="text" value="' . $field->value . '" data-event="change"
Split button menu item
Hi all, Im using spilt button to display menu items, My requirement is display menu item with checkbok(please refer the image) I want to the user to select the all the checkbox at a time, but each time the user select the single check box from menu item (menu got hidden) again i want select the down arrow and want to select next menu item. I want to display the menu item untill the user select the more than check box at a time. Please provide some ideas to get out from this error. Thanks
Validate - Radio button & textfield not working?
I have a form with both radio buttons and texfield My code as follow: <script src="/js/jquery.js" type="text/javascript"></script> <script src="/js/jquery.validate.js" type="text/javascript"></script> <script> $('#blreview').validate({ rules: { 3232a: { required: true, minlength: 1 } }, messages: { 3232a: { required: "Please rate", minlength: "Please select atleast two items" },
jQuery Menu border question
Hi. I'm loving the jQuery menu plugin. I would like for the main menu to have no border, but all sub-menus (pop outs) to have a border. I figured out I can remove the border by adding.. .ui-widget-content { border: 0px; } ... to my CSS, so long as it is called after the remote jquery-ui.css is loaded. While this does remove the border from the main menu, it also removes the border from all sub-menus. Is it possible for me to have the border on the sub-menus only? Thanks for any advice
Bug in Malsup Cycle 2 plugin?
There seems to be a bug in Cycle 2 that shows up when used in conjunction with a Lightbox-style overlay plugin (the desired effect being a slideshow whose images enlarge when clicked) such as Shadowbox. The slideshow works fine, but in the lightbox overlay, the first slide is always duplicated, and sometimes the last as well. I tested the same lightbox plugin with Cycle 1, and this does not happen, so the problem seems to lie with Cycle 2. If you use an older version of jQuery, such as 1.6.4, the
Autocomplete optimization
I am using the conventional jQuery autocomplete.I am using it with mysql and jsp.The combo works fine except that the autocomplete does the job a little differently.When the user starts typing "Ti" the records showing up are tiger,tigress and so on.I want the autocomplete to show records like "White Tiger","Himalayan Yeti" as well as both those records have "ti" in it.Is there a way in which i can customize this? The records are retrieved from a mysql database(Just for information). Thanks, in advance.
jquery plugin to insert/edit a table with variable number of rows/columns ? (as in google drive for example)
Hello, I am looking for a simple solution allowing to have a button inserting a table into a edited area, with a number of row and columns defined by the user. The better who be to find a plugin doing the same as in google drive document, having a little matrix opened to define the size (rows and columns) of the table. I have no use of sorting, templating, or any advance function... and all the plugins I may have found are doing far too much. Before coding it, I was just wondering if such a plugin
HoverIntent plugin to open menu flyout and keep it open if the cursor is still over the flyout
Hello, I am using the HoverIntent plugin. For the most part, I rather like it. It seems to be well written and provide some solid functionality. My issue is largely my lack of a solid JavaScript/jQuery background. I'm not sure of the best way to go about making the integration of the HoverIntent plugin and the jQuery Menu work as my boss wants. A real brief idea of what we need; mouse over an element and a corresponding menu flyout opens. If you do not mouse over the menu flyout, it closes after
Is it possible to extend this plugin?
Hi , I´m using this plugin http://sharrre.com/ and trying to extend one of its functions Following this post indications https://forum.jquery.com/topic/jquery-recommended-way-to-overload-jquery-method e.g.: extend the String object String.prototype.trim = function() { return this.toString().replace(/^\s+|\s+$/g, ""); }; But I can´t get it, I wonder if it will be possible..
jQuery Cycle plugin: combine transition effects?
Hi, I’m using the cycle plugin to try to create a 'layered reveal' type of image cycle – something like this: http://i.imgur.com/udnFqja.gif. The effect is created by having a slideshow which is made up of three identically-sized jpegs, each containing one frame of the loop. So far, I have the left-to-right transition working perfectly, but I need some way to get the faded edge on the images as they move. Is there any way to do this within the plugin itself, by combining transition effects? Alternatively,
Lightbox2 in iframe. Open photo in Parent Window
Hi I am using Lightbox2 (http://lokeshdhakar.com/projects/lightbox2) in an iFrame. I wonder if a form of the entire image appears on page where the iframe. (Parent Window) Can anyone help? Thanks.
Problem using Jquery validation plugin
I am trying to use Jquery validation plugin in my project. but seeing following error as soon as I click in text field: TypeError: i is undefined
Piclist validation using Jquery standard validation plugin
Is it possible to validate the picklist field using Jquery standard validation plugin. If the picklist is '-None-' or 'null' it throws the error mesaage.Is any one help to get this answer?
How can i call a java script function when a specific field is valid only
How can i call a java script function when a specific field is valid only
Need help - Range with fixed maximum
Hello there. I am new to jquery and have a thought. I've just created Filter Variable Portfolio with WordPress and jQuery and want to change the ul / il to an jQuery Slider Range with fixed maximum. I followed a guide "Filterable Portfolio with WordPress and jQuery" but now I do not know how to change so I get a Slideristället for UL list. The slider i want is a Snap to increments slider //If this post is in the wrong part of the forum, please admin / moderator to move it
Changin options of a plugin on hover
I would like to change the options offsetX and offsetY dynamically when mouse moves over an image with the class "item-img". I've been searching for hours. I already tried things with Hover() , but I can't find any solution. It would be very nice if someone could help me. Thank you! <script> $(function() { $(".item-img").imageShadow({ "blur" : 5, "blurMethod" : "manual", "offsetX" : 5, "offsetY" : 0 }) }); </script>
is it posible to validate if an diabled field is the correct class?
Hello. I have a form, and i am using jquery to validate the inputs. i have some fields which i am calculating and if it is equal to the input it changes the class of the input field to "good" so fx: participants: 10 option1: 3 option2: 2 option3: 5 if(option1+option2+option3 = "number of participants"){ change the class to good } else { change the class to error } so it is chaning acording to the entries. the important thing is that the field should be class="good" before it can be submitted any
How to Add Options in Google Maps & jQuery Custom Plugin
I am trying to create a very basic plugin for my Google Map. The code is working without paasing any options but I got confused how to set up the last part to accept the options as well.Here is my code (function($) { $.fn.googlemap = function(options) { google.maps.visualRefresh = true; var defaults = { zoom: 16, center: new google.maps.LatLng(49.241943, -122.889318), disableDefaultUI: true, mapTypeId: google.maps.MapTypeId.ROADMAP }, settings = $.extend({}, defaults, options); var map = new google.maps.Map(document.getElementById("googlemap"),
Dates, Credit Card,Phone Validation
I am new to Jquery. I created a form and am validating, "required", "emails", "dates","Credit Card Numbers" and "phone numbers". I have "required" and "emails" working ok. I cannot figure out how to check "dates","Credit Card Numbers" and "phone numbers". Can anyone point me to examples? Remember I am new to Jquery and the more info you can give me the better. Thanks...
JQuery Cycle Plugin not working when hosted
I have added the cycle plugin to my site here http://airseaglobal.com.au/test/fix.html When i preview the page locally the slideshow works fine, but when viewing it on the web host it doesnt seem to recognize the js files. This is the code within the page <!-- include jQuery library --> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script> <!-- include Cycle plugin --> <script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script>
jquery function call creates multiple instance of countdown timer
I actually wanted to have something, where a user can choose a date from jquery datepicker and set the target date for countdown timer. I already have edited the code (http://pastebin.com/NHRuJ5mL) and the output you can see (http://goo.gl/OECkt). Actually put all of your code inside datepicker onSelect option. So when i select a date a timestamp is created and countdown timer is initiallized. But the problem is when ever i change the date plugin function is called once again and new instance is
JQuery Validator Plug-in help, please
Hi, I'm a newbie - please be gentle with me - we all have to start somewhere!! I have a form that works fine, but I am having problems with getting the Validator Plug-in to work. I have scripted the form including the validator code. However, when I try to use the same code in the live site, I get an error as follows: Uncaught TypeError: Cannot call method 'setDefaults' of undefined, which is generated by the statements starting: Copy code <script> $.validator.setDefaults({ debug: true, success:
Jquery autocomplete - default value to the textbox
Hi, I have implemented jquery autocomplete to a textbox. here is the code. $("#txtState").autocomplete({ source: function (request, response) { $.ajax({ url: '@Url.Action("StateLookup", "PatientDemographic", "")', type: "POST", dataType: "json", data: { searchText: request.term, maxResults: 10 }, success: function (data) { response($.map(data, function (item) {
accessing child's parameter
Could You please help me to know. I can't get a pager in jQuery Cycle Plugin with non-digital buttons' names. Markup: <div id="id1"> <div id="slideshow"> <a> <img alt="alt1" src="src1.jpeg" /> </a> <a> <img alt="alt2" src="src2.jpeg" /> </a> </div> <div id="pager_wrapper"> <ul id="pager"> </ul> </div> </div>I know a demo to get the numbers of the buttons:
Give Me Approach!
hey guys. I wanna develop a website like this one: http://press.jamejamonline.ir/ as you can see the page of newspaper can be turn to another by mouse pointer and the boxes of news are separately contained a piece of text. This website is based on jquery, I guess, but any body know which plug-in? it 's already has been archived based on date. I waited for your advises! thanks in advance
attach events for the elements which are in a div
Hi Team, I have tow div's say divA and divB. Both are overlapping divB is having higher z-index -11 divA is having z-index - 10 Now dynamically i add div elements to and thosed divs have class attribute has "subdivs" divA and i want to add double click event for the child elements added to divA i tried below ways but did not work out $("#iddivA').delegate("dblclick",".subdivs",function(){console.log("hellow")}) $("#iddivA').on("dblclick",".subdivs",function(){console.log("hellow")}) but none of
jQuery Cycle reverse transitions blindX
I wanted to use the jQuery Cycle slideshow transition effect 'blindX', but I needed the transition to start from the left edge instead of the right edge. The advanced option setting opts.rev did not do anything for this effect. Here is the patched function taken from jquery.cycle.all.js: $.fn.cycle.transitions.blindX = function($cont, $slides, opts) { var w = $cont.css('overflow','hidden').width(); opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts); opts.animIn.width
Jquery Tab Collapse in IE Quirks Mode
My Jquery Tab Collapse and come down in IE Quirks Mode. Can Any one help me to solve this. Attached Screenshot...
Problem with treeview and arrays json
This is my function update_tree: function() { var layers = Global.Model_Layers; var algorithm = Global.Model_Algorithms; for(i = 0; i < layers.length; i++) { var idlayer = layers[i].id; var namelayer = layers[i].name; for(j = 0; j < algorithm.length; j++) { var idalgorithm = algorithm[j].id; var namealgorithm = algorithm[j].name; var layeralgorithm = algorithm[j].layer; } //alert (ullayer); } var data = [{label:[namelayer], children:[namealgorithm]}];
is there any jQuery plugin for quick load large images?
is there any jQuery plugin for quick load large images?
Change speed through keydown at the spriteanimation-plugin spritley
Hi, i´m using the spriteanimation plugin spritley . And now I want to change the .sprite({ speed: 4000}); through the arrowkeys, left and right using keydown. But I have some problems with the syntax. Could somebody take a look and can tell me how can I fix this? var player = $('#draisine'); player.sprite({fps: 30, no_of_frames: 1, speed: 4000}); //Draisine keydowns $(document).keydown(function(e){ switch (e.which) { /*case 40: //down player.animate({ top: "+=80" }); break;*/ case 38:
Problem with adding Jquery editable datatables inside jquery UI tabs
I want to add jquery editable datable inside a jquery Tab in its tab content section. The problem is whenever i include the jquery js scripts in the html page both the jquery tab and the jquery editable table is not working. but both of them are working separately. Please help how to successfully add a editable table in a tab. I am using the tabs API from: <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> along
Problem using Google "ProgressiveImageSequence.class.js"
Hi guys: I want: to do a video with image sequence, and there is a class "ProgressiveImageSequence.class.js" can do this. I did: I linked beloved jquery lib and this class file to my html. then instanced an object of this class and use it's method to get a image. the code: var imageSeqLoader = new ProgressiveImageSequence( "../images/vid-{index}.png" , 15, { indexSize: 1, initialStep: 1, onProgress: handleLoadProgress, onComplete: handleLoadComplete, stopAt: 3 }); var index=1; var img = imageSeqLoader.getNearest(
problem using jscrollpane and jquery tinymce
Just wondering if anyone else has come across this and managed to find a way around it... I'm trying to create a form, which contains rich text editors, inside a scrollpane. The problem I'm having is that regardless of whether I place the jscrollpane code before or after the tinymce code, the RTEs are initialising after the scrollbars, and the extra length (top and bottom of the textareas) is pushing the bottom of the form off the bottom of the div, and not allowing me to scroll all the way down.
Next Page