Help debug a little plugin
This plugin is to make an element the same size with other one. (function($){ $.fn.fitSize = function(options){ var defaults = { target_object:'', fitWidth:true, fitHeight: true }, settings = $.extend({},defaults, options); return this.each(function(){ var $this=$(this); if(settings.fitWidth == true) { var fake_width = $this.outerWidth(true)-$this.width();
Creating values for HTML post form from JStree checkbox list
Hello. I am just starting out with JQuery and Javascript, and adapting a nested set of checkbox inputs to make use of jstree checkbox behaviours. After realising that each item had to be an anchor tag to be recognized by the jstree code, I am now unsure how to generate values from the items for a POST form submission. Previously they were checkbox inputs, and I would like to be able to keep them this way so that the form would still function if Javascript were turned off. wrapping inputs in the anchor
Jquery PNG fix
Hi there How can I target Unit Png fix to a certain div? In order to fix the png problem. Thanks
Coda slider problem
Hi there I`m having a problem here. I`ve got the coda slider mounted on my web site, but I inserted two of them. Each within a diferent tab on a Jquery UI tab structure. The first tab`s slider works fine, but as I change to the second tab the other slider doesn`t work. What could be the problems? Should I post all of the code here?
Kwicks: Change opacity to the inactived kwicks.
Hello everyone. I'm using a Image Menu (accordion) with jquery+easing+kwicks (http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/create_image_menu_with_jquery.html, I use the option 2) to a demo of my site, and I'm looking to some way to change the opacity of the kwicks elements not selected. With CSS, I only can change the opacity of the hovered element (the active kwicks), but i'm looking to change the opacity of the inactived. I tried to hack the kwick plugin, but I only can change
cluetip position
Hello! I am using cluetip and it works perfectly. but now I will get all the tip to open on the exact samt spot on the site. How can I get that to work. I have tryed to use: position: absolute; top: 100px; left: 100px; But it dosn´t work. Can anyone help me?
SVG putting a line on an image
I'm trying to dynamically add lines to an image using the SVG plugin. The examples on the website are just snippets and are not working for me. Does anyone have a complete example they can share? Thanks
galleriffic plugin set up problems
Please can someone help me set up my Galleriffic photo gallery. It should be as simple as it describes on the website, but it seems like it is missing a lot of information. I have set my containers up like so: <div id="gallery" class="content"> <div id="controls" class="controls"></div> <div id="loading" class="loader"></div> <div id="slideshow" class="slideshow"></div> <div id="thumbs"> <ul class="thumbs noscript"> <li> <a
Need Help: trying to target anchors from a link on a different page
Using cycle "pager" to call anchors with buttons within ONE page. but, i'm also trying to call these same anchors to show up when referenced on that same page, but from a link on a different page. I can't seem to get the external page link to go-to the proper anchor on the destination page. I've tried the simple: <a href="http://website/womens-apparel#">Womens Apparel</a> (traditionally, this would go right to the destination anchor on the targeted page) I've also tried to set an ID to each anchor
using cycle for rotating navigation
Hi, I'm really new to jquery and I'm trying to understand it all. I've downloaded malsup's excellent cycle script and got that working just fine, but now I'd like to extend it to make each image clickable to an outside href. When I try adding an href to the image tags in the html page it sends the page wild! Can anyone help? Thanks
What in gods name is wrong with this website?
i registered for the plugins section thinking it might be easier to search through all the bunk that's applicable to earlier versions of JQuery. Imagine my surprise when i register, follow the link in the activation email, even change my password but i am denied access to plugins when im a member, THE PLUGINS ARE VIEWABLE PUBLICLY, WTF?!?!?!?!?!?
jquery validation - submit form?
I have the validation rules set for a page, but i would also like to submit that form for real. But how do i do that?? Nothing seems to work for me. I currently have this: var v = $("#cmaForm").validate({ errorClass: "warning", onkeyup: false, onblur: false, submitHandler: function() { alert('submit'); } }); When i submit i do see the alert message. But nothing gets sumbitted yet. I also tried $(''#formid').submit(); but that didn't work either. What else can i try..???
[jQuery Validate plugin] dependency-expression with custom method
Hi, I have added a new method as shown below, that makes sure that a valid value is selected in the combobox. jQuery.validator.addMethod("cb_required", function(value, element, param) { return this.optional(element) || value != "Select One"; }, "This is required" ); This works fine for simple use cases where I set rule as follows cb_required: true But if I use a dependency expression, it ignores the function. Basically I want a valid value to be selected only if status is not new. cb_required:
Slide Jquery changing color background
Hi i´m looking for how i can make a slide for wordpress with jquery like this one: http://www.supersteil.com/ I need the same, what is the function to change color and to zoom out change. Any Idea how can i do it??? Thanks anyway.
Change slider handle of the SelectToUISlider plugin programmatically
(Note this is not about the official jquerui slider widget, but about this one from filament group). How can I move the slider handle programmatically using a play/pause button and a setTimeout, so that it behaves like timeline moving to the next tick every two or three seconds (and triggering of course the change event)? See this url for an example what I want, except that it doesn't work as I wish. I've struggled with sliderOptions("value", currentValue + 1) but I don't know how to tie this to
Using datepicker plugin
Hi, I am using jquery plugin in my code. I am stuck at one place if any one can help me out. I want to disable the previous days in datepicker so that user will not be allowed to select any previous dates beyond the current date. For ex. the current date is 03/09/2010 then user will not be allowed to select date beyond 03/09/2010 date. It will get disabled. Can any one help me out as i am new to jquery. Regards,
A line of JS stops all plugins working
When I run the below code above the init code for jQuery plugins it stops them working. Im just trying to run the code after the DOM has loaded, is there a better way? <script type="text/javascript"> $(document).ready(function() { // The gallery is hidden so need to unhide it. document.getElementById('verticalCarousel').style.visibility='visible' }) </script> Thanks.
JQuery validator - custom message?
Hey, i'm using the jquery validator. But i want to have custom message instead of the default 'this field is required'. How can i do that?? My validation currently looks like this: $.validator.addMethod("pageRequired", function(value, element) { var $element = $(element) function match(index) { return current == index && $(element).parents("#sf" + (index + 1)).length; } if (match(0) || match(1) || match(2)) { return !this.optional(element); } return "dependency-mismatch"; },
jqgrid changing row colors, adding images to cells, add classes
Hi, I'm using jqgrid 3.7.2, I'd like to do a few things. 1. change row,cell color by cell values i've tried setCell on one cell, example jQuery('#list').setCell('1','1','',{'background-color': 'red'}); then I simply tried addclass jQuery('#list tr').addClass("oddrow"); Non of these worked or came up with an error. 2. perhaps add images to cells Does anyone know if images can be placed into cells? Any insight would be helpful. 3. Is it possible to add classes to rows cells based on data How would
Valdiation plugin not working as expected
$("#myform").validate( { rules: { url: { required: true, url: true } } , errorLabelContainer: "#messageArea" } ) This should put the error messages in an element with id messageArea no? But it keeps generating a label and writing that out next to my form field, obscuring other elements on the page. Can't seem to stop it.
Superfish 1.4.8
I cannot get Superfish 1.4.8 working on JQuery 1.4.2. Why is that? Nothing is wrong with my css. It works with JQuery 1.2.x But soon as I change to jQuery 1.4.x jQuery fails. I want to run jQuery 1.4.x because I have plugins that work on them. Please help. I asked this question a couple/few weeks back. No response. Please help. Thanks everyone for your help.
How do I use form data sent to the server using jquery formwizard plugin
Hi guys, I found this formwizard script example online but I don't know how to use the data with php for emailing and saving to database for example. The script attaches the result to <p id="data"></p> like this firstname=&surname=&day=DD&month=MM&year=YYYY&lastFour=XXXX&countryPrefix=+358&areaCode=&phoneNumber=&email=jasonhoefie@hotmail.com&username=&password=&retypePassword= I attatched the source in this post. Please help. Thx..
jquery countdown
Hi, I am trying to use the jquery countdown control, however, i'm not sure how to make it work the way i want it to. I want the countdown to begin at 5 minutes but i don't want the countdown to begin until the user does a certain action. Is their a way to make the countdown start from the codebehind?
Why jQuery Form Plugin mixes the NULL and 0
Hello all, I am using jQuery Form Plugin http://jquery.malsup.com/form/` to submit my form. Here is the code that is used to submit the form. var options = { beforeSubmit: showRequest, // pre-submit callback success: showResponse, // post-submit callback url: 'recaptcha.php', // override for form's 'action' attribute type: 'POST' }; $('#myform').submit(function() { $(this).ajaxSubmit(options); return false;
cfwindow jquery drag and drop
Hi, I am trying to use jquery drag and drop in cfwindow it does not work when i place code out side cfwindow it works nicely, how can i resolve this issue, i tried usinf cfajaxonload but no luck. thanks for your time.
Jcarrousel
hi Is it possible to configure the Jcarousel plugin like this one: http://www.whitehouse.gov/photos-and-video/photogallery/august-2010-photo-day
jQuery Cycle - Custom Pager & Captions
So I'm brand new to javascript and some of this may be more basic than I know, but I appreciate any advice you can give me. I'm wanting to create a 'news' slider kind of thing and have got a basic one started. The main things I would like are twofold: 1. Remove all text from Pager links - no numbers, just small grey boxes SOLVED "pagerAnchorBuilder" 2. Have captions on top of images - similar to how my Pager is currently. I would like the captions to be able to come in after the image has come
Jquery UI Dialog + Datetimepicker
I'm using Datetimepicker inside the jquery-ui dialog, however it doesn't work, giving me this error: f is null this._getInst(d(a)[0]);b.input&&b._sel...entYear))}},_clearDate:function(a){a= When I use datetimepicker in other pages (without dialog) it works just fine....inside the dialog is a problem... My code: $(document).ready(function(){ // Datepicker $('.datepicker').datepicker({ changeMonth: true, changeYear: true, showOn: 'button', inline:
Control events with [jme] Player / html5 video based on timeline of played video (or other content)
We use jme ( http://www.protofunc.com/jme/ ) mediaplayer to play video and audio. Now we want to have timeline-based events when playing a video... Think of an presentation like scenario: an avatar in a video talks and on 30s and 40s we want to highlight some text or change a picture. What could be a good method to implement this with jme player or with HTML5 video tag in general? Thanks, Cedric @author of jme: if you like you can contact me via cm@3digit.de -> you helped us a lot already and a.f.a.i.k
Bassistance Validation not working correctly with jqTransform
Hi, I'm using jqTransform to style my forms which works very well. However, when I add Bassistance's Validation plugin, the validation error messages are shown within the jqTransformwrapper divs (i.e. inside the textbox) instead of the parent element (after input). So the DOM shows this: <label for="firstname">Firstname</label> <div class="jqTransformInputWrapper"> <div class="jqTransformInputInner"> <div> <input class="required jqtranformdone jqTransformInput error" name="firstname"
form wizard not working after duplicating steps
Hi, I had a problem with the jquery formwizard plugin, when trying to add new steps by this code creates error in a sense that I can't click next, because the validate plugin validates the next form, even though the user didn't go to the next step yet. Then all the other ajax drop down forms won't function properly in the new duplicated steps eventhough I used the .live() function What's wrong with my code? About form wizard, it divides your one form into alot of parts using span id as the name of
[treeview] disable collapsable branches clic
Hello Is it possible to use the treeview plugin without the possibility to click to collapse branches? I don't found how to do it. Thanks
How to add a class to a dependent field's label (validate plugin)
I've got some fields that need to validate only if a previous field returns true. I need to add a class ('required') to the dependent field's label only when that happens, so I can style it (append a red asterisk). rules: { foo: "required", fooOther: { required: function(element) { return $("#foo").val() == "true"; } }, css: $('label.required').append(' <span style="color:red;"><strong>*</strong></span>'); How to do? Thanks, --cz
Galleria is being wonky in IE7
Hey all I'm using Galleria for a photo gallery at http://designprintship.com/dps/marisadesilva/gallery.html All of my images are showing up full size (as if IE7 isn't recognizing the JS), but the gallery is at the bottom of the stack, working normally. Any ideas? Thanks. Here is my code. Header stuff: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> <script src="galleria.js" type="text/javascript"></script> <script type="text/javascript">
Time zone as startime in timepicker
Hi I am trying to use the jquery timepicker and have the following issues I want to show the start time which is in the time zone I am setting it to. I cannot use startTime = new Date() as that takes the system time and if that is different for each user from different location the time is going to be different. I am trying to allow users to create an event, so they pick a date and choose time, in the time field with the timepicker, it shows the time but I want to have the start time based on the
Iframe and horizontal menu problems
Hi all, I am pulling my hair out over this one. Using the mbMenu plugin for a horizontal menu. The site has an iframe with a pdf file as the source. The menu is always displayed behind the iFrame. I know this is a known bug with browsers. I also know that there are ways around it but everything i try does not work. We use the jquery dialogs on the same page and those work perfectly fine. do those use the "shim" trick? ANY help would be much appreciated!!! Thanks!!!
Using two plug-ins on the same html page.
How do I combine two plug-ins in the same HTML page? Here is my code: <script type="text/javascript" src="jquery/jquery-1.4.2.js"> </script> <script type="text/javascript" src="jquery.innerfade/js/jquery.innerfade.js"> </script> <script type="text/javascript" src="jquery.validate/jquery-1.4.2.js"></script> <script type="text/javascript" src="jquery.validate/jquery.validate.js"></script> <script type="text/javascript"> $(document).ready( $('#name').focus(); jQuery.validator.addMethod("phoneUS",
jQuery hover+fade plugin problem
I have small problem. Here: http://www.be.art.pl/download/opt/ i have simple hover + fade effect. You can find everything there so i will only describe my problem. As you can see fade effect working with bug. In the middle of fade you can see "flash effect" (fade out is ok) I will be very gratefull if someone can change this. Simplest solution in my opinion is to remove fade-out effect from 1st image. This will prevent this moment where you can see white color from background
Expander - onExpand collapse all other elements?
I would like to collapse all other elements before expand an element. There is a trigger (beforeExpand?) but I don't get it to work. Any clues? $('div.expandable p').expander({ //... beforeExpand function(){ $('div.expandable p').reCollapse(); //doesn't work :-( } });best regards manu
Cluetip:format AJAX URL dynamically
Hi, I would like to format the AJAX URL dynamically when using cluetip. what is the best to do it. What I would like to do is instead of coding the AJAX URL in HTML using an attribute of an element, I would like delay the AJAX URL creation until the user mouse over the element to show the tool tip. I tried using beforeSend but it seems at the point AJAX URL is already specified and cannot be changed. Thanks.
Next Page