jsTree on-demand loading with PHP
Hi all, I'm new to the whole jQuery scene and have run into a problem that I can't figure out using the jsTree plug-in.jsTree Link I'm trying to get the child nodes to load on-demand instead of all-at-once. The nodes need to be loaded from a MySQL query that is run on the requested page. I can get the whole tree structure to load easily enough, but since the page will be requested frequently, loading the whole tree every time isn't something I want to do. Here is the overview of what I'm trying to
Bassistence validation customing problem
Hi! I have to make an auction raising form which should admit only step values of 50 I.E. 100 150 200, 1500 2000 etc, i wonder if it is possibile to set whit a custom rule. Thanks to help.
[Superfish] nearly there, but a couple of small things
Hi thanks to your help in a previous post I have managed to get the widths of the first-level submenus to match the widths of the tabs in the horizontal bar but I have 2 small details to sort out : 1) Sometimes when I mouseOver a <li> in the first-level dropdown it doesn't trigger the second-level drop-down - it mostly happens when the page has just been loaded and it's the first time the mouse goes over the <li> - if you mouseOut and then mouseOver again it works - what could be causing this ? if
how to get the older value of filed when editing via jquery.jeditable.js plugin
hi, i am working in mvc & using jquery.jeditable.js plugin for performing editing in MVCContrib grid. i am able to get the new_edited_value for the filed via jquery.jeditable.js plugin BUT is there a way to get the older value of the filed which has been updated. Please let me know ASAP.... gbhatnagar
jquery accordion is causing jquery treeview picker to breakup
Hi all I am trying to implement an accordion type interface with jquery found here . inside the accordion i have a jquery treeview picker thats sort of a combo box that opens up a tree structure found here my problem is that when i open the treeviewpicker, the options are shown at the bottom of the accordion. a picture of this is shown below my code is below <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML
Validation Plugin: onFocusOut/KeyUp not working?
I'd like to use the jquery validation plugin. According to the documentation, validation on keyUp or onFocusOut should be enabled by default. Is that not the case? Even setting these options to true, I cannot seem to get them to work in that plugin. Anyone care to share their experience? Thanks!
Validate Plugin error message makes looks uneven
I am using JQuery Validate Plugin and it working perfectly but the problem is for error place when error message come it make my form display look bad due to error. Kindly help me on that. I will explain you how This is my screen when the page is load Now when I press the Add New Company Button You can see that look is getting bad. What is the solution for this. how can I stop this. I am using DIV for each label and text.
jQuery tablesorter exclude table row.
I need to exclude a table row from the sorting with tablesorter. Is it possible? Kind regards Massimo
Having a problem with two plugins Coda Slider and prettyPhoto
When using both of these plugins in the following set up, i an only get prettyphoto to launch the flash movie in a full window not in a overlay. Has anyone had similar problems? I'm more a designer than programmer but I'm guessing that both are trying to call single parts of the jquery library. Is there a known solution? Thanks in Advance <!-- Begin JavaScript --> <script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript" src="/slider/javascripts/jquery.coda-slider-2.0.js"></script>
malsup - ajax form
This ia really handy plugin for me especially because it allows for file uploads via ajax. Thanks for this malsup. The problem I am having now is that I can't get access to the form once the submit process starts (see code) So I don't know if I'm doing something wrong or if the plugin isn't providing information that I'm expecting it to. Any help? Thanks! :) $("form[name^=delete_person_]").ajaxForm({ dataType: 'json', beforeSubmit: function(data){ console.log( $(this).attr("name")
uploadify - setting cookie in "onComplete" breaks it?
Hi, I'm trying to set a cookie, so I know that a file has been successfully uploaded. I have: onComplete: function(a, b, c, d, e) { if (d != '1') { var the_error = d; var content_to_add = '<b>ERROR:</b> ' + c.name + ' - ' + the_error + '<br />'; $('#errorList').append(content_to_add).fadeIn('slow'); } else { $.cookie("viduploaded", "1"); var tmp_size = c.size / 1024;
Using 2 plugins on one element
So I've got two different plugins I want to use on one element. I've got a <select> element where I need to have proper styling and checkboxes in it. So I found two plugins that help me out. One being: http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html Two being: http://code.google.com/p/sexy-combo/ Is there a way to combine these two together? Right now each plugin "creates" <select> element and uses the jquery on that.
an effect on 'selected image and other effects on all other
Hello everyone I'm trying to combine two effects simultaneously, I have a list of images when you zoom in on a step and all others are to become gray. http://www.sohtanaka.com/web-design...les/image-zoom/ http://www.sohtanaka.com/web-design...ver-over-trick/ how can I do? hello fm43100
Superfish Rendering Issue Over <object> In FireFox
Here's the example: http://newinelabs.com/superfish_problem/ Basically, there is a QuickTime object under one of the expanded menus. When the menu is opened, the QT partially renders on top of the menu, especially when rolling over the expanded menu. Only tested in FF and Safari as of now, and it only happens in FF. I tried some of the Flash solutions, but no dice. Thoughts??
jquery validate, image instead of text
Hello all, I am trying to use jquery validate to place error icons instead of error text. Here is my code: <script type="text/javascript"> var Locations = []; $('document').ready(function() { var validator = $('#MyForm').validate({ rules: { title: "required", instructor: "required", fromdate: { required: true, dateISO: true }, todate: {
using 2 jquery on one page
i'm using SlideDeck lite for Wordpress - http://www.slidedeck.com/ and trying to make it work with another jquery plugin Jquery Tabs - http://flowplayer.org/tools/demos/tab.... They both using Query JavaScript Library v1.4.2. Is it possible to make them work together?
superfish menu forcing horizontal scrollbar
The first generation dropdown works great as it slides down vertically from the horizontal menu. However, the second generation that flies out to the right of the first generation dropdown partially disappears off the right of the page (causing a horizontal scrollbar to appear). My navigation is right-aligned within the center-aligned content area. So all but very wide monitors will see this problem occur. I would have expected the plugin to be smart enough to prevent this scenario. What I need
jQuery - Why the validation rule doesn't support predefined value?
Hello all, I defined two jQuery validation functions as follows: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> <script
Ajax file upload problems
I'm trying to use the Ajax File Upload plugin found here. I've entirely copied the javascript in the demo page's source and named my HTML elements the same as on the page. The only difference is the URL to post to. However, when I click the input button that I've wired up I get the following error (using Chrome): Uncaught TypeError: Object function (a,b){return new c.fn.init(a,b)} has no method 'ajaxFileUpload' Can anyone tell me why I'm getting this error? Furthermore, I'm using this with MVC. Does
jquery searchabledropdown
Hi All - I am using jquery searchable dropdown plugin, and I am facing some issues as follows: - firstly I think the plugin starts searching as soon as the document is ready and that too with the first default value. How can I make sure that the search starts only once I start typing because the first option I have in my drop down is 'select an option'. - the initial size it is taking is the maxMultiMatch list, instead of maxListSize. I overcame the above two problems using maxMultimatch to the value
jQuery Cycle - how do I edit (remove) text for a slideshow button
I'll start by saying I'm not an expert js programmer by any stretch of the imagination! I am trying to adapt the addSlide demo 5 (http://jquery.malsup.com/cycle/add5.html) but instead of using buttons created by css I wish to use images. So I'm largely okay with that, have found the #nav container and defined my background-image images but these are overwritten by textual digits and I'm not sure where these are generated from. Most likely something in my main.js file though I can't figure out what
JQuery Validate errorPalacement
I have following CSS in my application .input_wrapper { border: 1px solid #cecece; display: block; background: #fefefe url(layout/site/forms/input_text2.gif) repeat-x; float: left; padding: 2px 0px; width: 150px; margin: 0 8px 0 0; line-height: normal; } .blank { border: 0; background: transparent; } Using above CSS like this <div class="row"> <label>Contact Person <span style="color:Red">*</span> :</label> <div class="inputs"> <span class="input_wrapper large_input"><asp:TextBox
How to validate so that only one out of three telephone numbers is required using jQuery validation plug-in 1.7?
Hi, I have a user registration form with some fields and among them I have contact information which primarily contains three input text type fields 1. Home Telephone 2. Business Telephone. 3. Cell no I have error div defined for each control where I place the error. This is defined using the errorplacement option of the jquery plugin syntax. My requirement is that, only one out of the three is required and if filled it should be valid irrespective of the other two being entered and error messages
[jquery validate]: how to lose focus...
Hi all, I'm using jquery validate... it's almost all ok: I need to lose focus on enter key when validation fails... I write wrong text on an input box and then press enter.. also if I've setted focusInvalid: false the focus stayed there. thank you Luca
Using corners plugin with ie6 >
Hi, I'm trying to get borders to display properly with this plugin: http://jquery.malsup.com/corner/ On the page it says to use the keep option, but it does not give an option to specify what colour the border should be , if I specify the type of border in a stylesheet: like (border:1px solid #d4d4d4;) it shows the border great in firefox, but in ie6 and 8 it shows the border but not to the contours of the rounded box (ie square) Has anyone had any experiences with this and can offer a solution?
Validation - Remote validation marks a field as both "valid" and "error"
The title says it all. I am using jQuery Validation to validate a form. One field (a CAPTCHA field) is validated on the fly using remote validation. When the user types the correct code into the CAPTCHA field for the first time, the field is marked by jQuery validator as "valid" and "error" (I'm not sure how this is possible). If the user then clicks into the CAPTCHA field and then clicks/tabs out of the field, the erroneous "error" class is removed. I think the issue must have something to do with
Page Slide Plugin links issue
Hi guys :) Sorry to bother you, but I kinda need some help, because I'm stuck. I'm trying to use Scott's Page Slider Plugin. But I've stumbled upon a few problems. I did managed to take care of some, but I still have a biggie here, If you've clicked on "link A" the page slides. But when it is slided, nothing happens when you click again on link A or link B /which is with the same slide-left class/. I need when link A is clicked, when you click on any other link /link B for example/ to open it's
Need help populating dynamically created input element values using datepicker and .live event handler.
I have a table with a date field in each row: <input class='"datepicker" id="dp_XXXXX" value=""/> The table, and the input id element, are dynamically created from database records and I use jQuery live to initialize the datepicker for each field, like so: $('.datepicker').live('click', function() { $(".datepicker" ).datepicker(); });The idea is that when I click in the input field, the datepicker pops up and allows the user to input a date. While the date shows in the input field
jquery cycle image problems
The issue that I'm having is that the images in my slideshows occasionally downsize to a thumbnail size as moving through images with next or prev button. Anyone have an idea whats going on? Here is the site http://www.katiesoule.com/portfolio.html <!-- include jQuery library --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <!-- include Cycle plugin --> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
Validate plugin nog working in IE8
I have a form using the validation plugin and it's working great in FF and Safari but not in IE8. Can anyone tell me what's wrong with this code: jQuery(document).ready(function($) { // ajax submit form var $form = $("#contact-form"); var $sending = $("#msg-senging"); var $success = $("#msg-success"); var $errormsg = $("#msg-err"); // validate form $form.validate({ onfocusout: false, rules: { contact_form_name: {
cluetip shadow problem IE8
Very nice plugin, however I'm having a problem in IE8 whereby the dropshadow is shown in front of the cluetip - same code works OK in Chrome. Of course switching dropshadow off resolves it, but I wonder if there is a workaround - I did search here but didn't find any similar reports.
jQuery Media and UI dialog issues
I have a video on my page that is being renedered using the jQuery media plug-in. This works great until I open a dialog box on the same page. When I do this the video is playing above the dialog box. I have spent several hours searching for a way around this and have found several post saying to use either wmode transpartent or opaque. I have tried both and nothing is working. I don't know if this makes a differance but the player and its controlls are under the dialog, it is the actaul video
Problem while positioning jQuery qtip tooltip.
Hi, I have an application which make use of the qtip for showing the tooltips.There is a div which shows the serach results like below. <div id="results"><a href="#">Test</div> Actually we want the tooltip to be active only once the content of the "results" is loaded completely. So i have tried like this jQuery('#results').load(function(){ initalizeToolTip(this); }); But when we position the mouse pointer over the link at the time of loading,the tooltip takes a position which is different
Refreshing on load
My question is...is there a jQuery plugin which will force a page to refresh (reload) on loading and do it only ONCE?
jQuery validate basistance...
Hi, We have implemented the great validate class, but are running into some issues... For backwards compatibility reasons, our form validation is initiated as follows: $('form').livequery(function() { $(this).validate(); $(this).find('.fx-widget').each(function() { validators = $.parseJSON($(this).attr("data-validation")); for(i = 0; i < validators.length; i++) { switch(validators[i]["TYPE"]) { case 'required':
Is there an x, y coordinate plugin for a draggable div?
Is there some type of plugin available that can dynamically track and output x,y coordinates of a box I set using .draggable(). I'd like the coordinates to show inside the box as it is being dragged. Check out this practice site: http://pourite.com/resizable/resizable.htm I wrote I simple scripts and I'd like to be able to drag any box I add and show the x,y coordinates inside of each one. Thanks
Jquery Form Malsup with Validation
Hi all, Hope someone can help, I'm using the malsup jquery form plugin which is great but I'm having trouble trying to validate with it. My problem is that I have multiple forms which the same input fields, so I can submit each form separate with Ajax each has its own id updateAddress1, UpdateAddress2 ect.. For this reason I've binded each form seperatly. php code: for($i=1; $i<=$deliveryAddress; $i=$i+1) { echo "$('#updateProduct" . $i . "').ajaxForm(options);" } This works to submit each form,
Errors using forum-plugin
Hello all, I am using the Malsup Forum Plugin to upload files on a few pages. I have recently run into a problem. I believe it is related to how I am handling the callback. I am doing this all on one page, I have a structure like this: somepage.php <?php //check for file upload here and store a reference to the file in the db and a copy on the server ?> <div id = "cont"> <form id = "test_form" action = "somepage.php" name = "test_form" enctype="multipart/form-data" method
writing a jquery plugin-- giving blank value for my matched textboxes "inpu1.val() - giving balnak values"
hi, below is my plugin and its usuage but its always giving a blank values for "inpu1.val()". its working fine in individual files but not working in my application site. even its attached mouse events with my matched textboxes but values are coming as null. usuage: $("#subscriberZip").placeCharacter({mask:'99999-||||'}); plugin: /* * jQuery custom plugin for optional masking * how to use: * <input type="text" class="tp" name="t1" id="t1" value=""> * $(".tp").placeCharacter({mask:'99999-||||'});
using google.load("jquery", "1.4.2");
I have a demo script that uses this code to facilitate Google translations. <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.4.2");</script> <script type="text/javascript" src="http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/jquery-translate.js"></script> If I have other plugins that are "hooked" to jquery 1.4.2 using this line: <script type="text/javascript" src='js/jquery.js'></script> How will the
Next Page