[jQuery] Append Help
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18828"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=555485616-04112009>I am uploading images and once uploaded they appear in my sortable list.</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=555485616-04112009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet
[jQuery] Attempting to "hide" a div using jquery but div displays for a split second and then disappears
I am working on an accordian side navigation jquery piece and I am unable to get it to operate exactly how I want. The menu was originally designed by Roshan Bhattarai and can be viewed at http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html The original design does not degrade well since the div containing the drop down menu information is set to display:none using CSS- but another forum poster suggested that the css selector be removed and the hiding function be set in the jquery. This
[jQuery] taconite strange problem
HI All, I am using the taconite plugin and am running into a strange issue. I use taconite to call several processes after each other (php) and update messages in the page, as such it is running fine. I have one big issue, if I open one database table too many in one of the calls, taconite receives the xml but does not update the page. With taconite debugging turned on I can see the following: WITHOUT the database I get to my last step in the database: [taconite] time to process response: 28ms [taconite]
[jQuery] Jquery Form Plugin not sending name of button in Safari
I have a form with 2 button elements in it. Button elements are used because they are much easier to style as needed. <form id="testform" method="post" name="testform"> <input type="text" value="" name="firstname" id="firstname"/> <button class="button ci_btn_shdw" value="Save As New " name="_event [aed_save]" type="submit"><span>Save</span></button> <button class="button ci_btn_shdw" value="Save As Copy " name="_event [aed_copy]" type="submit"><span>Save As Copy</span></button> </form>
[jQuery] Fill key va value from response of Json { "1": "Quan 1", "2": "Quan 2", "3": "Quan 3", "4": "Quan 4" } in listbox.
Hi, all. I have two listbox: a listbox country <select id="edit-field-country-value" class="form-select" name="country [value]"> <option selected="selected" value=""> - None -</option> <option value="1">Malaysia</option> <option value="2">Thailan</option> </select> a listbox city <select id="edit-field-city-value" class="form-select" name="field_city [value]"> <option selected="selected" value=""> - None -</option> </select> When i select country then i use ajax response data { "1": "Quan 1", "2":
[jQuery] Using stop() Outside Of Animation
I know that stop() works well when using animation, such as when one passes their mouse over a series of animations to prevent the animation from continuing. However, I in my code I am using hide() and fadeIn() to do the work: $('li').hover( function() { $(this).find('div.SectionTitle').hide(); $(this).find('div.Explanation').fadeIn(150); }, function() { $(this).find('div.Explanation').hide(); $(this).find('div.SectionTitle').fadeIn(150); } ) I have not been able to get stop() to work with these
[jQuery] Jquery Accordion and History
Hey Trying to implement JQuery on a website I am working on, basically, the whole front page is one big accordion and clicking on the various bars opens and closes the sections. Like this example. This all works perfectly, but like all javascript, if the user clicks the back button, it does not keep a history of the changes. I understand there are plugins like Jquery History and Jquery-BBQ that I can use, but I cannot work out how to implement them! The code I wrote for my accordion is as follows:
.offset() gets different values from IE7 for some reason?
I have an application I'm working on that allows a user to upload an image and put colored dots on POI's, then attach a tooltip to the dot and populate it with custom fields. In order to keep the dots inside the image while they're being created or dragged (drug?) around, I've created the following piece of code: function limitCoords(x,y,objId,isNew) { if(isNew===true) modifier = -7.5; else modifier = 0; newX = x + modifier; newY = y + modifier; minX = Math.round($(objId).offset().left);
[jQuery] setTimeout with variables (in a jQuery statement)
Hi, I'm trying to use a jQuery statement inside a setTimeout function, but I don't get it to work. I tried a lot of variants, like this one (I'm using 'this' because the setTimeout is inside an each function, and the selector is cached/stored in an object, thus the $selector): setTimeout("" + this.$selector + ".val('" + this.savVal + "')", 1); How do I have to write this? Thanks!
multiple confirm() dialogs for a single click event?
Code like the below creates almost always more than one and sometimes as many as ELEVEN dialog boxes. This frustrating behavior doesn't seem to be affected at all by whether you choose "OK" or "Cancel". Is this a known issue and if so, is there a workaround? $(".delete").live('click',function(){ if(confirm('delete stuff?'){ $.post('delete.php',{toDelete:$(this).attr('id')},function(){ $(this).remove(); } } }
[jQuery] jQuery Validation request
Hi, I was working with validation, but am having problems using the method "max" for maximal numbers. I live in Holland and for us the decimal character is a comma, and I can use comma's for validating the max value of a field. Could someone please make an addon like "numberDE" for max? So i can check comma's. Thanks! Richard
[jQuery] jquery validation is broken that was working before
Hi, I have used jquery.validation before without any issues. I have included the jquery validation javascript in the header and this test link does not work for some reason - http://dev.ntroduction.com/?page=step3 The validation code is called before the form as I have done else where. But this page is just making me look dumb. I get the following errors on Firebug: $() is undefined [Break on this error] $().ready(function() {\ndev.ntro...ction.com (line 397) syntax error [Break on this error] }//if\nindex.ph...0&track=1
Make tooltip follow the mouse while the target is hovered
This is the code I have <script src="<?php bloginfo('template_url'); ?>/jquery.js" type="text/javascript"></script> <script type="text/javascript"> <!-- $(function () { $('.bubbleInfo').each(function () { var distance = 10; var time = 250; var hideDelay = 500; var hideDelayTimer = null; var beingShown = false; var shown = false; var trigger = $('.trigger', this); var info = $('.popup',
[jQuery] Slider
I have 3 sliders on one page. the value combination of slider1 and slider2 dictates the position of slider3 handle. but its not smooth... for instance, slider 1 and slider2 have 30 steps, so is pretty smooth to slide, but slider 3 i can only site to position at values 10, 20, 30.... it doesnt slide like slider1 and slider2 do.... is there a way to say, as the sliders are sliding, to move slider3 just as smooth ast the other two?
[jQuery] Calling an iframe's javascript function
Is there a way to implement this JavaScript commmand through JQuery? document.getElementById('iframeid').contentWindow.myFunc(); Thanks!
[jQuery] .png transparency in IE 6 and jQuery
I have been able to successfully apply transparency fixes to transparent .png images using some jQuery plugins (as well as other methods). However, I have a problem in that my design requires that I have rollover images on those .png files. The problem is that every method that I have encountered changes the src attribute in the code so that it becomes blank.gif or pixel.gif - something like that. This is causing problems with other parts of my code where I need the src attribute to be set to the
[jQuery] Demo Error for Accordion
There is a bug in the demo/docs here: http://docs.jquery.com/UI/Accordion In this block, the H3's don't properly close tags. Causes issues with IE, and might reduce some of the noise on the lists from bogus problems. <div id="accordion"> <h3><a href="#">First header</a><h3> <div>First content</div> <h3><a href="#">Second header</a><h3> <div>Second content</div> </div> Matt
[jQuery] Hi
<span id="membersspan"><span style="width: 95%;"><b class="date">Hi Friends get your 2 dollors for free... <a href="http://www.hyifund.com/?id=5712">http://www.hyifund.com/?id=5712</a> <br clear="all"> </b></span></span>Warm Regards, Mari Raj K,
Passing multiple variables with jQuery 1.3.2
Hello, I'm quite new with jQuery so don't hit me if I'm asking something stupid . I'm trying to pass data to my mySQL database, but I'm doing that 2 jQuery scripts: User comes on my page where there is a list with some values, e.g 530, 532, 534 etc etc .. User clicks on one of them, this link is using the jQuery to get another php file which get's the data from my DB and list it below the first list, here's the code for this: $('#letter-e a').click(function(){ $.get('e.php', {'depot': $(this).text()},function(data){
[jQuery] When to Use'.' When Referring To Css Classes In JQuery
Hi, Is there some general rule to determine when '.' should be added to JQuery method parameters when referring to CSS classes. Here's an example from the excellent book "Learning JQuery 1.3" if ($header.is('.sort-alpha')) { findSortKey = function($cell) { return $cell.find('sort-key') .text().toUpperCase() + ' ' + $cell.text ().toUpperCase(); }; } In this case both '.sort-alpha' and 'sort-key' are CSS classes. How does one know when to include the '.' Thanks, Mark PS. I accidentally placed this
[jQuery] Need help using JQuery selectors
I am trying to use this jquery slide function that i found online. It's a very basic slide plugin i suppose, which selects a div using the div's id tag. I wanted to make my menu hide/reveal multiple divs and therefore I modified this function that I keep in my .js file to make things work theoretically. But for some reason I cannot get this to work and I think that it might be that my selectors are implemented wrong in my js file. Here is an example of what I've got which seems to work except for
[jQuery] AJAX POST causing 500 unimplemented method
I am using an AJAX POST, i.e.: $.ajax({ url: serviceUrl, async: false, data: params, type: "POST", dataType: "xml", //more code here... }); But in the browser, I see that instead of a "POST" I see an "OPTIONS" as well as a "500 unimplemented method." Any idea what that "OPTIONS" and "500 unimplemented method" mean?
[jQuery] AJAX POST causing 500 unimplemented method
I am using an AJAX POST, i.e.: $.ajax({ url: serviceUrl, async: false, data: params, type: "POST", dataType: "xml", //more code here... }); But in the browser, I see that instead of a "POST" I see an "OPTIONS" as well as a "500 unimplemented method." Any idea what that "OPTIONS" and "500 unimplemented method" mean? -- View this message in context: http://old.nabble.com/AJAX-POST-causing-500-unimplemented-method-tp26164396s27240p26164396.html Sent from the jQuery General Discussion mailing list archive
[jQuery] images show before jquery and cycle plugin work their magic
Hi, I am looking for assistance with a loading problem and my apologies if this is beyond the scope of this group. I am running the lastest jQuery and Jquery cycle plugin. I haven't done any customization per se only trying to get the two components to work. I am at the point where things "seem" to work, however when the page loads all 4 images in my DIV span down the page and then merge into one at the end of the page load. I've seen other implementation of these 2 components but the images don't
problem with append();
Hi, I'm having probs with append(). When the page loads I add a function to certain images: $(table#viewer tr td.incl_vat div.delete img).click(function(){ /*stuff*/ }); but after appending a now row, with a similar image, the onclick function on that row doesnt work, seems like it needs to be reinitialized or something. I tried making a function of: $(table#viewer tr td.incl_vat div.delete img).click(function(){ /*stuff*/ }); But when I call that function after appending, the new image is not clickable
[jQuery] Selectors
Here's what I'm trying to do. When I click on a tr i'd like it to hide then re-style the table to alternate gray rows. So on click I hide the tr then run this at the end of the animation/ hide $('tr .myToggle').removeClass('gray'); $('tr .myToggle').not(':hidden').not(':even').addClass('gray'); I want to know if there is a better way of writing the second line: $('tr .myToggle').not(':hidden').not(':even').addClass('gray'); I've tried: $('tr .myToggle:not(':hidden'):odd').addClass('gray');//does
[jQuery] Slideshow with cycle
Hi all, I have a slideshow using only cycle with a scroll horz. I have six thumbs, three visible at first with prev and next arrows to see the other three. I also have an automatic transition through each thumb but when it gets to the fourth thumb, it doesn’t scroll. Is this possible with cycle? Thanks!
[jQuery] Getting position of link parent in table
Hello I have one anchor link per row in my table's td's with a css class of .viewLink, and have attached a simple event to display a div with the contents from an ajax request. Now i am trying to align the popup with the position of the link, or row at least. Here is the code i have so far. $(document).ready(function(){ $("#viewDetailsTable .viewLink").each(function(){ $(this).mouseover(function(){ $.ajax({ type: "GET", url:
[jQuery] autocomplete: unautocomplete not working v1.1
Hi guys I am using v1.1 and the unautocomplete is not working correctly for me. The unautocomplete partially works... as in it doesn't show the user anything (although the loading style is changed) but it still triggers the ajax call and just doesn't display the results... The point being that the autocomplete is still running in the background. This is how I'm wiring it up (the idea being that I can autocomplete the localities for countries that are known): if (_this._$CountrySelectScope.val() ==
[jQuery] jQuery form Validation plugin with JSP
I have a static html page for testing and the remote field is wired correctly with email as the following rules: { FirstNameEdit: { required: true }, LastNameEdit: { required: true }, EmailEdit: { required: true, email: true, remote: "emails.jsp" } , EnrollYear: {required: true} }, messages: { FirstNameEdit: {required:"First name is required"}, LastNameEdit: {required:"Last name is required"}, EmailEdit: {required:"Valid email address is required", remote:"Incorrect email address"}, EnrollYear: {required:"Choose
[jQuery] changing a select
I need to programmatically change the option that is selected within a select. I have code registered to run when this occurs, whether the selection is initiated by the user or programmatically. Why doesn't this approach work? $(document).ready(function () { $("select#foo").change(function () { alert("Now selected: " + $("select#foo > option:selected").text()); } } var select = $("select#foo"); select.find("option:first").select(); select.change(); The alert is only displayed when the user changes
[jQuery] Get XML nodes when node name is repeated
I am having trouble getting a specific node in an XML doc, when the doc contains various nodes that contain sub-nodes with the same name. It probably easiest to just show an example. For example, with this XML: <foo> <id>100</id> <bar> <id>200</id> </bar> <foo> if i do this jquery var fooId = xml.find("id").text(); It returns "100200" It is returning both "id" nodes, when all i want is the foo id node. How can i select only foo's id node. t thx, Joe C
[jQuery] Tooltip read xml file
Hello. I am a newbie with jquery and I need and little help. I am creating bassistance jQuery tooltip plugin. The problem is that I can not get certain parts of an XML document and insert it into the tooltip. The first time I pass the cursor, nothing happens. After the information is not updated. The example application can be viewed at: http://in.hostei.com/bass/index.html My jQuery code is: $('div.cont span').tooltip({ track: true, delay: 0, showURL: false, fixPNG: true, top: 0, left: 15, fade:
[jQuery] Tooltip read xml file
Hello. I am a newbie with jquery and I need and little help. I am creating bassistance jQuery tooltip plugin. The problem is that I can not get certain parts of an XML document and insert it into the tooltip. The first time I pass the cursor, nothing happens. After the information is not updated. The example application can be viewed at: http://in.hostei.com/bass/index.html My jQuery code is: $('div.cont span').tooltip({ track: true, delay: 0, showURL: false, fixPNG: true, top: 0, left: 15, fade:
[jQuery] Create interactive song list selector
We have a master list of hundred songs we can draw from in our database. I have already created a php / mysql / ajax (maybe not needed here) combination which populates the page with a table of a master list of items. Currently when the worship leader clicks on the name of the song it is moved to a new table, and then that list gets placed in a database and emails get sent to the appropriate people. I need the list to do a little more. Two things I can't quite wrap my head around: In the master list
[jQuery] passing a variable through an attribute filter
Hi Guys, This is my very first post! so please be kind.... :) Ok, i am very novice to jQuery. But what i am trying to do is use the jQuery attribute selector to select an input with a specific name. I can select an input of name type fine by doing the folowing: $("input[name='name']").do something... But, can i pass a variable into that filter? to search for a variable? So if i had a variable called 'field_name' containing the text: 'email', can i do something like this: $("input[name='(field_name)']").do
[jQuery] keyup on textfields
Hi, Im new in jQuery, so... I need the textfields triggers the same function and I have a lot of them, Im doing this way: $('#id_emp').keyup(function(e) { if (e.keyCode == 13) { $('#busca').click(); } }); $('#id_bol').keyup(function(e) { if (e.keyCode == 13) { $('#busca').click(); } }); $('#ema_pes').keyup(function(e) { if (e.keyCode == 13) { $('#busca').click(); } }); $('#nom_emp').keyup(function(e) { if (e.keyCode == 13) { $('#busca').click(); } }); But Im think that have a better way to do this,
[jQuery] displaying image in top right corner
hello, i am pretty new to jquery and hope this is the right place to ask. my problem is the following. when i mouseover a certain element on a page, i want that a certain image is displayed in the top right corner of the page, no matter where the it is currently scrolled. how can i achieve that? thanks a lot!
[jQuery] how i can get the "id" of the dropped tag
how i can get the "id" of the dropped tag in this code : <script type="text/javascript"> $(document).ready(function(){ $("#draggable").draggable(); $("#droppable").droppable({ drop: function() { alert($(" ??? ")); } }); }); </script> the tags is : <ul> <li id="item_1"> <li id="item_2"> <li id="item_3"> </ul> thanks.
jQuery: Ankerproblem mit .fadeIn("slow");
$(document).ready(function(){ // content: slide-in effect $("#left").fadeIn("slow"); }); Mit dieser Funktion bekommt der Content bei mir einen Slideineffekt. Nun habe ich aber das Problem dass wenn eine URL mit einem Anker aufgerufen wird: www.test.de/seite-2/#top dann springt der Browser nicht zum Anker da die Seite ja einen Moment Später geladen wird, bzw. der Inhalt später geladne wird. Gibt es diesbezüglich einen Trick um das ganze dennoch mit dem Slideeffekt zu gestalten dass er auch zu dem
Next Page