[jQuery] Position relative to image?
Sorry if this has come up (or braindead simple), I'm new to jQuery and searched extensively for an answer. Trying to build a light box-esque popup div that comes up to the right (or left, depending on the image's grid position) when you click on an image. Was trying to get the right position of the element or add the image width + position but no luck so far. Help?
[jQuery] weird behavior with show()
Hello all, I could really use some insight in this. I am using the following jquery to show a menu on hover. The issue is that if you do not hover the link until the menu is completely shown, it pops up underneath. It's probably best if you just see what it does: http://www.chrisrockwell.com/csphoto. The portfolio and information links will behave very weirdly if you just run the mouse across them. I really appreciate any help that is offered. Thanks much. $(document).ready(function() { // find
[jQuery] Custom plugin needed
Hello all, I'm not sure if this is the right list for this posting, but Christian Bach, creator of the tablesorter plugin, recommended I "email the jquery list" to ask if anyone was interested in developing a custom plugin or customizing the tablesorter plugin for a some work I need to get done. I need a hierarchical table sorting solution and I've looked at a couple of javascript based solutions that are close, but not quite there: http://www.pengoworks.com/workshop/jquery/tablesorter/tablesorter.htm
[jQuery] JSON in jQuery
I am creating a widget where someone can post a note about the page (feedback). I am currently using AJAX to pass the information to my server, but I want to now use JSON, so that I can put it on one of my other domains and still send the info to my original domain. This is the function I currently have: function saveNote(obj, cancel) { var note_html = $(obj).parents(".note"); var page_id = getPageId($(obj)); if(!cancel) { var t = note_html.find("textarea").val(); var url = G_MAIN_DOMAIN + "/page/addNote";
[jQuery] Release: Tooltip Plugin 1.3
Hi, I'd like to announce a small update for the <a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/">jQuery tooltip plugin</a>. The support for image maps is back, the deprecated $.fn.Tooltip is gone (just use tooltip() instead), and two new features: A fade option, which takes the duration to fade in/out a tooltip in milliseconds. And the positionLeft-option, which configures the plugin to display the tooltip on the left of the cursor. From the changelog: <ul> <li>Added fade
[jQuery] Table Filter help
I have already received some feedback on this, but Im still stuck. I am basically looking to add a table filter to a table by using a dropdown or a series of dropdowns that will filter the data. The first link i was checking out is here. http://book.learningjquery.com/bookstore/news/ i was using that and trying to conver it over to be a dropdown instead, and I got it to work somewhat, but was extremely slow. I can post code if interested. Ive looked at other plugins, but most of them dont do dropdowns
[jQuery] Enabling a button depending on checkboxes...
Hi, I have a table (GridView from ASP.NET) which has a checkbox in every row and a Delete-Button in the header. Now this button should only be enabled when at least one checkbox is checked, without any elements being checked, it should be disabled. So here's the button: <asp:Button runat="server" ID="DeleteButton" Text="Löschen" tooltip="Markierte Dateien löschen" disabled="disabled"/> And here's my js: function SetDeleteStatus() { var foo="disabled"; $("#gvFolderItems input:checkbox").attr("checked",function()
[jQuery] paralax plugin _ wow !
<div dir="ltr">just spotted this new entry in the plugin rss feed, an impressive effect plugin ! <a href="http://webdev.stephband.info/parallax_demos.html">http://webdev.stephband.info/parallax_demos.html</a> <br clear="all">Alexandre Plennevaux LAb[au] <a href="http://www.lab-au.com">http://www.lab-au.com</a> </div>
[jQuery] Animate and Toggle
Hi there, I am pretty new to JQuery. I hope someone can answer these questions for me. I have some links on top of the page that are fixed in the center and a single division that is fixed in the middle of the page bellow them. I wanted to know how I could animate the division to resize itself and populate it with text, images, etc. when I click on a link. The links are external .html I tried using this just to test: $(document).ready(function() { $("li.action-one").click(function(){ $("#content").animate({
[jQuery] Problems with Content-Type header set to text/xml
I am using PHP as server side language and I am sending Ajax request to that page and if I set header("Content-Type: text/xml"); Then, in jQuery, I am not able to parse the response object even though I use dataType: "xml". If I remove the header, then it is working in Ajax( I am able to use the response in jQuery). But if I remove that header function, then browser is displaying that XML as a text file(When accessed using normal HTTP protocol, not Ajax).
[jQuery] coda slider on .mac with FF2
I am trying to use the coda slider with jquery here: http://www.roxstyle.com/projects/blssi/blssi-portal/v1-e/product-tss.html And i'll preface this by saying that i am much more of a designer than scripter(much more). the problem is that using mac with Firefox 2.0.0.14, on the "products" area 1. go to products area- any product 2. in the slider - any of the links opens the remote site in the same window 3. click the browser back button 4. the stripNav has now added a second stripNav. is there something
[jQuery] Forum to display full JS Browser apps
I am hoping several jQuery people will post examples of their programs, with explanations. In any case, you can share and learn from others on this group, if things go well. (See the first 7 posts for the rationale for the new group.) New group to display and share and explain examples of interactive javascript programs for the Internet (i.e. full-blown browser programs) http://groups.google.com/group/realcomplangjsapps This group should do a lot to clarify things about the major libraries and to
[jQuery] [validate] combining clearing default value with validate plugin
I am quite new to jquery and in particular the excellent validate plugin. I have the validate plugin validating my form ok (on submit only). However, a few textarea fields in my form have default values (just using standard html value, not labels etc). I have found several nice little plugins to clear the default value on focus, and put it back again if the field is left empty etc like coolinput, toggleval etc. I can get these working on their own too. However, when I try to combine the 2 plugins,
[jQuery] [validate] Bold normal label text when using error message container
The code: $("#formID").validate({ errorLabelContainer: $('#error_list'), } }); The html: <div id="error_list" class="hide"> <strong>The following errors have occurred...</strong><br /> <label for="first_name" class="error">Please enter the first name <br /></label> </div> <form id="formID"> <label for="first_name">First Name:</lable> <input type="text" id="first_name" name="first_name" /> </form> When submitting, everything seems to be working as it should, the "error" class is being appended to
[jQuery] Cluetip not displaying on first mouseover
The issue seems to be rooted in trying to do some cross-site AJAX magic. I need one site in our domain (foo.bar.com) to be able to fetch the cluetip HTML from another site in our domain (bar.bar.com). I've tried fetching the cluetip by 1. Setting up an Apache ProxyPass rule (http://httpd.apache.org/docs/ 2.0/mod/mod_proxy.html#proxypass) 2. Having cluetip use a local PHP file for the AJAX call; this file simply echoes a file_get_contents on the actual AJAX URL. Both of these work; the cluetip text
[jQuery] Appreciation
As a newbie, I want to express my appreciation to the code authors and the members who provide such fantastic support. As a newbie, I also joined the javascript group and am amazed at the difference. Here all is positive and supportive while over there they are negative and contentious (not to mention they bad mouth jQuery a lot). So many thanks, John
[jQuery] Validation Plugin Issue/Bug ??
Hey guys, I am using JQuery Validation Plugin and am getting a bug that I can't seem to figure out. When the user inputs a correct input, it shows my success class, but if you create an error after the success class has been triggered, the success class stays there with the error message as well. For example, view my registration form here: http://www.new.imagenerd.com/register/ For username, enter a name 3 characters or more (triggers success class) Then, for username, erase it, or enter a username
[jQuery] getJSON timing problem (probably a simple newbie problem)
Hi - I have a simple json file which contains a list of key/path pairs, the idea is that I will use this to update the links in a nav menu. In order to do this, I am using getJSON to load and parse the data, like so: var pathAssoc = new Array(); var pathVar = null; function getPathData(){ $.getJSON("js/paths.js", function(data){ //gets the json object //alert(data.paths[1].name); //pathArray = data.paths; //creates an array out of our returned data for( var
[jQuery] combining results
What is the easiest way to combine the results from multiple jquery objects. for instance if i want to do an operation with each span and div tag x = $('span'); y = $('div'); x.each(function(){alert('yo');}) y.each(function(){alert('yo');}) is there a way that i can combine x and y in z so that i can just call the following once instead of multiple times? z.each(function(){alert('yo');})
[jQuery] Replace multiple select box options with images
I have a select box that looks like this: <div id="ratings-box"> <select name="ratings2[]" multiple="multiple" id="edit-ratings2"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> </div> Now instead of showing it as an regular select box I'd like to present images to the user. I have one image prepared if the option is selected: rating_x_selected.gif (where X is the
[jQuery] finding next tr from td
is it possible to find the next tr from td using next() or any other events. <table> <tr id=1><td></td>....<td>Show</td></tr> <tr id=2><td></td>....<td></td></tr> .......... ......... </table> so when i click at "Show" i need its immediate tr, in this case tr with id 2 to hide/show
[jQuery] adding a radio button (Firefox vs. IE)
I have a weird issue that only seems to be a problem with Firefox, but works ok in IE. I'm adding a radio button using .appendTo and adding the button works fine, but with Firefox it appears the button is not in the correct group as selecting it will not deselect anything else in the group. Selecting it in IE will correctly deselect anything else in the group. I have reduced the code to just the bare essentials just for troubleshooting, but you can see what happens. Here is the HTML: <!DOCTYPE HTML
[jQuery] idiot alert!!! stupid jeditable question
Sorry for the stupid question, but can someone help me understand what I need to do to with jeditable (great plugin!) so when my text area data is submitted the line breaks are converted to br tags, but when the user edits the same text area again the br tags become line breaks again? For example, I enter: this is my test in my jeditable text area. Everything looks great but if I edit the same text area again I get this is my test
[jQuery] Jquery Ajax usage question
Currently, I use jquery's ajax function to create dymanic pages. But I don;t think I understand to to correctly make jquery event listners respond to the the DOM elements that I added via ajax response. I'll give an abrevated example below The function of the below script is to pop an alert box with the id of the <a> that was clicked form the list <script> $(document).ready(function(){ $('.a').click(function(){ alert(this.id); }); $('#bAdd').click(function(){ $.ajax({ ..... Abrevated .....}) });
[jQuery] Adding Values (Sum) of TD.
I am trying to do a footer at the bottom of the table, and I would love to use jquery to provide a total in the footer, something like this: 1 | 1 | 3 2 | 1 | 4 ---------- 2 | 2 | 7 (JQuery added the TDs above) Is it possible? And can anyone point me in the right direction.
[jQuery] Quick Selector Question...
How can I select all text inputs that have an ID that end in date? Thanks Scott.
[jQuery] how to get json or xml to be datasource of autocomplete
Hi! I'm making an app which benefit a lot from using autocomplete. However, I need to use an external file as source, and json or xml would suit the backend people best (ruby on rails). I have made an effort of trying to use xml, but ain't succeding. Maybe some of you guys can help me out? My xml file is really straightfoward: <customers> <customer name="somename" aname="somevalue"> <project name="test1" /> <project name="test2" /> <project name="test3" /> </customer>
[jQuery] scrollpane and UI Dialog window
Hi, onclick we open the UI Dialog window for detail information. In the window we have the UI Tab and into them content wrapped by the scrollpane plugin. When you open the dialog the first time everything works fine. But if you open it again the scrollpane hides the content as it's writing "height: 0px" as inline style to the class. Any idea why this happens and what can I do to reinitialize the scrollbar or is there another solution? thanks T.C.
[jQuery] JQuery countdown problom
I have wirted a countdown code like this: jQuery.extend({ buildprocess: function(seconds,target,json) { var self=this; $("#"+target).append("<li id=\"bing_"+json.t+"_"+json.c +"\">"+json.t+json.l+"level<span id=\"bing_"+json.t+"_"+json.c+"_1\"></ span></li>") var ___timer=setInterval(CountDown,1000) function CountDown() { $("#bing_"+json.t+"_"+json.c +"_1").html(__Seconds2Time(seconds)); seconds--; if(seconds<=0) { clearInterval(___timer); $("#bing_"+json.t+"_"+json.c+"").remove(); } } } }); when
[jQuery] JQuery countdown problom
I have wirted a countdown code like this: jQuery.extend({ buildprocess: function(seconds,target,json) { var self=this; $("#"+target).append("<li id=\"bing_"+json.t+"_"+json.c +"\">"+json.t+json.l+"level<span id=\"bing_"+json.t+"_"+json.c+"_1\"></ span></li>") var ___timer=setInterval(CountDown,1000) function CountDown() { $("#bing_"+json.t+"_"+json.c +"_1").html(__Seconds2Time(seconds)); seconds--; if(seconds<=0) { clearInterval(___timer); $("#bing_"+json.t+"_"+json.c+"").remove(); } } } }); when
[jQuery] JQuery countdown problom
I have writed a function like this jQuery.extend({ buildprocess: function(seconds,target,json) { var self=this; $("#"+target).append("<li id=\"bing_"+json.t+"_"+json.c +"\">"+json.t+json.l+"level <span id=\"bing_"+json.t+"_"+json.c +"_1\"></span></li>") var ___timer=setInterval(CountDown,1000) function CountDown() { $("#bing_"+json.t+"_"+json.c +"_1").html(__Seconds2Time(seconds)); seconds--; if(seconds<=0) { clearInterval(___timer); $("#bing_"+json.t+"_"+json.c+"").remove(); } } } }); when I just
[jQuery] Replace text in array
I have many of the following type of links on a page: < a href="htp://foo.com/index.cfm?a=wiki&tag=abc"><span>htp://foo.com/index.cfm?a=wiki&tag=abc</span> I'm trying to remove the text in between the span tags so that only the text after http://foo.com/index.cfm?a=wiki&tag= is showing. I have tried the following, but it doesn't seem to work. $('a > span').contains('index.cfm?a=wiki&tag=').each(function(i){ this.text().replace(/index.cfm?a=wiki&tag=/gi, ""); }); Can anyone point me in the right direction?
[jQuery] [TreeView] - How to collapse/expand with a link?
I have a UL list which i apply the treeview plugin. So far so good. The treeview control works like it should, but I need to be able to assign a link to collapse the tree. Any link without being inside a treecontrol div. The treecontrol assigns actions according to order of appearing links. First link expands, next collapses and the third and last one toggles. I need to be able to assign the collapse action to a link without using treecontrol. I imagine it would go something like this... $("a.collapse").click(function()
[jQuery] ui core tabs
Hello everyone, I have a question regarding the Tabs UI that JQuery has. At the moment when you select a tab you can't click it again. Is there an option I can set (didn't find it) or a change I can make so that I can click on a tab twice? Now the link gets removed from the DOM when a tab is selected but I would like to keep it. Kind regards, Michael Anckaert
[jQuery] My site asks for a pswd if JQuery is activated
Hi, I discovered JQuery today and would like to try it out in my current ASP-Project. So I downloaded the JS, added it to the ASP-File - and when I now launch the page, I'm asked for a password - this is not foreseen and clearly only happens when I include the script. What's going on? Thanks Michael
[jQuery] [autocomplete] Multiple Values, Update Hidden Field
Hello, I'm trying to to a message sending system. The message may have multiple destinations so i'm using the something similar to Multiple Birds (http://jquery.bassistance.de/autocomplete/demo/) When I add a new user it's id get added to the hidden field (with is correct). But if I delete a user from the autocomplete the id desn't get deleted from the hidden, is there anyway to do this? Is there any other type of autocomplete that allows this? With best regards, Luis Rodrigues
[jQuery] Validation Plugin Issue/Bug ??
Hey guys, I am using JQuery Validation Plugin and am getting a bug that I can't seem to figure out. When the user inputs a correct input, it shows my success class, but if you create an error after the success class has been triggered, the success class stays there with the error message as well. For example, view my registration form here: http://www.new.imagenerd.com/register/ For username, enter a name 3 characters or more (triggers success class) Then, for username, erase it, or enter a username
[jQuery] How do I cache a page once it has been loaded via AJAX?
How do I cache a particular page that has been loaded via Ajax GET request. I want it to stop the GET request after it has been loaded and simply show data onclick. I set the cache setting to 'true' and it still calls the request. What am I doing wrong? <code> <a id="myLink" href="javascript:;">My Link</a> <div id="myContainer"></div> <script> $(document).ready(function() { $.ajaxSettings.cache = true; $('a#myLink').click(function(){ $.ajax({type: "GET", url: 'myPage.jsp', cache: true, dataType:
Submit form only once Problem
I'm having a problem getting the form to submit only once when the user clicks on it. The first time they submit the form it is fine. Second / x amount time they submit it submits more then once. I did use the .one method which now limits it to submitting the form only twice. $j('#activateForm').click(function(){ $j('#showForm').fadeIn(); $j('.submitForm').one("click", function(){ $j.ajax({ type: "POST", url: "http://www.example.com",
[jQuery] Accordion + load dynamic JSON data
Hi there, I just started making great use of the JQuery UI components and must admit, they are *awesome*. I am however having some trouble trying to figure out how to modify my accordion code so that I can support dynamic loading of content. So for example when the user clicks to load the accordion bar it should open up and display a "Loading conversation" message then actually render the JSON data in a particular way. I was thinking of tackling this by calling a function which adds the loading message
Next Page