[jQuery] [FORM] Plugin -Error after Upgrading to jQuery1.3
After upgrading to jQuery 1.3 the FORM plugin has an issue with FILE uploads. When attempting to submit a form containing a file input type using .ajaxForm() it throws an alert stating: Error: Form elements must not be named "submit". Here is the form: <form id="imgUpdate" action="#" method="post" enctype="multipart/form- data"> <input type="file" name="mainImage" id="mainImage" /> <input type="button" name="imgCancel" id="imgCancel" value="cancel" /> <input type="submit" name="imgUpdated" id="imgUpdated"
[jQuery] Live Event with Custom Data?
So I'm not sure if there's a special trick, or if it just can't be done... but I'm not able to trigger the new "live" events with custom data. For example, before I had: $('.class').bind('someCustomEvent', function(e, data){ alert(data) }) $('.class').trigger('someCustomEvent', ['this will be alerted']); But with the new .live system (which is, otherwise, been a joy), I can't get it to fire: $('.class').live('someCustomEvent', function(e, data){ alert(data) // This actually alerts something to do
[jQuery] next closet or what
I am trying to get the input element from the current selection so for instance when I check a checkbox I want the next checkbox to be checked now I can use .next() if the checkbox is right next toeach other but once I put a td or span it doesn't work this doesn't work <table > <form method="post" id="frmOne"> <tr> <th>Name</th> <th>Location</th> </tr> <tr> <td><input type="checkbox" class="checkbox" name="ss" value="1"> Spiraldev <td><input type="checkbox"
[jQuery] Why would IE and FF give different code using clone?
Anyone have any idea why FF would respond properly to this code and IE 7 creates different code for this clone? Here's the original HTML: <div id="image-div"> <input style="margin-top:20px; margin-bottom:20px; display:block;" class="image-next" name="image-upload-1" type="file" size="65" value=""> </div> Here's the jQuery: $(document).ready(function() { $('#add-image').click(function() { $('.image-next:last').clone(true) .attr('name', function() { return this.name.replace(/(.+)(\d+$)/, function(s,
[jQuery] Can I override ui.draggable?
So, if I understand correctly, when I create a droppable, and it gets "triggered" by a draggable, the drop callback gets access to the draggable via ui.draggable. ui.draggable seem to wrap up the child tags of whatever tag got "labeled" as a draggable. This works well if you are dragging one tag, not so well if you want to drag complex data represented by a big div or table. Is there a way to somehow override ui.draggable? Ideally, I'd like the drop to see a JSON object instead of a messy pile of
[jQuery] Add/remove table rows and columns
I'm interested in editing a table by adding/removing rows and columns. I don't need to sort or paginate, I only need to alter the size of the table. Does anyone know of a plugin which does this? I've seen plugins which primarily manipulate table order, or paginate, or can only add rows, but that's not quite what I'm looking for. If no plugin is available, has anyone implemented something similar? If it's been done before, no need for me to duplicate it, but if not I'll try it out on my own. Thanks!
[jQuery] next closet or what
I am trying to get the next function working this works <table > <form method="post" id="frmOne"> <tr> <th>Name</th> <th>Location</th> </tr> <tr id="3"> <td id="2"><input type="checkbox" class="checkbox" name="ss" value="1"> Spiraldev <input type="checkbox" id="rr" class="checkbox" name="ss" value="1"> Sac Town</td> </tr> </form> </table> <script> $(document).ready( function(){ $( "input.checkbox" ).click( function(){ if($(this).attr('checked')
[jQuery] 1.3, attributeStartsWith and '['
Hello, I have strange problem with attribute StartsWith in new version of jQuery. This code gives 'FOUND' in 1.2.6 and 'NOT FOUND' in 1.3. There's a problem with [name^='item['], [name^='item[1]'] works fine. Is this a bug, or expected behavior? Code: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;
[jQuery] Conflict with Mootools...
I have a lot of jquery scripts in my html and I just added a mootools script. Now none of my jquery scripts don't work. <script type="text/javascript" src="/src/js/rssticker.js"></script> <script type="text/javascript" src="/src/js/slideshow.js"></script> <script type="text/javascript" src="/src/js/jquery/lavalamp/ jquery-1.2.3.min.js"></script> <script type="text/javascript" src="/src/js/jquery/lavalamp/ jquery.easing.min.js"></script> <script type="text/javascript" src="/src/js/jquery/lavalamp/
[jQuery] jquery.corners not Working in Mac FireFox 2 or Windows IE 7? Demo Page Provided
I have a page where jquery.corners works perfectly in Mac Safari, Mac Firefox 3, and Windows Firefox 3, but not in Mac Firefox 2, or in Windows IE 7. How can I correct this? An online demo is at this link: http://www.flavorzoom.com/corners_anomaly/corners_anomaly.html Thanks very much in advance to all for any info. -Vik
[jQuery] Selector Help
I have a table structure with a multiple rows containing a checkbox input and 4 text inputs with distinct classes. I want to prefill two of the text inputs in the same row where the checkbox is checked. Example code for the first two rows: <table> <tr id="row1"> <td><input type="checkbox" /></td> <td><input type="text" class="email" /></td> <td><input type="text" class="contact" /></td> <td><input type="text" class="realname" /></td> <td><input type="text" class="sport" /></td> </tr> <tr id="row2">
[jQuery] Change/Break in the JQuery 1.3 selecting xml nodes based on attribute value?
Hi There, I have been trying to integrate JQuery 1.3 into our software but found it breaking where I have previously successfully been using JQuery 1.2.6 to select xml nodes. The following test page illustrates and explains the problem. To recreate the issue you would need to create a html file containing all of the following as well as an xml file named XMLFile.xml which returns the xml noted in the comments below as well as a copy of both JQuery 1.2.6 and 1.3 as named/referenced in the head below.
[jQuery] setting default value for datepicker.
today I'm learnig jquery. I downloaded jquery-1.3.min.js and jquery-ui- personalized-1.6rc5.min.js with everything. I'm trying to get the calendar working. so far I have most elements that I need: start on saturday formatted date select year/month display with image and textbox focus there are 2 things remaining. 1. disable specific days (if date != saturday, disable) 2. set the default date. the getDate and setDate do not seem to work at all. here is my code: <html> <head> <script src="jquery-1.3.min.js"></script>
[jQuery] [UI Slider] Specifying Initial Value
Hello, Can someone confirm if this is possible? I generate a page that has 10+ sliders on it. Each has a different initial value when the page loads. Is there a way to set the inital value as part of the <div> element? The reason I ask is that I'd like to do a blanket $('slider-class').slider({...opts...}) rather than having to do $('slider-class').each(function(){$(this).slider({value:somevalue})}) . I realise they are quite similar but it looks less neat when it's done. Surely there must be way
[jQuery] Calendar Modal Pop Up in IE 7
Hello all, I've been working on a calendar for my web application that involves using jQuery to create a popup window with the calendar event information. Everything seems to be working great in FF3, Safari and Chrome. But of course IE7 is throwing me issues. Mainly the information in the modal box is not being displayed at all. I'm wondering if it is something inside my code. Here is what I have written. The functionality works as follows: 1) Wait for a click on a calendar event. 2) Get the eventID
[jQuery] Get the valueof jQuery
How can i get the value of label using jQuery. i use the following code $(document).ready(function() { alert($("#lbl").val()); }); in the body tag i place the <asp:Label runat="server" ID="lbl" Text="mainone" ></asp:Label> i am unable to get the "mainone" in the alert message. where i m wrong?. Appreciate any help Happy Coding :)
Newbie HELP: Page Fade out, then nepage fade in without jump
Hi, excuse the ignorance i am not skilled in Javascript, and using jquery so i cannot read it. I have an urgent request as im working on a proposal and although i am not going to be using jquery i would very much like to use use a simple page fade out and then fade in the next page. I am fully aware of the power of jquery and love the effects and one day i will stick my head into some books but if anyone could help me out with this small request it would be very much appriciated. i found this script,
Image reload onclick event - help needed
All: I'm brand spankin' new to jQuery, and I need to get in right away and add something. Normally, I read, test, try (repeat) but I have a massive deadline, and was just given code from someone else. I have the follwing onclick event currently in place: <a onclick="$('tr.segment_list_for_0').toggle(); $(this).parent().parent().toggleClass('selected'); $(this).find('img').toggle(); "> This toggles whether table rows below the link display or not. This works great. Now, I need to update the link so
Having problems with jHelperTip 1.0 when used with RadMenu..
I'm using jHelperTip for a PopUp Navigation - a little similar with windows start menu, and within that PopUp i'm using RadMenu. I'm not quite sure where the problem occurs when my submenus won't come out, it's either on the z-index (which i tried to solve, but still didn't work) or because both jQuery and Telerik RadMenu are using the '.hide()' function in javascript (which i think affects my RadMenu - that causes it's submenus to be hidden. -i'm new to both jquery and telerik- any help would be
[jQuery] change image scr of all images in a page
hi, i have more than 20 images in a form which might be refering like this <image src = "images/search.gif"/> i want a jquery script for replacing all image src with <image src = "http://s.images/images/search.gif"/> please help b u d d h a
[jQuery] New link being ignored by jQuery
I'm using jQuery to perform some ajax when a link with a certain id is clicked on. The ajax updates a database record and then it replaces the 'a' tag with a new one. This all works fine. The new 'a' tag has the same id as the old one, but text and some other properties on it change. It's the id that activates the jQuery functionality. When the old 'a' tag is replaced with the new one the jQuery that should operate doesn't work. I understand that this is because the new 'a' tag has been added after
[jQuery] jquery cache - checkbox event problem
Hallo, ich setze jquery 1.2 ein und nutze es recht intensiev. Soweit passt auch alles, nur die Events auf den Checkbox Elementen ist extrem langsam. Immer wenn ich den jquery-cache lösche oder im Browser F5 drücke, dann sind die Events der Checkbox Elemente auch wieder sehr schnell. Eine Testseite ist leider öffentlich nicht in dem Sinne verfügbar (ggf. mir eine Mail dann schicken) Vielleicht hat jemand Idee. Vielen Dank Rene -------------------------------------- translation with google ------------------------------------
[jQuery] jQuery AjaxForm: Auto setXmlHttpHeader with accepted format as json if dataType is json
As title, any chance somebody can show how to do such hack?
[jQuery] sortStart and sortEnd triggers - tablesorter
Hello, I am here again and I explain you my problem: This table has the option to select the required row through a radio button. But the problem is that if I sort the table (by any column) after selecting some row, the selection goes off. <div> I think that maybe I can use the sortStart and sortEnd triggers to maintain the state of the radio buttons in the table after sorting, but I`m still having problems.</div> <div> $("#tarjetas").tablesorter({widgets: ['zebra']}); </div> <table id="tarjetas"
[jQuery] Class selectors not working when using jQuery 1.3 with Mootools 1.11
Hi I'm working on a project that used to implement Mootools 1.11. It has been decided however that we switch over to jQuery since it is much faster and more light-weight. However, because we have created numerous widgets in Mootools, we still have to use it while the jQuery equivalent widgets are being developed. We have implemented the noConflict method with various degrees of success. We have noticed that after upgrading from jQuery 1.2.6 to 1.3, that using the old Mootools 1.11 along with jQuery,
[jQuery] treeview with ajax
Hi I am using treeview with AJAX. But my problem is that when I combine treeview with AJAX, the treeview is always displaying it in expanded form (I want the treeview in collapsed form) Can anyone tell how to make the tree collapsed. Thanks in advance. <script type="text/javascript"> $(document).ready(function(){ $("#tree").treeview({ animated: "fast", collapsed: true, unique: true, control: "#sidetreecontrol" }); }) </script>
[jQuery] Issues with jQuery Cycle Plugin
Hello all, I'm working with the Pager feature using the jQuery Cycle Plugin(http://malsup.com/jquery/cycle/int2.html) I'm having some problems. I made two buttons at the bottom of my layout that when pressed are supposed to fade in two separate content areas. I'm pretty sure I made the correct div's and inserted the jQuery code correctly, so I'm not sure why I'm experiencing the problems I'm facing. In Firefox the two buttons don't do anything. In Internet Explorer, the second button fades in the
[jQuery] loading jquery
Hi, I am loading jQuery from a script inside a page and need to execute next function right after jQuery loads. What would be the best way to do this? So far I have tried using a timer to check if jQuery == 'undefined'
[jQuery] simple click event won't fire
Within a <table> each first <td> of every row has an <a> tag. But I want the whole <tr> to be clickable. To avoid recursion I've put a .one() event on the <tr> like so: $("table.vacatures tbody tr").one("click", function(){ $(this).find("a:first").click(); }); But the click on the <a> tag will not fire. Why?
[jQuery] Help me regarding cart?
Hi Can Any one Provide me a shopping cart script. Example : It should be like this <a href="http://www.ornamental-trees.co.uk/cart.php">http://www.ornamental-trees.co.uk/cart.php</a> If any one having the source please share with me... Thanks in advance Waiting ... <br clear="all">Anil.Arumalla
[jQuery] jQuery (English)
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = TOTALLY FREE Friendly(Frinedy) Gifts Upto Unliminted ( 20,000 ) http://friendfinder.com/go/g982154 http://friendfinder.com/go/g982154 http://friendfinder.com/go/g982154 = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
[jQuery] jQuery 1.3 live not working correctly
I am having an issue with the new live events in jQuery 1.3. Specifically I am having an regarding event bubbling. I have a a list of items, each item element looks like : <li><a>bla</a></li>. When the user clicks on the li element one thing should happen, and when the user clicks on the a element another thing should happen (The css styles are such that the user can easily see what to do). I will be dynamically adding and removing items from the list, hence the reason to use live events. When I
[jQuery] question about changes to :not() in 1.3
Here I am trying to get every element which is not a div that contains another div. Is $(':not(div:has(div))') supposed to now be equivalent to $('*').not ($('div:has(div)')) or am I misunderstanding what the change was (I'm just getting started with jQuery)? Thanks!
[jQuery] jQuery Tab not working properly in IE 6, 7
Dear Support, My name is rith , I am one of who using JQuery Tab. The Tab has problem with the in IE 6 and IE 7 .When i load the page in IE 6, or IE 7 i see the tab display fine ( Full image tab.png ) .But when i mouse over or click the tab , the tab image not display properly at the right corner of each tabs( see only the white space between ). Please help me to resolve this problem or guide me how to do it .I would like to thank you in advance for help . Best Regards, Rith
[jQuery] My effects aren't working.
$("#emailForm").ajaxForm({ target: "#formReturnArea", success: function(){ $("#formHelp").fadeOut("slow"); $('#formReturnArea').fadeIn("slow"); $("input").attr("disabled", true); $("textarea").attr("disabled", true); } }); is in a separate javascript file, and when the form successful sends, the help just disappears and the returnarea appears. But no effects, and when i try throwing in timer events or an animate effect to delay it, they do nothing.
[jQuery] Numerize set of ids
Hello there, I'm new to Jquery, and I've been seraching the site for a while and couldn't get an answer to my problem. Here is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Jquery add ids</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function
Agile Carousel - jQuery Plugin
Is it possible to make it static? Without make_slides.php? I want do it manual. eg. <div class="slide" id="1"> <a href="#"><img src="01.jpg"/></a> </div> <div class="slide" id="2"> <a href="#"><img src="02.jpg"/></a> </div>.... I don't want folder as source of images. http://plugins.jquery.com/project/agile-carousel
[jQuery] Menu Recommendation
I have been using coolmenu4 from http://www.dhtmlcentral.com/projects/coolmenus/ forever ( 7 years seems like forever ) and I was thinking of replacing it with a Jquery based plugin. Can someone point me to a plugin or CSS based menu that can replace this. I would like the menu to be a horizontal drop down, multi-leveled, drop down items will show over top of select lists, Menu grows and shrinks with browser window. Top level menu items can be spaced apart evenly accross 100% of the page width. Control
[jQuery] Newbie Cluetip Ajax Syntax Question
** I'm sorry if I'm double posting but my previous attempt seems to have disappeared. ** Does the current Cluetip support the jquery 1.3 simplified Ajax $.get technique? $.get( url, params, callback ) Example: $.get("test.cgi", { name: "John", time: "2pm" } ); If so, I'm having a heck of a time trying to get it to work for me. I'm trying to do this: prodtips.php?p=mbt35 by doing this: $('a.tt2').cluetip({ width: '360px', ajaxCache: true, arrows: true, sticky: true, closePosition: 'title', ajaxSettings:
[jQuery] Add Button / Select Form Change
Hello Guys, I'm trying to create an add button that will change the options in a select form from 0 to 1 and so on. So When the add button is pressed. The Qty: Select Goes from 0 to 1 Any help with this would be awesome, this is my first time trying to use jquery with forms. Best, Justin
Next Page