[jQuery] Freelance Job Post - Need JQuery EXPERT for ecommerce site
Seeking a JQuery guru to build a t-shirt design page (see shirtcity.com) for an existing e-commerce web site. Please contact Mike at 954-495-8898 or email attnpls@gmail.com. THANKS!
[jQuery] fade in div content on menu mouse click
I have a top menu and I'm looking to fade in the page content when I click a menu item. I've attempted to adapt the Tabs Plugin but it seems it all has to be within one div for it to work whereas I have my menu in one div and the content needing to be changed in another div. I'm really new to all of this as well so any examples where I could copy and adapt the code would be really grateful. Thanks in advance for any help.
[jQuery] Tabs plugin and divs
I'm trying to use the Tabs plugin to fade pages in and out when I click the tab. I'm actually attempting to adapt it a bit because I want to use buttons and not tabs. I have the navigation in one div and the content, that needs changing (fading) in another div but it seems I have to have the nav and content in the same div for it to work. Is there any way of doing this or should I be using another method as I don't actually want tabs in the first place? Any help would be much appreciated - I'm really
[jQuery] [autocomplete] combobox behaviour (and SELECT/OPTION accesibility)
hi Jörn, I see that your great plugin, autocomplete, can also behave like a combobox (a subset of...), in the sense that the result must match one of the possible values (practically, identical to a <select><options> html tags), correct me if I'm wrong. So, It would be veeeeery interesting to have, not only input and textarea, but selects, as well, autocompleteable, and in this last option, to have default behaviour of a combobox (must match, contains, local (obviously), etc...). All to be more "accessible":
[jQuery] What is the equivalent to Mootools $E(selector, data) in jQuery?
Hi. I'm porting a Mootools script to jQuery. Basically I need to extract some data from existing data. In Mootools, I did it like this: This creates a new element with some HTML : tmpData = new Element('div').setHTML(htmlData); This extracts all <li>*</li> from tmpData : $E('li', tmpData ).injectInside($('el)); I tried : jQuery('<div id="tmpData">'+data+'</div>'); jQuery('#tmpData').find('li').append('el'); which does not work for me because '+data+' contains the same elements which are on the page.
[jQuery] jTouch: iPhone compatible jQuery cheat sheet
Found via Twitter: jTouch: iPhone compatible jQuery cheat sheet http://labs.colorcharge.com/jtouch/ Rey...
STUCK WITH TABLE EXPANDABLE
Hello, I am very new at jquerry and I am trying to make things work, but it doesn't. I took an example of expandable tables at http://www.packtpub.com/article/jquery-table-manipulation-part2 and I am trying to use the following code: $(document).ready(function() { var toggleMinus = '../icons/minus.png'; var togglePlus = '../icons/plus.png'; var $subHead = $('tbody th:first-child'); $subHead.prepend('<img src="' + toggleMinus + '" alt="collapse this section"
[jQuery] Problem with Selecting Multiple Elements
I've run into an issue with JQuery that I'm not quite sure how to work around. Hopefully someone can help. Basically, I'm trying to go through a page and apply a tooltip to all the links with a certain class. I am able to select the attributes just fine, and apply the tooltip plugin to each of them, using code like this: $("a[@id^=note]").tooltip(); The issue here is that I would like to set some options in the tooltip, so that the tooltip displays text from the target of the link. I need to
[jQuery] Can I initiate a drag through code rather than mouse interaction...
I'm using jQuery UI and I'd like to set up an object to follow the mouse around until the user clicks on the document. I'm able to setup the object as draggable so that if the user clicks on it, it will drag but what I really want to do is setup the object so that it's draggable by default and then stops being draggable when the user clicks, but can then be picked up again if they click on it a second time. I tried obj.trigger('mousedown'), but it didn't seem to have any effect. Thanks in advance
[jQuery] How to get jScrollPane to start at the bottom?
I'm new to jScrollPane and trying to get a scrollpane to load at the bottom, so I can then make it animate to the top after the page loads. I can get it to animate the other way no problem, but can't see how to make it start at the bottom so I can scroll it up. I have looked through the JS code, but can't see where it's injecting the values for the top to be set to 0 when the page loads. I thought it would be a simple case of finding this then changing the value top the correct position for the div
[jQuery] how to fix reflection?
I like to combine Jquery galleria with jquery.reflect.js During testing i noticed this: --------------------------------------------------------------------------------------------------------------- onImage : function(image,caption,thumb) { image.reflect(); } works in FF but not in IE. Here's a sample: http://www.alexo.be/test/ Does anyone know how to fix this?
[jQuery] Attach div dynamically beside buttons
Hi, I'm trying to accomplish something similar to www.deskaway.com. I'm not sure if there is a plugin available to do this. Basically, when I click on a button, a loader gif shows up "beside" the button giving the feel that something is going on and after the operation is done is loader gif disappears. I can place a div containing the gif image beside the button and show/hide it accordingly but what if there are many buttons on a page! I hope my question was clear. Thanks
[jQuery] how to get fluid dimension of an element
I have an element with 3em height. //console.log(_$quarter.css('height'));//28.2px //console.log(_$quarter.css('height'));//28 <a href="http://maxb.net/scripts/dndbooking/demo/">http://maxb.net/scripts/dndbooking/demo/</a> Is there a method to obtain the real css (3em) property of this element? thanks Max
[jQuery] AJAX Difference between IIS and Apache?
Ok... this makes *no sense* (to me!) but then hopefully someone out there will have an answer. I have been using the Edit In Place from http://davehauenstein.com/blog/ to update some form fields using AJAX. All was going well until I noticed that spaces were being removed (e.g. 'Bob Jones' would become 'BobJones') The strange thing is that I ran this on an XAMPP server and it worked fine (spaces were retained) but when I ran it on my IIS server - the spaces were removed. The difference is in the
[jQuery] innerFade and delay? or Cycle and drupal 5.x ?
Hi, I have a question, i'm using innerFade (http://medienfreunde.com/lab/ innerfade/) to fade a number of images, I would actually prefer to use Cycle (http://www.malsup.com/jquery/cycle/) but for some reason it does not work with Drupal 5??. Anyway innerFade do work, but I need to specify a delay before it changes images the first time. I can see that cycle has this feature (delay: 0, // additional delay (in ms) for first transition (hint: can be negative)). Does anybody here know how one could
How do you use serialize()/ serializeArray()?
Hi I am got this html controls <input value="555555" type="text" id="mytext" runat="server" /> <input type="checkbox" value="1" /> <input type="checkbox" value="2" /> <input type="button" id="submit" /> and now I want to do on button click I want to use the serialize method to grab the checkboxes. but it does not seem to be working. $(function() { $("#submit").click(function() { var fields = $(":checkbox").serializeArray(); jQuery.each(fields, function(i, field) { $("#results").append(field.value
[jQuery] head part missing in Safari
I figured out a tweak problem with jQuery, whole html page injection and Safari. I tested only in safari on Windows, maybe that will works differently in Mac. To figure out the problem, I make a small testing page http://nyromodal.nyrodev.com/jQueryBug.php As you can see, when loading the page with an ajax request, the alert is shown in Firefox, IE but not Safari. Basically everything contained in the head part is simply not used. Writing the script tag in the body part works well. Moreover the HTML
[jQuery] Multiple Upload songs
Hello Everyone! I am new at Jquery. I want to upload multiple song using Jquery Multiple upload plugin. I am not understanding how to get songs from Jquery and upload it on FTP. Anybody can help me? Advance Thanks Sarm
[jQuery] [validate]If the A field is changed, how to call the validate method of B field?
There is a question: If the A field is changed, how to call the validate method of B field? In my form, there are A and B fields, I have to call B's remote method, when one of A and B have changed, coding: $(myForm).validate({ rules: { B: { remote: function(){ return "/validateABExist.do?A="+$("#A").val() } messages: { B: { remote: "the combination of A and B is existed" } }
[jQuery] Keeping the caret in view
I have an <input type="text"> into which users enter symbolic logic expressions, where the non-keyboard logical symbols are supplied by a short array of buttons. The click functions for these buttons use the getSelection and replaceSelection functions from the rather ancient fieldSelection plugin. In particular, they allow for in-place editing of data already entered into the text box, whereas without their use button-click entry would only append to the END of what has already been entered, regardless
[jQuery] Function variables getting lost? (super simple I'm sure)
I'm working on upgrading a calender to AJAX so it is much snappier, however i'm having trouble getting it to recognise my links. I have created this function: function loadContent(id) { $("#imacalendar").load('inc/eventcalendar.php?event_date='+id); } Which is called into use like so: <a href="javascript:loadContent(*date*);"> However this isn't working. I know the variables are getting 'lost' because the function works if I test it like this: function loadContent(id) { $("#imacalendar").load('inc/eventcalendar.php?event_date=2008-05');
[jQuery] Can't access form values after using load()
So my webapp has a problem. It seems that whenever I load content into a div (i'm using the jquery tab ui), I'm not able to access any changes to form elements that may occur. For example: I have a select box with 2 options: <select name="suite_type" id="suite_type"> <option value="1">Residential</option> <option value="2">Commercial</option> </select> This is loaded into my load div along with a bunch of other form elements I won't bore you with. Now I'm trying to basically post information to my
[jQuery] Jquery version of MUI Layout?
Anyone know of a JQ version of this? http://www.myjavaserver.com/~jander/mui/example/layout.htm Jquery UI will not do.
[jQuery] Cannot execute jQuery code in HTML of a AJAX retrieved page
I have a page with an overview of CDs. When you click on the "tracklist" button it retrieves a HTML page with the tracklisting with AJAX ($.ajax). At the same time I'm hiding all the CDs. In the HTML page with the tracklisting I have a "return to CDs" link button that hides the current tracklisting and shows all the CDs again. I gave this link a class so I can script it with jQuery. But for some reason it won't execute jQuery. Is this because the all the elements from the HTML page retrieved with
[jQuery] Cannot execute jQuery code in HTML of a AJAX retrieved page
I have a page with an overview of CDs. When you click on the "tracklist" button it retrieves a HTML page with the tracklisting with AJAX ($.ajax). At the same time I'm hiding all the CDs. In the HTML page with the tracklisting I have a "return to CDs" link button that hides the current tracklisting and shows all the CDs again. I gave this link a class so I can script it with jQuery. But for some reason it won't execute jQuery. Is this because the all the elements from the HTML page retrieved with
[jQuery] Cannot execute jQuery code in HTML of a AJAX retrieved page
I have a page with an overview of CDs. When you click on the "tracklist" button it retrieves a HTML page with the tracklisting with AJAX ($.ajax). At the same time I'm hiding all the CDs. In the HTML page with the tracklisting I have a "return to CDs" link button that hides the current tracklisting and shows all the CDs again. I gave this link a class so I can script it with jQuery. But for some reason it won't execute jQuery. Is this because the all the elements from the HTML page retrieved with
[jQuery] Cannot execute jQuery code in HTML of a AJAX retrieved page
I have a page with an overview of CDs. When you click on the "tracklist" button it retrieves a HTML page with the tracklisting with AJAX ($.ajax). At the same time I'm hiding all the CDs. In the HTML page with the tracklisting I have a "return to CDs" link button that hides the current tracklisting and shows all the CDs again. I gave this link a class so I can script it with jQuery. But for some reason it won't execute jQuery. Is this because the all the elements from the HTML page retrieved with
Draggable story book
I need to create a customizable story book. In the middle of the page I have a DIV that represents the book page. On the right side I have some characters, accessories and so on. I want to drag'n'drop the elements into the book page and then get the coordinates of each object dropped into this div since then I want to save these coordinates for printing the book. I also want if the user drag'n'drop the character outside the div move it to the original place. Do you know of something similar to what
[jQuery] jcarousel, ajax and thickbox
Please, could someone helps me? I've one problem about to use the plugin Jcarousel with Thickbox:if I try to load dinamically the items with Ajax the class="thickbox" doesn't works: function jcarousel_getItemHTML(item) { return '<a href="' + jQuery('src', item).text() + '" class="thickbox"><img border="0" src="' + jQuery('src', item).text() + '" alt="' + jQuery('title', item).text() + '" /></a>'; }; So I've tried to add the line "!tb_init('a.thickbox, area.thickbox, input.thickbox');" in some jcarosuel's
[jQuery] my first plugin: Table pager.
So, i after a week or so playing with jquery i made my first plugin. yippiee, the Table Pager! Therefor i would really like if there is some experienced/expert people, that could look through my code and come with some suggestions for improvements. I made this plugin since i really needed a very simple way of paging my tables, i was searching Google for any but those i found was way to overkill ;-) I have pasted the code here; http://pastebin.org/45669 and uploaded a demo here; http://rasmusstyrk.dk/tablepager/tablePager/
[jQuery] Drag and drop problem, please help?
Hi, I've been using LIs (<li>) and using Sortables (docs.jquery.com/UI/ Sortables/sortabl) to sort the LIs. I've attached a mouseover function with each LI. Problem (in IE 6 & 7) is that whenever I start dragging an LI and when I'm up above an another LI then mouseover function of the LI (which is below the LI I'm dragging) is called. How can I employ a mechanism so that every LI don't call their mouseover function if any other LI is being dragged above them? Thanks in advance. --Oltmans
[jQuery] Drag and drop problem, please help?
Hi, I've been using LIs (<li>) and using Sortables (docs.jquery.com/UI/ Sortables/sortabl) to sort the LIs. I've attached a mouseover function with each LI. Problem (in IE 6 & 7) is that whenever I start dragging an LI and when I'm up above an another LI then mouseover function of the LI (which is below the LI I'm dragging) is called. How can I employ a mechanism so that every LI don't call their mouseover function if any other LI is being dragged above them? Thanks in advance. --Oltmans
[jQuery] Where to put this script " jQuery(document).trigger('close.facebox') "
I downloaded facebox, i want to that by clicking anywhere on the page should close the div! where in the page do i put jQuery(document).trigger('close.facebox') and how can i use this script for other show hide div (jquery?) Thanks
[jQuery] Resizing.
Hi how can I resize every element in my website base on the client's display settings?? should I use if and then statments to check the clients browser settings and use a energy algorithm to check the energy levels in the image where it would be copied to extend the image and deleted to reduce the size of the image?? What do you guys do on displaying your website that would fit every display settings??
[jQuery] Can anyone help me with this Superfish problem?
Not sure if this went through or not, but I guess I need to be sure...apologies if this is a re-post. Having a problem with the display of the Superfish navigation script and was wondering of anyone could help me out. The site is here: www.chicagodance.com/ChiDance/index.html The menu works fine in everything except...wait for it....IE!!!! Please help and thank you in advance, _delic
[jQuery] Chaining animations and other actions
Hi list, I'm trying to make a kind of clone of jdGallery (smoothgallery) for jQuery and I've stumbled upon a problem, which I haven't been able to solve yet - I've been browsing through the group and tried some different search approaches on Google - but I've come up with nil. There are 2 kinds of animations involved in the system, one which fades between images, and one that hides/displays a descriptive text for the image. HTML structure looks something like this: <div id="fader"> <div class="el">
[jQuery] Can anyone help me with this Superfish problem?
HI guys, I am new to the board and wanted to say thank you in advance to anyone who can offer some assistance. I have utilized the superfish script to make the navigation for my new site and I noticed that I am having no problems in Firefox and other compliant browsers....BUT....naturally, I am having issues of the sub menus not displaying in IE6+. I have link to my test site here: www.chicagodance.com/ChiDance/index.html It works fine elsewhere, but again, I am having no luck in IE and am not sure
Sortserialize returns nothing
I'm trying to serialize, but I'm only getting an empty alert box. I get no error message, it's just empty. Please help! <script> $(document).ready(function(){ $("#myList").sortable({ update : function(e, ui) { serialize("#myList"); } }); }); function serialize(s) { serial = jQuery.SortSerialize(s); alert(serial.hash); }; </script> <style>ul { list-style: none; } li { background: #727EA3; color: #FFF; width: 100px; margin: 5px; font-size: 10px; font-family:
jQuery UI Accordion height calculation bug
I implemented the Accordion plug-in for jQuery, and am disappointed to find out it doesn't calculate the height correctly (I am setting autoheight to true). Basically, it calculates the height of the first element you click and applies it to all the others thereafter instead of recalculating it each time. There were a few workarounds and posts about using the latest build, but I can't get the thing to calculate the height correctly. Anyone know of a fix, or a different accordion-style menu that can
[jQuery] Can jQuery do this?
On the retailmenot dot com website they have a really cool feature; when you copy one of their voucher codes using your mouse, the retailers url is followed and a graphic appears for a couple of seconds advising you that the code is now on your clipboard. I am pretty sure that this effect is created by them using scriptaculous, is it possible to replicate this with jQuery? Is there a plugin that already does this? All the best
Next Page