[jQuery] Need Help with Pager Nav using JQuery Cycle Plugin
Hello Everybody, I have been using JQuery for a short time, but I am getting the hang of it, and you can do alot of cool things with it! Anyways, I made a slideshow controlled by a pagination type of navigation. Here is where the Pager Script is explained: http://www.malsup.com/jquery/cycle/int2.html http://www.malsup.com/jquery/cycle/int2.html . Here is what I have: http://amatorders.com/fadetest/mainfadertest.html http://amatorders.com/fadetest/mainfadertest.html . For some reason, the script creates
[jQuery] validate input file from client-side?
Hi, I got a html that will accept user image file input, then when user click a button which will trigger a php to process that image file. <input type="file" id='imgfile' class='adlist-input'> i want to validate that image file against their size/width/height/ file type etc, so once pass it validation, will save it to the server. my question is...any how to validate it from client-side 1st? in that way will react quickly to end-user in case any of validation are failed. so i am wondering it is possible
[jQuery] ui.sortable: canceling animation on drag out
Hello there, I have a sortable list plus a tree whose elements are drop targets. If an element of the list is droppen to a tree node, I remove the element from the list. The problem is that I use revert=true for the sortable and the element flies back to its place even if it's removed. Is there a way to cancel that? $('#productlist').sortable({scroll: true, update: saveSequence, handle: '#producticon', revert: true, opacity: 0.5}); $("#sectiontree").SimpleTree({click: onSectionTreeClicked, animate:
Need Help with Pager Nav using JQuery Cycle Plugin
Hello Everybody, I have been using JQuery for a short time, but I am getting the hang of it, and you can do alot of cool things with it! Anyways, I made a slideshow controlled by a pagination type of navigation. Here is where the Pager Script is explained: http://www.malsup.com/jquery/cycle/int2.html. Here is what I have: http://amatorders.com/fadetest/mainfadertest.html. For some reason, the script creates a second set of links that actually control the slideshow. I have no problem with that, if
[jQuery] jqueery function to select
<table width="90%"> <tr ><td width="50%" class="table2" align="right">Please select your name</td> <td width="50%" class="table1" align="left"><select name="id"><option value="">Mr <option value="">Mrs </select></td> <!--<td id="tabledat" class="table1">--> </tr> <tr id="dest"><td width="50%" class="table2" align="right">Service</td> <td width="50%" class="table1" align="left"><select name="target"> <option value="ab">pro <option
[jQuery] jQuery-1.2.5 - Prototype-1.4.0-1.5.0 conflicts caused by Object.extend
I have a bookmarklet plugin for jQuery which has trouble working on sites that use older versions of Prototype. It seems that the latest version of jQuery is more corruptible by libs like Prototype which extend core JavaScript than previous versions. CNN.com and Ajaxian.com both use version of Prototype which cause my jQuery bookmarklet to error out while initializing. Is there anything I can do to get around this problem of running jQuery after Prototype? Please don't tell me about $.noConflict().
[jQuery] Form Plugin, submit entire form into iFrame?
I am just curious if the jQuery Form Plugin (http://www.malsup.com/ jquery/form/) will submit the entire form into an iframe, or ONLY file type fields. I am needing to have the whole form submitted into the iframe, and I would like it to seem like the form is using ajax, with a server response, loading image, etc. Any info on this would be helpful!
[jQuery] hiding divs, then display one more at a time?
Hi all, I have a bunch of divs with a class of centerBox: I want to only display the first one on page load so am using: $(".centerBox:not(:first)").hide(); I now need to add a link that when clicked will display the next centerBox and so on... the code below shows all the hidden centerBoxs so any idea how i would modify it to only show the next hidden centerBox? $(".showmore").click(function() { $(".centerBox:not(:first)").show(); return false; });
[jQuery] Accordion Plugin: navigationFilter Question
I am trying to use the navigationFilter option with the Accordion plugin, but am unclear as to HOW to use it. I want to be able to filter out anything in the url past the request paramter delimiter, in this case, "?". So with the option "navigation:true" set in the options hash for the accordion function call, what do I put after "navigationFilter: " so that it knows to filter out anything after the "?" I know that navigationFilter is a function, but with zero documentation its difficult to guess
[jQuery] AJAX/XML/XSL/JQUERY/JS combo... its a doosie...
Ok, so check it out :) I have a sale page, where certain items that are on sale, are displayed. The items that are on sale are stored in an xml file. I use an XSL file to parse the xml into how I want the list to appear. I then use Javascript to load that info into the browser and inject it into the DOM. That work A-OK. However, I have been looking to add some new features. Instead of the items in the list just linking to the appropriate item page, I want to load a piece of the page they are linking
[jQuery] percentage preloader
do u know is there any way to develope percentage preloader on site like on flash sites? i looked in goole but find only gif-looped preloaders... bye
HELP! JQuery - Firefox works, IE doesn't
:banghead: Hi, I'm writing some code using JQuery (love it), and I'm running into some problems with it not working in IE. here's the snippet of code where I'm stuck currently: $.ajax({ type: 'GET', dataType: 'html', data: 'method=getCategories&cat_id=0&sub_cat_id=0&no_javascript=1&genre_select_box_only=0&t' + new Date().getTime(), url: '/service/index_dev.php', success: function(tmp) { var content = $(tmp).find('response').html();
[jQuery] How do I slideToggle the width instead of height?
I just want to slideToggle a box moving to the right instead of up and down. But I can not seem to find any documentation for it or filter.
[jQuery] Dynamically add datepicker
I'm having trouble dynamically adding both Kelvin Luck's and the UI datepicker to a page. I have one working fine when the page loads, but bringing one in via an AJAX call doesn't seem to work. Anyone have time to troubleshoot this one? I've emailed Kelvin to no avail.
[jQuery] Need help with hover and fadein and fade out
Hi I am having trouble using the hover and fade in and fade out I look at the doc I understand it but I don't understand how I can use it for what I want to do. I want the user to be able when the mouse is over a photo of them a table or window fades in with other photos they uploaded ect when the mouse moves off the photo or the table then the table or window fades out. can some one explain how I can do this and what rules I should follow when using hover and fade in and fade out ect. could I make
[jQuery] SlideToggle when other elements have finished animating?
Hi Guys, I have this script here: $('#toggle-about').click(function() { $('#contact').slideUp(400); $('#archives').slideUp(400); // The magic to wait until animation is done. Then after completely finished animating --> $('#about').slideToggle(400); return false; }); Currently what is happening is that the script makes the contact and archives ids to slideup, while at the same time the about id get's toggled. Sounds like a perfect accordion - but what I wanted to have is that the about id only gets
[jQuery] jquery history double call
hi is it possible to use the History plugin twice in the same page? i mean: 1) i make an ajax call that loads a page in a div. 2) In the loaded page i've got links that call other pages which load in another div. 3) Everything is dynamic, that is i got two or three parameteres in the url. thanks vitto
[jQuery] how can i get value in tags input?
example : $("<input type='text' id='test' name='test' />"); how must i get value in tags input ? Thanks.
[jQuery] [Validate] Some problem with latest version of Jquery Validator?
Hi, I just downloaded Jquery validator verison: 1.3 (I am using JQuery 1.25) With the latest version following things doesn't work: 1. Form gets submitted without getting validated 2. After entering invalid value, when we change the focus of the field, instead of showing the error, it throws following JS error. ----------------- val has no properties if (val.param || val.depends) { ----------------- Line No. 785. When I try the same thing with version 1.2.1 of validator, things work fine. Do let
[jQuery] Accordion: loading an accordion with one selcted
I have a page with an FAQ, which I put into an accordion. When the page loads, the questions are visible and the answers are hidden. Using the code I found here <http://www.learningjquery.com/2007/02/ more-showing-more-hiding> the user can toggle the visibility of one or more answers. Now I'd like to be able to link from any other page to one of the questions in a way that the relating answer (and only that one) will be visible when the page loads. The linking is easy, each question has a named anchor
[jQuery] multiple class selector
Hello I want to do: $('input.add,input.mul,input.sub') Is this good enough? I wouldn't like jQuery to search the whole DOM 3 times. Should I simply search for $('input') and after that check whether the class is 'add', 'mul' or 'sub'? thanks
Page transition (fadeOut, AJAX-Magic, fadeIn)
Hi, my nickname is yahooooo and I'm stuck. *g* I'm struggeling to get this one working: function bindlinks(){ $("#pfeile a").unbind(); //$("#pfeile a").bind("click", function(e){ $("#pfeile a").one("click", function(e){ var link = $(this).attr("href"); //ajaxloader(link); ajaxfx(link); return false; }); } $(document).ready(function(){ bindlinks(); }); function ajaxfx(url){ $('#loading img').css('visibility','visible'); $('div.ajaxreplace').fadeOut('slow',
[jQuery] Img Notes - jQuery plugin
have put together a QnD plugin to show notes over images (something similar to Flickr) Demo: <a href="http://www.sanisoft.com/downloads/imgnotes-0.1/example.html">http://www.sanisoft.com/downloads/imgnotes-0.1/example.html</a> Download: <a href="http://sanisoft.com/downloads/imgnotes-0.1.zip">http://sanisoft.com/downloads/imgnotes-0.1.zip</a> Details: <a href="http://www.sanisoft.com/blog/2008/05/26/img-notes-jquery-plugin/">http://www.sanisoft.com/blog/2008/05/26/img-notes-jquery-plugin/</a>
[jQuery] Resizable_layout bug IN IE
I can't resize with example Resizable Layout in IE . It's no problem in FF.
[jQuery] [validate] field 1 or field 2
Hi, is it possible with jquery validate to check 2 fields but only 1 of these 2 fields would be required ... one or the other ... I would have at least one phone number of client (work or mobile phone number) ... Thanks for your help ...
[jQuery] Ajax doesn't work on Opera Mobile(partially supports ActiveXObject)
Hi, Could someone answer my questions below...? I found that Ajax function of jQuery doesn't work with Opera Mobile 8.7(on Advanced [es] W-ZERO3), and I added a workaround for this problem to jQuery code as follows. Then it worked on the platform. --- jquery-1.2.3.orig.js 2008-05-16 16:19:36.000000000 +0900 +++ jquery-1.2.3.modified.js 2008-05-16 17:28:49.000000000 +0900 @@ -2658,9 +2658,7 @@ var requestDone = false; - // Create the request object; Microsoft failed to properly
A very simple image crossfader
Hello, I am trying to figure out the simplest way of fading between images when triggered by hovering over the respective link. Now, I am very new to jQuery and tried to adapt some existing code to suit my needs, however I encountered two problems: 1) The images don't fade correctly in internet explorer 7. Instead of a fading effect, the image seems to load choppily in sections (and returns an error). 2) I can only fade in a certain order (i.e. link1 then link2, but not link2 then link1). Ideally,
[jQuery] Loss of focus hotkey giving error
hi all, i seem to have a problem with using Hotkeys and intercept I would appreciate it very much if someone would explain why the error is occurring and a solution ty in advance OK the scenario.... I have a (series of ) AJAX call(s) after which i am populating a DIV with other DIVS arranged like a matrix . The user can use arrow keys to move between the DIVS or use letter keys to fill a DIV with the corresponding letter. A user can also click on a DIV to make it the active DIV to receive input.
[jQuery] .is() always returning true with hierarchy selectors
Hello all, I'm getting some weird behavior from jQuery (1.2.3 and 1.2.5 alike) when I use hierarchy selectors ("ancestor descendant", "parent > child", "prev + next", and "prev ~ siblings") in the argument of the .is() method. For example, in a well-formed html document: jQuery("body").is("div") // returns false as expected jQuery("body").is("div *") jQuery("body").is("div > *") jQuery("body").is("div ~ *") jQuery("body").is("div + *") // all return true, even though the body element // isn't a child
[jQuery] how to traver DOM in this suitation?
Hi all, I have some button that will be generated dynamic in following pattern, and what i want to do is to assign each button a click() event with the unique integer ( come from button id's value ) pass into click() event. <button type='submit' id='xxx-1' >Delete</button> <button type='submit' id='xxx-6' >Delete</button> <button type='submit' id='xxx-99' >Delete</button> logic something like :- $('match all button id like xxx%').click( function() { var i=id's num // ie 1, 6, 99 } ); as i am new
[jQuery] [validate] Possible to add form validation logic in multiple places?
I'm working on an ASP.NET validation integration with jQuery, and there are some things that inherently don't fit with how I'm defining my validation. There are some things like required with dependency expression and callbacks that are easier to ignore and define in the page yourself. My project (which I'll be releasing as open-source) automatically generates the $("#formId").validate() method, and redefining it elsewhere causes problems. Is there a way to define it more than once, but allow them
[jQuery] jQuery - clueTip : how to disable it ?
Hi all, Is there a way to "remove" clueTip from an object ? Here is the thing : I do some ajax in my pages, and for the emails (for example), if it is read, I display a tooltip indicating the read date, and if it not, I don't want to display any tooltip. But at page load it is not complicated. It gets harder when I mark an email as read or not read, because I have to dynamically add/remove a tooltip, and the fact is I don't know how to remove it. For information, doing : $("#myObject").attr('title',
[jQuery] A simple problem with jQuery post method
Hi evry1, i am quite new to Jquery so perhaps my question might be very simple.... my working code looks like this ... function letsJQuery() { //$.post("http://xx.xx.xx.com/test.php", { title: "jonny" } ); } this code sends the value jonny and sends to the php file present in a remote web server and my php file in tern stores this value to mysql table But this is not what i want, my desired code is , this code runs inside a userscript and captures the page titles ... -------------------------------------------------------------------------------------------
[jQuery] A simple problem with jQuery post method
Hi every1, i m quite new to jQuery and i not sure how to solve this simple problem...though it is quite simple ...plz bear with my long mail.... well the working code looks like this: function letsJQuery() { $.post("http://xxx.xxx.com/test.php", { title: "Jonny" } ); } This code sends my data i.e. Jonny and stores into the table column called title...with the help of my php script. but thats what i am not interest to save:) i want something like this........ ----------------------------------------------------------------------------------------------
[jQuery] Validation Plugin Doesn't work with jQuery 1.2.5
My system it's working with jQuery 1.2.3 and has the validation Plugin with the latest version , but When I changed the jquery to 1.2.5 it doesn't work .... What is the Problem
[jQuery] jQuery Validation Plugin noConflict issue
Hi, I'm trying to use the latest version of jQuery and the validation plugin. However, when I try to use jQuery.noConflict() I show 1 error speficying that $ is not a function. Any help regarding this issue will be fully appreciated! Ale
[jQuery] wild card match sytnax?
Hi all, if i have following html and wanna take a wild card match depends on id and then assign to a click() event, what is the sytanx supposed to be? i am new for jquery.. <button type='submit' id='xxx-1' class='delete-a' >Delete</button> <button type='submit' id='xxx-6' class='delete-b'>Delete</button> <button type='submit' id='xxx-99' class='delete-c'>Delete</button> for id $('#xxx-%').click( function() {} ) ? my purpose is search all id with 'xxx-%' pattern, then assign click event to each of
[jQuery] Show/hide toggle hides form too...bah!
I have this page: http://tinyurl.com/5hascg. I'm using JQuery for a few things - :hover on the main content blocks, form validation, and show/hide. By themselves, everything is working great! But it's the interoperability of the last two that are causing me a headache. When you click anywhere in the "For your home" box, the content appears. There's a form in that <div>. However, when you try to focus in that <div> by clicking, the form hides. So, what I'd like to know is how to show the <div> contents
[jQuery] Select attribute by checking more than one value
Hi, I'm new here, so forgive me if I'm missing something obvious, or violating etiquette. I'm trying the following code: jQuery('.entry a:has( img )[href$={".jpg" || ".gif" || ".png"}]').not('.download').attr('rel', 'popupgallery').addClass('something'); What I want it to do is to find in .entry all the <a> tags with <img>s inside them, but I only want <a> tags with href attributes whose values end in .jpg, .gif, or .png. And I want only those <a> tags which do not have a class of 'download'. So,
[jQuery] filenames cannot contain spaces in jquery 1.2.5
Hi, I recently started working with jquery 1.1.3.1. I made extensive use of the "load" function eg: $("#content").load($(this).attr("name")); After updating to 1.2.5 none of the load functions except for one worked any more. Searching the internet did not bring the solution and after trying to find the problem myself I found out that 1.2.5 does not like the spaces in the filenames of the files I tries to load. I solved it by changing the code to: var filename = $(this).attr("name"); //replace spaces
Next Page