[jQuery] [autocomplete] Dynamic textboxs
I can't put autocomplete working with dynamic textboxs. I have a javascript function to add dynamic textboxs, but when i attach the autocomplete function to the dynamic textboxs, it doenst work. Some work that might help this issue: // Javascript function that adds dynamicly textboxs var initial_count = new Array(); var rows_limit = 5; // Set to 0 to disable limitation function addRow(table_id) { var tbl = document.getElementById(table_id); // counting rows in table var rows_count = tbl.rows.length;
[jQuery] Access to variables hidden by scope in a jQuery Javascript function
I'm trying to edit an existing jQuery plugin. As a brief explanation, this plugin turns a regular Table into a TreeTable - a table with a hierarchy, similar to a folder browser, except with the additional columns. So there are parameters for which row is the parent of which other row, etc. I'm still pretty new to jQuery so I may be interpreting this incorrectly, but it looks to me like when I call the jqTreeTable function on a tbody, it performs its work and returns a new object that takes the place
[jQuery] Superfish not embedding
This site: [url]http://www.prodigytech.com[/url] I'm having problems with embedding the Superfish vertical menu. anything found underneath it actually extends to under the superfish menu. couldn't find where in the css it might help. thanks!
[jQuery] jQuery PNG Fix Plugin Breaks My Other Javascripts In Internet Explorer
LINK TO THE JQUERY PLUGIN THAT I AM USING- http://jquery.andreaseberhard.de/pngFix/ LINK TO THE SITE IN QUESTION- http://www.securehostserver.info/lcwc/ The link to the site in question shows a navigation bar at the top and it looks fine in Safari and Firefox on a PC, but looks incorrect in Internet Explorer 6.0. I have removed the javascript for jQuery and it works in IE. Can anyone trouble shoot why this is happening? Is there a conflict between my scripts? Thanks to everyone in advance. Todd
Multiple Connected Sortables Issue regarding Revert
The Scenario: I have a single page that has three sortables on it (arranged horizontally relative to one another), all connected via the "connectWith" option. Between the three of them, I can sort, drag and drop...no problems. I added a droppable on the bottom left of the page so that the user can drop an item from any of the three lists onto it, some action is performed (in this case, a search based on the dropped item), and the dropped item should then revert back to its place of origin. LIST A
[jQuery] Using .live and .each
I have a script that runs when I load the page which converts some dates. I am not using ajax as well, and I need to use .live to convert the dates that I brought in through ajax. How would I combine .live with .each and make it work? if ($("span.ISODate").length > 0) { $("span.ISODate").each(function() { $(this).text(getTFID($(this).text())) }); }
[jQuery] A script on this page is causing Internet explorer to run slowly
Hi, I got this message when i try to open the main page of my application pankaj.site in IE 6 or IE 7. This is working fine in Firefox, Safari etc. "Stop running the script? A script on this page is causing IE to run slowly. If it continues to run, your computer may become unresponsive." After I clicked the "Yes" button, then the loading message came up and stopped there. Any help will be greatly appreciated. Thanks
HELP!! .toggle(drop) problem
Hi all, Im really stumped so if anyone is any good with jquery i could really use your help! Im trying to get elements to display only one at a time using 'toggle' (so that if a user clicks one link it toggles some info in a div, a different link toggles diferent info and hides the first set of info etc... if u catch my drift!) I have managed to acheive this with the code below: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html>
[jQuery] Complex licensing questions
Hello, The company I am working for is developing a web application layer for a commercial software product. My questions have probably been answered before but I have searched and I can't find a similar scenario to my question. The Web UI will be developed using jQuery and involve using the excellent pre-built plugins other users have developed. Now under the MIT license can the following be done: 1. Visual Studio has a plugin that uses the YUI compressor to put all javascript files into one file
Hide divs as they load?
I'm using the cycle plugin in order to create a slideshow effect out of a series of div containers. It works perfectly, except that on initial page load, all of the divs are visible and stacked on top of eachother. After the page finishes loading, the divs not in the current "slide" are hidden. Is there a way to make sure that even as the page loads, the divs are hidden? I've tried adding in a preloader for all the images and tried using the cssBefore property that the plugin page mentions, but neither
addClass not working
I'm a newbie with jQuery so please be gentle I cannot apply css classes properly. My example below is supposed to grab all 'div.box' elements and wrap them in 2 divs which have a red and green border. The 'outer' class is applied, but not the 'inner' class. If the 'inner' class is defined as 'div.inner {border:1px solid green;}' it works, but I want it defined as it is below. The css and script is as follows ... <style> div.outer {border:1px solid red;} div.outer div.inner {border:1px solid green;}
[jQuery] JQuery autocomplete got broke after i update it.
Hi All, After I update JQuery autocomplete plugin (jQuery UI Autocomplete @VERSION), I found one issue. The issue is as follows. When I type "jua" in the autocomplete field. Four matches are returned for users with the first name juan. Then add an "n".Only the first match remains in the list. I have come out from this issue by changing the parameter cacheLength: 0 in place of 1. $field.autocomplete({ url:ac_url, cacheLength:1, For the autocompletion data, it reads from the configuration files. Say
jQuery conflicting with other jQuery instances...?
I would like to use several jQuery effects through a website that I am developing; a login popup, a drop down contact form, coda content scroller, and tabbed content. However, these implementations keep interfering with each other. Is there any way to get around this? I seems as though there must be a way to use multiple jQuery functions. The page is here: http://atlanta.scadswap.com/points-of-i ... ubs/opera/ Implementing the Login Popup (which doesn't have a login form inside it yet) broke the
get() function returing string not JSON object.
I have a very simple PHP script that returns JSON like this: {"question":"What day is it?"} And I'm trying to call it from another page using Ajax. My code looks like this: var url = "/test.php"; $.get(url, function(data){ $.each(data, function(i, value) { alert(value); }, "json" ); }); When I run it I get each character printed out one at a time in a separate alert. And then whenI used this line of code: alert(typeof data); it tells me that 'data' is a string. Shouldn't
[jQuery] xpath not returning objects
I have a bunch of divs with the same classname, 'mediafield': <div id="articles" class="mediafield">Slug:</div> <div id="video" class="mediafield">Big Blurb(Video) </div> <div id="content_short" class="mediafield">Big Blub(short content) </div> <div id="audio" class="mediafield">Big Blub(Audio) </div> <div id="images" class="mediafield">Photo Uri(images): </div> and I have this jquery code in my header: <script> $(document).ready(function() { $("input:checkbox[@name=media_type]").click(function()
[jQuery] Remove 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.18813"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=582051413-06082009>I have append to add a loading div. But once loaded i want to fade it out and remove it.</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=582051413-06082009></SPAN></FONT> </DIV> <DIV><FONT size=2
[jQuery] Optional Buttons in Modal Form Dialog
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div>Hi All,</div><div> </div><div>I am creating an form dialog that will be slightly different for creating data than editing data. I'm pretty new to jquery, but I'm using the jqueryui and it seems to be working fine, but now I'm looking to change the labels of a couple of buttons and have one button available during editing (but not creating).</div><div> </div><div>Hope this makes sense...
[jQuery] overwriting document.write() with jQuery's append()
Hi everybody, hope I have your attention this time... Some of you propably know the problem with advertisment distributors and their excessive use of document.write() On the one hand, you tried to call advertisement as soon as possible, to have it shown as soon as possible. On the other hand, when you do that, an the advertisement library calls another remote script, which lags, your whole document lags. So you begin writing hacks to load advertisement at the end of your document, and traversing
[jQuery] jquery and yii
hi how to include jquery in yii php framework
[jQuery] Apply Jquery Tabs to multiple elements on single page
Hi all,<div> </div><div>I am using this handy tabs script from here:</div><div><a href="http://jqueryfordesigners.com/jquery-tabs/">http://jqueryfordesigners.com/jquery-tabs/</a></div><div> </div><div>My problem is, if I try to use the same function for multiple elements on a page, seperated by a comma, it will only show one of the elements at a time.</div> <div> </div><div>I am guessing that is due to the "tabcontainers" function being applied to both elements at once.</div><div> </div><div>Is there
[jQuery] 2 onchange functions - 1 jquery, 1 prototype - not working in safari
Hi all, Im using the jNice plugin on a select box in a form of mine in Rails. Im also calling a custom JS function which uses Prototype on the same select box. <%= f.collection_select :item_name, Item.all, :item_for_order, :name, { :name => "select", :onchange => "item_row($(this));"} %> now both jNice and item_row() work in FF when i change the selected value. But it does not work in Safari. In safari, the page jumps to the top when i click on a selection, if i click on it again, jNice works. item_row()
[jQuery] Complex form hiding input depending on a tick box
I am writing an accounting sofware, and I have difficulties with the form used to enter the debit and credit for a given transaction. I have used the Jquery validation plugin demo, but I don't know how to hide a specific input cell and replace it by blanks. In accounting, you have either a credit or a debit. So I have an indicator tick box at the beginning of each line which defines whether the line is a debit or credit, and if so it hides the credit cell or debit cell. Would you mind looking at
[jQuery] ajaxForm doesnt work in Internet Explorer
Hi. We have added ajax to our forms by using iframe and it works fine in Firefox. However in Internet Explorer it does not. Can anyone spot why it doesnt work? <a href="http://pastebin.com/fe04a2f3">http://pastebin.com/fe04a2f3</a> We are using JQuery 1.2.6
Block UI issue in firefox
Hi, I am using JQuery block UI 2.18. Problem is I want to show a Form in the popup and there is a rich text editor in this form. It works fine in Internet explorer but is creating issues in firefox. this is the popup code I want to show <!-- Popup starts--> <div id="divClarification" class="RowContentsClear" style="display: none; text-align: left"> <% using (Html.BeginForm(ViewData["Action"].ToString(), ViewData["Controller"].ToString(), new { id = this.Model.PostOwnerId }, FormMethod.Post,
jQuery behavior when JavaScript is disabled
Hi! I couldn't find any information about this topic in the internet and I really wonder, how come people do not discuss it anywhere? Okay, jQuery works really great and offers many interesting effects, but what if you have JavaScript disabled? I mean I've browsed through several websites powered by jQuery with JS disabled and they doesn't work or behave weird. I know there aren't much people, who disable JS, but well I do want my page to be seen by all people in the end. I managed to do it with
[jQuery] getting the height of some div (which contains p having some margin defined)
Hi I would like to get the height of a div. This div contains other markups tag like some paragraph. However, I don't manage to get the height of this div if some paragraphs inside of it have some margin defined, even when using outerHeight(true)... It looks like I'm missing something, can someone help me ? thanks in advance ++ zedros ps : a test case (simpel html file wit the required javascript) can be found there : http://www.2shared.com/file/7008972/8565e522/test2.html http://www.megafileupload.com/en/file/124239/test2-html.html
need some help with selectors
Hi, I'm trying to find all a tags that have a href that ends with ('CREATE') or ('CREATE_AND_CREATE_ANOTHER') This is my code I have $jquery(document).ready(function () { setFocusIndirectly('P&APP_PAGE_ID._PAGE_FOCUS'); $jquery("a[href$='(\'CREATE\')'], a[href$='(\'CREATE_AND_CREATE_ANOTHER\')\']").click(Function(){ alert('test'); }); }); and the two a tags I'm searching for are coded as follows. <a href="javascript:doSubmit('CREATE')">Create</a> <a href="javascript:doSubmit('CREATE_AND_CREATE_ANOTHER')">Create
[jQuery] Intercept user submission
Hi, I'm using a bespoke software which I can't access directly into the code that produce. I'm adding functionalities with jquery but I need to intercept all user submissions. At the moment the software produces this function function submitForm() { if (typeof validateIsSingleSubmit == 'function') { if (validateIsSingleSubmit() == false) { return; } } document.userInput.submit(); } and this is the form header <form action="" method="post" name="userInput" id="userInput"> I've tried if(document.userInput.onSubmit()){
[jQuery] jQuery toggle question
For once, I have a script fully working... I have four tabs that pull down when clicked. If a tab is open, and you click another tab, the opened tab closes first, then the selected tab opens. Here is a working example (Open Tab1, then click Tab2 and note how it closes quickly, i want Tab1 to slide closed, then Tab2 slide open): http://psylicyde.com/misc/slide-panel The problem is that the open tab closes abruptly when changing tabs. Is there anyway to smooth it out? Here is my code, with highlights.
[jQuery] Jquery + Jquery.layout + Json2007 layout issues
Hello, I am implementing the Really Simple History(RSH) for my ajax application on ruby-on-rails. I am using jquery layout for laying out the page which gets updated with ajax calls. In order to implement the back button in my application I am trying to use RSH. RSH library has dependency on Json library. As soon as I include Json2007 library (included before jquery library otherwise I run into number of java script errors) the layout of my index page get disturbed. The index page of my application
[jQuery] Jquery validation pluggins how to delete rows and to hide some parts of the form (newbie question)
I have adapted the Jquery validation plugion example to start an accounting interface with debit/credit and multiple currencies. However, I would like to hide the credit column if the first tickbox is not ticked, and would like to hide the debit column if the first tickbox is ticked. I would like to show an empty space rather than an input Box. 1. For example, if box is not ticked: [ ] [account] [debit] [usd] [debit] [delete line] 2. For example, if box is ticked: [X] [account] [credit] [usd] [credit]
Delay during loading on a show/hide script.
I recently set up a JQuery script to show and hide a specific DIV on my site. Everything is working correctly except when the page is loading, the DIV is fully expanded and hides as it's supposed to a few seconds later. Ideally, I would like this DIV to remain hidden until the user actually clicks on it. This seems to be a performance issue, but honestly I am a JavaScript novice so I really don't know where to go from here. The page in questions is here. And the specific areas that use this script
MySQL PHP associative array to Javascript via JSON + jQuery
Problem: Your table-driven application has a MySQL table on the server side and you want a Javascript associative array on the client side to do rapid look-ups. For example: My application uses the value selected from the form’s drop-down menu to choose which other form fields to hide or show. This choice of a 'Long Form' is table-driven from product data in a MySQL table. Solution: Convert the MySQL table to an associative array in JavaScript. I am using the jQuery library to manage the presentation
supersize2 cropping images
I've uploaded supersize2 and added the images I'd like to use as my background, however they seem to be getting chopped at the top. Any reason why As seen in my browser: Original image: supersize2 on my server
[jQuery] bullet points not working inside jquery tabs - can someone help me?
Hi, I'm working on IE7. I've create two bullet point items (fred and john) inside a jquery tab but neither are appearing as bullet points. What am I doing wrong? Thanks in advance: Here is my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Odyssey Application</title> <LINK REL="stylesheet" HREF="../css/theDiv2.css"> <STYLE type="text/css"> #inline-list ul, #inline-list li { display:list-item;
.submit() GET Data problem
I'm making a form for customer's to request an insurance quote. Based on the type of insurance jQuery sends them to a different page. When they click continue it moves them to the next page but doesn't include the GET data. HTML: <p id="error" class="warning" style="display:none;"></p> <form action="" method="get" enctype="application/x-www-form-urlencoded" id="quote"> <table> <tr> <td><label for="txtName">Name*:</label></td> <td><input
[jQuery] delete cache result of jquery autocomplete
I am using jquery autocomplete for my application. Problem: I get cached results returned from my autocompleter which I do not want. I am trying to manually clear the cache of autocomplete when onchange of select list. But I am not able to. I appreciate if any one can find me a way to delete cache result. Here is the code snippet: $('#applicationName').autocomplete('<%= Url.Action("Find", "Graph") %>', acOptions) where acOptions is: acOptions = { minChars: 3, max: 100, dataType: 'json', // this parameter
[jQuery] Custom Attributes - Beginner tip
One issue I ran across while learning jquery was that I often wanted/ needed a way to tell jquery to get data for the current element from a related element. jQuery immediately tends to be friendly when you need to work with a class of elements via the CLASS attribute, or a specific element via the ID attribute. However, when there are 2 elements that are related but do not fit within a class, a beginner such as myself may have a little trouble trying to find the best way to handle this issue. At
animate top working in FF not IE
http://www.hooplah.net/dev/slider/index3.html If you click the link in FF you will see that when you press "PLAY" the arrow image animates from the top like it is supposed to... but does not show up in IE. Please help? This could be a jQuery or CSS issue... JQ: <script type="text/javascript"> $(document).ready(function(){ $("a#play").click(function(){ $("#imageBack").animate({ top:"0px" }, 600); }); }); </script> HTML: <div id="sliderDivDemo">
$.get parsing html response
I have a piece of code: $.get('NewRecord.aspx',{id:'1',name:'Mike',age:'20'},function(data,textStatus){alert(data);alert(textStatus);}); The $.get() returns html in the javascript variable "data". In the "data" variable, there is a <span> tag with the id="Results". How would I just return the html in #Results? I've tried the following (and some variations) but I keep on getting javascript errors. function(data,textStatus) { alert(data.$('#Results').html()); } What is the correct way to do this? Thank
Next Page