[jQuery] superfish
Is my dropdown menus do not work correctly... any ideas
Animate between two lists?
Hi All, I would like to be able to animate one unordered list into another. Say I had this list: <ul> <li>1</li><li>2</li><li>3</li><li>4</li><li>5</li> </ul> and I wanted to replace it with this list: <ul> <li>2</li><li>4</li><li>1</li><li>5</li><li>3</li> </ul> Is it possible to animate from one list to another (the 1 moving to the 3rd position, the 2 to the 1st position etc) using jQuery? Thanks, Whirlwindx
[jQuery] draggable/droppable pick some
I'm having a headache because I'm trying to make an on-line test. The graphics department wanted to make it all flash, but I said jQuery would do the trick, so please help me prove them wrong. I have a question, with six options, represented as six draggables. I expect three answers, represented as three droppables. The user is supposed to drag three draggables into the three droppables, and then click a button to check answers. What I want is for the draggable to be placed in the middle of the droppable
Full window carrousel??????
Hi All, I am looking for any help or suggestions in trying to create a full window carrousel like the one this guy uses to display his portfolio http://www.tomhoops.com/fashion.html I have started to use one that i found here http://sorgalla.com/jcarousel/ You can see how far i have got with this one here http://83.170.105.221/~joannave/x.html My main issue is to how to make the <ul> the full width of the window. Any help is greatly appreciated. Thanks, Tom
Ajax Calls
I've got the code below to produce a search facility like Google Suggests. When a users presses a key an ajax call is made and retrieves the search results. The problems I have is that when a user types a lot of characters and finishes the system is still sending and completing each key down request. Resulting in the search results flicking on and off and confusing the user. Is it possible to stop ajax calls if another call has been made? $(function() { $("#txt1").keyup(function() { var1
Jquery, Lightbox2 and Drupal
Dear Friends I'm new in this forum... I need a help for this my problem: I've buy a domain www.myaliasdomain.it to my www.mywebsite.com Now I wish launch a Jpeg by Lightbox2 for those came from the alias domain www.myaliasdomain.it. I've try to write this: $(document).ready(function() { if(window.location.href == 'www.myaliasdomain.it') { $Lightbox2('myimagePath'); }); but it now work...Someone can help me please? [/code]
Jquery and gettin data from radio input.
Im still learning the basics of Jquery, so bare with me! I'am trying to create a cart with jquery. This cart is for a computer builder. At this point, a user can select parts they want and the price gets updated through jquery at the bottom of the page instantly. Here is the code that I made up to accomplish this: var total = 0; $('input:radio:checked').each( function () { total = total + Number(this.value) }); $(".total").empty(); $(".total").append(total); $('input:radio').click(function(){
[jQuery] Catching document.forms['formid'].submit() with jquery validator
For those of you who frequent the jqueryhelp.com pages, forgive my question here as well. I am using the excellent jquery validation plugin found here: http://docs.jquery.com/Plugins/Validation It works incredibly well and am very happy with it (thanks). My problem is that sometimes my forms are submitted via document.forms ['formid'].submit(). I have no control over this statement as it is generated for me by jsf when it is rendering the element, which in my case is an anchor. Because it is getting
[jQuery] Stop on mouseover, restart on mouseout
I'm coming in on the tail end of the development of a site, and I'm having to replace another developer. I'm experiencing an issue with a snippet of code that causes a div to periodically move in order to show other content (similar to the main flash panel of hulu.com). There is one div named "media-scroll-container" that has an overflow: hidden property and holds another div named "media-scroll". Within "media-scroll", there are four panels: news, photos, videos, and facebook, and each of these
[jQuery] Mobile Ajax
Hello, I have a question which could be a very beginner question, "This is because I am a beginner", Can we use jQuery framework to build Mobile Applications, or I have to use a Mobile specific frameworks like Mojax or Frost. Thanks alot,
[jQuery] Bug in IE8 seting an attribute in a tag
When I set an attribute or a Data in the <option > tag and try get it back, it dosent work in IE8 but works in IE6, IE7 and Firefox 3. Something like this: <select id="ID1"> <option value="sample 1" selected>Sample 1</option> </select> <javascript> //set $("#ID1 > option[selected]").attr("dados", "new attr"); //or $("#ID1 > option[selected]").data("dados", "new attr"); //get (dosent work in IE8 :( ) var test1 = $("#ID1 > option[selected]").attr("dados"); //or var test1 = $("#ID1 > option[selected]").data("dados");
[jQuery] sortable serialize doesn't work
I have a strange problem with sortable serialize <ul id="sortable1"> <li class="ui-state-default">Item 1</li> <li class="ui-state-default">Item 2</li> <li class="ui-state-default">Item 3</li> <li class="ui-state-default">Item 4</li> <li class="ui-state-default">Item 5</li> </ul> <script type="text/javascript">serial = $('#sortable1').sortable ("serialize"); alert(serial);</script> To alert sortable serialize doesn't return any value? I received alert 'undefined'. What could be
[jQuery] Form no longer works with upgrade to 1.3.2
I'm working on a web form and had to upgrade to 1.3.2 tonight to solve some problems. Unfortunately, I now have a much worse problem. Not by my choice, I have to use ASP. With the lower version of jQuery, the form was working fine and I could process it as usual...e.g., HTML: <input name = "dept"> <input name = "employee"> etc. (There are around 40 fields on this form) ASP: dim dept, employee dept = request.form("dept") employee = request.form("employee") etc. However, since upgrading, when I submit
[jQuery] AJAX - ignore mime type
Hi, My ajax requests return xml, with the corresponding mime type. I'm using $.get, as so: $.get( $(this).attr('href'), function(data, textStatus) { $('#requestArea').val(data); }, 'html' //type, correct? ); $('#requestArea').val(data) sets a text area to say [object XMLDocument] So it seems my setting the type to html does nothing! I've played around
[jQuery] Full window carrousel??????
Hi All, I am looking for any help or suggestions in trying to create a full window carrousel like the one this guy uses to display his portfolio http://www.tomhoops.com/fashion.html I have started to use one that i found here http://sorgalla.com/jcarousel/ You can see how far i have got with this one here http://83.170.105.221/~joannave/x.html My main issue is to how to make the <ul> the full width of the window. Any help is greatly appreciated. Thanks, Tom
[jQuery] how to access the data from $.getJSON(ur,params,function(data)(){}
Hello, I am using struts2 and Jquery now. And who can please tell me how to access the sorttiervo from the 'data' $.getJSON('SortTiersAction',params,function(data)(){} data.sorttiervo? or other ways? public class SortTiersAction extends BaseActionS2 implements ModelDriven { SortTierService sorttierservice = new SortTierService(); private SortTierVO sorttiervo = new SortTierVO(); public void setModel(SortTierVO sorttiervo) { this.sorttiervo = sorttiervo; } public Object getModel() { return this.sorttiervo;
Resizing and clone/copy sortables
Hello. I got two types of connected lists: .productlisting_image & #sortable When I drag an image from .productlisting_image to #sortable I need it to resize automatically from 150 x 150 px to 113 x 133 px. How do I accomplish that. Secondly, how do I make a copy instead of moving the image from one list to another when dragging it? I have tried to insert $(".sortableproduct").addClass('sortableitem'); as you can se below. window.location.reload(); will reload everything but that does a refresh of
How to get the id of element clicked on
Greetings all, I'm just learning JQuery. I have a page of td cells that are created dynamically using PHP5. The id="" for each td cell is also created dynamically, meaning I do not know what they are or how many. <td id="<?php print $i; $i++; ?>"> When I click on one of these td cells, how can I use JQuery to get the id of that td cell? I've tried these, but get an "undefined" in my pop-up. jQuery(document).ready(function(){ $(this).click(function(){ var pos = $(this).attr("id"); alert("id: " + pos);
[jQuery] My code which use keydown(fn) don't work on IE?? help
$(window).keydown(function(e){ if (e.keyCode == 13) sendmsg(); }); $(window).keydown(function(ke){ switch (ke.keyCode) { case 13: alert('enter'); sendmsg(); break; } }); They work well on firefox and chrome but It is not work on IE7.0 ?
image info
I'm looking for something like this site: http://www.usopen.org/ One image up. And down the other images with info. Can I do it with jQuery?
[jQuery] Selecting dynamic elements
Is it possible to select an element from dynamically created elements before the tree is attached to the document? Given: $elems = $('<div id="outer"><div id="inner">hello</div></div>'); Is there any way to select and operate on the "inner" div before attaching these element to anything?
[jQuery] Enable a disabled button by id
I can disable button with specific id with the following code: jQuery("#click_me:button").attr("disabled", "true"); If I want to re-enable the button, the following doesn't work: jQuery("#click_me:button").attr("disabled", "false"); Does anyone know what I'm missing?
[jQuery] How To Extend a jQuery: Plugins versus Other?
I've created a first jQuery plugin. I'm working in a project that uses ColdFusion 5, and I'm being lazy about learning ColdFusion. I'm able to spit out simple plain/text of this format from a database using ColdFusion: person.firstName=Alan person.lastName=Gutierrez person.address.city=New Orleans And I convert them into hashes when they arrive from a $.get. I end up with this JavaScript object expressed below in JSON. var hash = { person: { firstName: "Alan", lastName: "Gutierrez", address: { city:
[jQuery] Get element's html and the element
Hi, Trying to grab an element from the page and save it to a file. I'm able to get its contents with .html() but I can't figure out how get the container itself (and its contents) without resorting to wrappers. Basically, I want $("div#container").html(); to output "<div id="container>all the content</div>" Something tells me this is easy and I'm just missing it. Thanks for any help. Will
[jQuery] How to access variable outside function
i sometimes do something like var i; $.getJSON("url", function (json) { // update i i = json.var; }); how can i access the updated i outside the function(json)...?
[jQuery] bind to front of event stack
Purpose: You have a number of bound events of a specific type to an element that are applied depending on specific user interactions. However, when one of them is bound, it needs to be fired first and then prevent the others from being fired until it has been unbound and then return normal behavior for the rest of the bound events. This particular bound event could be added to the stack whenever, which would could possibly allow other bound events to fire before it. Example: $('#myTestEl').click(function()
resizable on div has stopped working...
i don't recall changing my code in any significant way and today i was previewing my html in browser and noticed that the resizable attribute of one of my divs did not load... here is the unchanged code: var dragOpts = { revert: "invalid", snap: ".droppable", snapTolerance: 50, stop: dragStopCB, drag: dragStopCB, opacity: "0.8" }; var resOpts = { maxHeight: 120, minHeight: 80, stop: resStopCB, resize: resStopCB }; $('#task').draggable(dragOpts).resizable(resOpts); the #task div is draggable but NOT
[jQuery] ie6 and ie7 don't load image well when using Cycle plugin
I found that using cycle plugin by http://jquery.malsup.com/cycle/ is very nice while seeing the page with FF and the rest. However, ie6 and ie7 sometime can't load the slide show well. To explain in details, ie6 and 7 at the firsttime loading page can't load the image for my website. However the second time i visit the same page with cycle pluging embedded, it would work fine. I don't know if someone experience the same problem. I am not sure if it's about the size of image. Should i reduce it?
[jQuery] wmode not being written
When using the jquery.Media plugin for flash video, the resulting HTML does not write out the wmode parameter.
[jQuery] Cycle plugin adds white background in ie6 and ie7
For some strange reason in IE I get a white background added to my <li> tag each li has a transparent background PNG image. So it get white corners where I should see a nice textured background basically cycle changes the header of the site. which is rounded on the top works fine in both FF and safari. any ideas where the white background is coming from and how to fix it. If I remove the cycle js it works correctly. if i use the IE developer tool bar the inline style on the li looks like this. <LI
Removing and Adding DOM Elements which hold flash movies.
Hello All, I've run into a problem on a particular project, and it seems to be browser specific. The HTML: <html> <head></head> <body> <span id="video1" class="video"></span> <span id="video2" class="video"></span> <div id="controls"> <img id="prev" src="previous.jpg" /> <img id="next" src="next.jpg" /> </div> <!-- Now below is the flash cs3 produced html stuff to embed the video on the window load. Copy/pasted from Adobe --> <script type="text/javascript"> ... </script> </body> <html> Basically,
Call function after ajax success function complete: Solved!
This problem is now solved and I no longer need help. I have this code and am experiencing some problems $.ajax({ url: this.html_url, cache: false, success: function(html){ $('body:last-child').append(html); return true; } }); doSomething(); My problem is that doSomething is called before the ajax success function has completed. I would like doSomething to be called immediately after the ajax call is completed including the success function. Any
[jQuery] Cannot call a function within the callback in IE7 [2]
Hi, I make Ajax ($.get) calls and in the calback part I call a function defined elsewhere. In FireFox this is no problem. When I checked in IE however I kept getting an error 'object expected'. It took a while to figure out that if I remove the _call_ to the function with the actual function body (the code defined in the function handler) the problem disappeared and IE does not complain.. So instead of this: $(document).ready(function(){ $('#login').click(function(){ $.get( "/?event=cms.showlogin",
[jQuery] Triggering a pop up when javascript function call originates from Flash
Ok...so I found this cool site http://dev.iceburg.net/jquery/jqModal/ I'm trying to follow an example with the javascript that looks like this: alert("called successfully"); $('#ex3a').jqm({ trigger: '#ex3aTrigger', overlay: 30, /* 0-100 (int) : 0 is off/transparent, 100 is opaque */ overlayClass: 'whiteOverlay' }).jqDrag('.jqDrag'); /* make dialog draggable, assign handle to title */ //alert("HI " + title); // Close Button Highlighting. IE doesn't support :hover.
[jQuery] Stop on mouseover, restart on mouseout
I'm replacing another developer on the tail-end of a development project, and I've run into a snag. The page I'm working on has a div named "media-scrollcontainer" which has a property of overflow: hidden and holds another div named "media-scroll". Within "media-scroll" are four divs which hold different content: news, photos, videos, and facebook. Above this container is a div named "media-nav", which contains a list-based nav menu for each of these panels (you click on one and it animates the relevant
[jQuery] Basic - chaining multiple selectors?
Hi there! Please bare with me if this question is too basic :) I have the following code: $(function(){ $("form a.option").click(function(){ $("form input.fileimage:visible").slideUp("slow"); $("form input.fileimage:hidden").slideDown("slow"); }); }); I have an input with the class .fileimage and a link saying "I don't want to upload an image now" It works good. Now there's something I would like to do but that I don't know how to. When
Disable form field and enable when radio button is check
The title pretty much sums up what I'm trying to accomplish with Jquery. I've tried looking at their documentation and could not find what I'm looking for. When the page loads, I would like one form field to be disabled. When the users click one particular radio button, I would like that form field enabled. Is this possible with Jquery? Thank you, Joe
[jQuery] [validate] Test Suite Link Not Working
I went to the Demos page http://jquery.bassistance.de/validate/demo/ For the jquery Validation plugin and was trying to go to the "Terst Suite" which I assume is a page with all the different validation methods in one page. When I go to it though I get an error and the page does not load. Does this happen to anyone else? I'd love to see a page like this work to get examples. THANKS
[jQuery] [validate] Test Suite Link Not Working
I went to the demos page for the jquery Validation plugin and tried to follow the link to the "Test Suite" which I'm assuming is a page with a bunch of different validation methods being used as samples but I get an error everytime I go there and the page doesnt load in either FireFox or IE. Does anyone know why? I'd love to see this page or a page like it working.
[jQuery] [validate] Duplicate error msgs (and no re-validation) in FF/Opera. Works in IE6/7
I'm using the Validation plugin - http://bassistance.de/jquery-plugins/jquery-plugin-validation/ In IE6/7, it works fine. In FF/Opera, there are two (possibly related) problems: 1) If I submit the blank form, the validation seems to work. All of the required fields have the error message appended to them as they should. However, if I submit again, a 2nd, duplicate error message shows as well. This can be repeated indefinitely. 2) If I change the data an in Invalid input field, the error message does
Next Page