Passing ID values to autocomplete text box
Hi, As a recent convert to jQuery I'm getting to grips with the jQuery autocomplete plug-ins which are available. I thought I'd replace some of my combo boxes with these as they'd be very useful and make life easier for my users. I can understand how they work and how the values returned can be passed on via my forms, however, whilst I'd like my users to see meaningful results in the list of the autocomplete, I would like to pass on an ID for that field entry during form submission, rather than the
Get full image name for FILE input?
Hi, I'm trying to get the full value from an "image" field, with this: $('#client_local_offer_image').change(function(){ alert($('#client_local_offer_image').val()); }); However, the value only seems to include the filename - and not the full path (what I'm trying to achieve, is a "preview" feature - which will shrink the image down to a fixed size, and update an existing <img id="xxx"> bit in the HTML) Any suggestions? TIA Andy
[jQuery] [autocomplete] Enable creation of new list entries?
I would like to add a "Create new..." item to my autocomplete lists to give users a way to create new items. This item would stick at either the top of the bottom of the suggestion list and, when selected, fire a callback where I could display a dialog to collect the information for the new entry, which would then go into the autocomplete list. I could easily be missing something but this doesn't look possible out of the box. Has anyone done something like this before? More explanation: I'm selecting
IE8 Problem with Animation and Opacity
I am using the animate() on a function, which seems to force an opacity 0.35 on the div while it is animating. This produces real strange effects in IE8 with transparent PNG. Can I force the animate() function to not set the opacity? Or other fix? Thanks
Odd Behavior With Ajax Call: Works in Safari, Not On Device
Hi all - I'm working on a mobile app using PhoneGap + jQuery, and running into some odd behavior. I'm not sure if this is an issue stemming from PhoneGap, jQuery, or possibly my noob-ish code... as I'm fairly new to this all. I think it would be presumptuous of me to declare it a "jQuery bug" when my hunch is it's user error on my part. I'd appreciate a fresh set of eyes (and if this is less a jQuery issue and more of a PhoneGap one... I'd love to know that as well). So my "app" is a single page,
"string" value in a jQuery Slider?
Hi All, I'm trying to implement a jQuery slider that increments, but the value displayed is a text string rather than the numerical value of the slider ui. I'm using http://jqueryui.com/demos/slider/#steps as a resource. Here's the current code if you don't want to click: $(function() { $("#slider-p").slider({ value:50, min: 0, max: 100, step: 20, slide: function(event, ui) { $("#price").val(ui.value);
Calculating things, kinda stuck
I have this and it is like.. Price[input] Qty[input] Total[span] And that works good for each row. But I cant get the calcAll to work, i know this looks really long but i dont know how to make jquery act re-usable very well yet :) $(document).ready(function(){ jQuery.fn.calcAll = function() { var t0 = parseInt($("[name=total_0]").text()); var t1 = parseInt($("[name=total_1]").text()); var t2 = parseInt($("[name=total_2]").text()); var t3 = parseInt($("[name=total_3]").text());
[jQuery] removing style tags and script tags
Hello all, I have a webapp displaying email which can sometimes contain HTML message bodies. I use jquery's .ajax method to grab an HTML message body and then put it into a div tag. Problem is if the HMTL contains style or script tags I get unwanted results. I've tried $( html ).find( 'style' ).remove(). This will remove the the actual <style> and </style> tags but still leaves the style text itself inside. I tried several variations but I just can't seem to get this to remove the actual style text
Animate BackgroundPosition Y-Axis = no work
heyo, me be having some issues with jquery animate. im trying to create a navigation menu that apon mouseover, the background image animates with a negative y value. apon mouseout, the div will animate the background position back to zero. Simple enough ay? thats what i thought. When i roll over the divs with the bg image, they do not animate, it appears like a simple background change. in other words, there is no tween or movement, just ...new position. INCLUDES <script src="javascript/jquery-1.3.2.js"
[jQuery] Cycle Plugin Adds Inline Styling to Slides / How To Center Slides in Container
I'm trying to center my slides in the slide container, but I'm having issues. I have 'a' links as my slides, each containing a single image. What I want is for the link and the img to be the same size, based on the width of the image, and then centered inside of the slide container. I've included my css below. All of my code for '#slideshow a' is being overwritten by inline styles added by Cycle. How can I get it to center? http://derekperkins.com/seatability/super-product-page/ #slideshow
jQuery - Create table from JSON data
I'm trying to update a table based on the results of a database query returned via JSON. My goal is to show the progress of a queue, removing entries that have completed. Firstly I need to populate a table with the results of the JSON. I have: <HTML> <HEAD> <TITLE>Table Update Test</TITLE> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript"> setTimeout("updateTable();", 10000); function updateTable() { $.post("test.pl", {}, function(result) {
[jQuery] Cycle Plugin - Can't Get Pause To Work
I am using the cycle plugin, but for some reason I can't get the pause feature to work. I am showing a hidden div, and when I do, I need to pause the slideshow. Here is what I am using: $('#artistCycleParent').cycle({ fx: 'fade', speed: 3000, timeout: 5000, pause: 1, next: '#artworkNext', prev: '#artworkPrev' }); // Pause the cycle $('#pauseButton').click(function() { $('#artistCycleParent').cycle('pause'); $(this).hide();
IE8 & .change function on a form select not working
Having an issue with the .change functionality on a form selector in IE8 which I have not been able to figure out, and is now driving me insane. When the select is change to an item with a value of 1, it is supposed to set the values of two textboxes to blank. Eg; $(function(){ $('#status').change(function() { if (this.value == 1) { $('#datetime_hasrecord').val(''); $('#description').val(''); } }); }); <form> <select id="status"> <option>...</option> <option>1</option>
Access violation exception in IE
Hey guys, i have a strange error. With the following code i got the exception "Unhandled exception at 0x40044440 in iexplore.exe: 0xC0000005: Access violation reading location 0x00000018." after clicking on the link. <!DOCTYPE html> <html> <head> <title></title> <script src="jquery-1.5.1.js" type="text/javascript"></script> </head> <body> <div style="width: 100%; max-height: 400px; overflow: scroll;"> <table> <tr> <td> test
filtering by multiple selected tags / classes
Hello, I've been searching all over the web and through these forums and haven't been able to find a solution to my question. I have an ecommerce site and want to create a filter with a list of keywords that the user can click toggle to combinations of search terms. For example, some of the terms would be: male, female, walking, standing, youth, adult, elderly, etc. The products that correspond to these terms have class attributes and would be either shown / hidden or have their opacity reduced
stop page from jumping to the top?
Hello, i've made a menu for my website and i've used to jQuery to create a sub menu on the 'about' section. the problem is when you click the button, the page jumps to the top.. which i don't want it to do. is there a way round this? here's the javascript i'm using: $(document).ready(function () { $('li.aboutb').click(function () { $('ul#aboutsub').slideToggle('medium'); }); }); here's a link to the page in question: click me Thanks in advance. Max
[jQuery] ClueTip - display image in tip
Hi there, I've been having some problems getting cluetip to show an image. essentially i just want it to work like this: title="This is a description | <img src="image">" and then I need the whole thing to be linked as well. any thoughts?
[jQuery] [validate] Attaching events to dynamically added fields
Hi Jörn or anyone else familiar with this plugin, First off, thanks for the great validation plugin. I hope I do not impose too much with this question. I have a dynamic form with fields named using brackets ([]). Validation is working for fields that existed on the initial page load, but when I add append the code for a new field, the validation events are, of course, not attached to the new DOM elements. What's the best way to accomplish this? Rob
[jQuery] Problem with double submit of and form
Hello, the code bellow shows my problem. I have a link, when i click on this link the DIV with the Form slide in. This works. But when I submit the form the result was executed twice. And I Don't know why. When I leave the code for slide in the form, the form was submited only once. Why jQuery submited this form twice??? Any idea? <a href="javascript:void(0)" id="testlink">Show Test</a> <div id="tpanlegen" style="width: 100%; display: none;"> <form id="teilprojekt_create" action="/test.action" method="post">
"jQuery15012356981023933311_1302979842877" replaces double question marks in Ajax/JSON
Hi, I have some jQuery Ajax the sends a message to an ASP.Net webmethod, it gets saved in the database, and is then returned to the client. Before the message gets written to the database, the above string is appended to the message so I'm asumming its happening between the client hitting the Send button and the .Net Webmethod receiving it. I doesn't happen very often so I'm struggling to debug. Any ideas? EDIT: Title modified due to further revelation.
jqgrid with spring mvc
Hello.... I need to use jqgrid with spring mvc3.0.... Can i get any help regarding the same??? Any sample code is welcome....
[jQuery] Using couchdb to build a EMAIL messaging solution with threaded inline replies
Using couchdb to build a EMAIL messaging solution with threaded inline replies <a href="http://pylab.blogspot.com/search/label/couchdb">http://pylab.blogspot.com/search/label/couchdb</a>
ajax and event handler
Hello @all, I have a problem and no idea where is the error: I use jquery in connection with zend Framework. I send a form (create something) via ajax to the server and get back a new form (edit). After that I want to delete the actual event handler and set a new one but unfortunately bind() and unbind() doesn't show effects on this form. Always the first created event handler (before the ajax request) is running. Does anybody have ideas? The response html contains the follwoing script $(".formContainer
how to move the div blocks left to right or up/bottom
Do anyone have idea about moving the blocks in left or right, or top/bottom like yahoo, thank you
[jQuery] Superfish - How do I make superfish respond to onclick instead of hover?
I am using superfish and I am wondering how I can go about changing the hover event to click so that when people hover over the links it doesn't do anything until they click them. Thanks, Spencer
Parsing XML with tag names containing hyphens
Hi, I am using jQuery for XML parsing and editing, but there seems to be issues with tag names containing a hyphen (with jQuery 1.4.2, in FF & Safari): var doc = jQuery("<root><title-1/><title-2/></root>"); doc.find("title-2").parent()[0].tagName; //=> expected: 'ROOT' // got: 'TITLE-2' jQuery('<div>').append(doc).remove().html(); //=> expected: "<root><title-1/><title-2/></root>" // got: "<root><title-1><title-2></title-2></title-1></root>" Does somebody have a workaround for parsing XML documents
[jQuery] Increase / Decrease Font Size
I am using the following code to allow the user to increase / decrease the font size of the document. I have tested it in many browsers and in all of the following it comes back with a starting font size of 16px. Firefox 3.0.8 Google Chrome 1.0.1 Safari Win 4 Public Beta In IE 6/7 the font size is always coming back 1243px. Why is there such a difference and is there anyway to get around this besides hard coding the starting size? <script type="text/javascript" language="javascript"> $(document).ready(function(){
Select problem
hi There is an issue i wanna select an element with such a format $( someVariable + ' p span'). but bad luck it's a syntax error, so what should I do to do the stuff ? Help please
[jQuery] Using live() and tooltip together
Having some issues with live method and the bassistance tooltip http://docs.jquery.com/Events/live http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ I'm using the live() attached to the onmouseover method to dispatch the element to the tooltip function. It works - not the first time - but the second - and after that it fails. I suspect its because the bassistance plugin is written for non-ajax based applications, which is understandable. Has anyone extended this plugin to support Ajax based
Selector speed
Hello! I would like to know if there are any selector speed test results done with 1.4.1 that i could see? What i'd like to know is, for instance, $("div.myclass") is faster or slower than $('.myclass'); ? Thanks! Alexandre
Sending XML to web service cross domain
Hi, I need to send XML / XML string to a web service cross domain. I have a JavaScript function that creates the XML by selecting the fields on the page and formatting the values into the required XML document. The HTML page is running on the users local machine but need to send the XML to a public secure (SSL) web service (ASMX) that has one argument of type string. I have tried to come up with a solution and the only one that is currently working is JSONP with GET. But this results in the
Initializing JQuery's data method variables on server side.
You can use JQuery's data method (e.g. $('#MyID').data('MyVar', 'MyValue');) to easily store/retrieve information. However, I was wondering if it is possible for my PHP generated page to add HTML tags that initialize the JQuery's data method variables. Regularly, I want server side variables to be accessible client side. It would be very helpful if I could initialize data method variables during PHP page generation. If this is not possible, are there any suggestions on how to efficiently communicate
[jQuery] Force the browser to render window
Is there a javascript or jQuery method available to force the browser to render the contents of the window? This would something similar to updating the "stage" in Director or Flash. I have a two-column interaction set up where users input information in one column and see their results in another. Safari, Firefox, etc all work perfectly. IE however needs an extra click anywhere on the browser window for the results to appear. So I'm looking for a way to attach a function to a UI control that 'forces'
SVG - Draggable, Droppable, Selectable?
Hi all, How can i make SVG drawings (with jQuery SVG or Raphael) that are fully compatible with jQuery, so it's a DOM element that i can drag, drop, select, ... Thanks, Chielus
Drawing shapes
Hi, I'm looking for a plugin or similar in order to draw shapes like circles, rectangles etc. Something in style with: $("#myDiv").drawRect(10, 10, 20, 20, {color:'blue', alpha: .5}); I did found the drawing plugin but i didnt get it to work. Appreciate some help on this area.
[jQuery] (autocomplete) help about extraparams
Hi, i'm trying the jquery autocomplete from here http://docs.jquery.com/Plugins/Autocomplete On that page someone said that: " Often one autocompleted field depends on the value of another field. In that case, the extraParams option can provide the necessary dynamic parameter: Consider an example where the states-field reuses the value entered into the country field " And the examples was: " $("#states").autocomplete(url, { extraParams: { country: function() { return $("#country").val(); } } " What
[jQuery] outerHTML
Can anyone else get the outerHTML of a html object? I can't seem to get it anymore. document.getElementById('log').outerHTML returns undefined. I'm using FF2. ~Sean
Animation freezing in safari
I'm building a simple corporate site (temp on my server) for a friend's company and am having an issue with an animation I have implemented. everything has worked fine for me (mac, firefox and safari) but my friend sent me a couple screenshots of the animation freezing on his computer (safari) when it is only halfway complete. the two examples are: http://julianwalter.com/fstemp/foresight/management/ (click 'Amy LeGere', then click 'next' and then 'previous' to see back and forth. freezes halfway
reducing size of jquery script
Is there way to download only the parts of jquery that we need to reduce the size of the download for our users? For example, we are only using traversal, selectors and manipulation.
capturing back button
Until the bookmarking tools are added to the UI for managing ajax history, tabs, etc, can anyone help me know how to simple capture the fact that the user clicked the back button and know that they are not actually trying to close their browser (i.e. the unload event doesn't work since it fires for both of these actions)? I went through the old history plugin code but still can't quite get it, I just want to trap that even and notify the user with a message, but I want to know for sure they clicked
Next Page