I am working on submitting a form with various info to update on db using jquery, ajax. The db is updating perfectly when I disable JS on firefox. When enabled, a few fields (adID, userID, comments) are not updating on the db. The field userID updated as zero, but the other two are blank.
[Code]....
I'm using jquery-ui 1.6 custom build with jquery 1.2.6 trying to set up a dialog window. Unfortunately I can't update to 1.3.2 since this would trigger some unexpected XHR-related bugs like the following:
So I'm sticking with the 1.2.6 build, which works fine despite a minor/not-critical XHR issue:
Notice that this error is reported in FireBug/Venkman, however Firefox doesn't seem to care and let the XMLHTTPRequest to execute successfully.
The code for the dialog window is given below. I don't seem to understand why posted data cannot be shown on the dialog box twice.
Moreover, it will display it as I want on the first $.post request but any additional requests triggered with a click event don't show any updated data on the dialog box. Venkman reports that the anonymous callback function manages to obtain the updated data, but still nothing get shown on the dialog, just an empty div... ;-)
This is the script that gets evaluated by jQuery (using $.get(...)). A json object is returned by the server either containing form validation errors or a result object that contains simple strings.
I am (finally) successfully calling and running a php script using $.ajax() and now I need to update a table row as a result of that. In the ajax I have these variables for the updated row: docID, docName, docDescription. Since the docID is used elsewhere on the page, I'll need to start with the table id, which is #docsTable.
The rows that I need to update look like this:
<tr bgcolor="#EFE5D3" style="font-weight: bold;">
<td width="25px"><a class="docEditLink" name="33" href="#">Edit</a></td>
<td width="20px"><input type="checkbox" name="removeDocs[]" value="33" /></td>
<td>Document Name</td>
<td>Document Description</td></tr>
The name attribute is the docID, so that is unique within that table, for that document. So, my question is, how can I build a selector that will allow me to change the 3rd and 4th <td> tags with document name and document description, respectively?
i am doing Screenshot development of my current project. I am gonna using jQuery as Javascript framework in my project. For this i need some help as i dont know jQuery very well.Is it possible to make Modal popup which is auto updating every 15 seconds and the updating continue for about 1minutes?
View 1 Replies View RelatedI setup a jquery ajax request to update my sql database... (add a product to shopping cart) then after it completes I want to use .load to re-load the shoppingcart (the cart is currently loaded with php include - so it is it's own seperate .php file). The problem is that when it reloads it doesn't have the "current version" If i refresh the page it's fine..
Example -
<script type="text/javascript">
$(function() {
$("#addtocart").click(function() {
$.ajax({
url: "addtocart.php",
data: **form data here**,
complete: function() { $("#cart").load("cart.php"); }
});
});
});
</script>
<div id="cart">
<? include("cart.php"); ?>
</div>
<button id="addtocart">Add to cart</button>
--
I have also tried to put a variable in front from the $.ajax and then use $("#cart").ajaxComplete(function() { $(this).load("cart.php"); } });
But yet still no luck. How to make ajax load a page after the mysql update has been done then display it?! I used to do this all the time before I started using jquery. When readyState was = 4 { load page code here } it would always work.
I cannot get ajaxSend [URL] to properly modify the parameters to include a random timestamp and, for IE's sake, a _method=value pair. I have:
$
(
document
).
ajaxSend
[Code]....
how can I make sure that what gets sent across the wire is the value I set settings.data to in my ajaxSend() method?
I'm building a site that uses some jQuery but at this point I haven't had to get my hands dirty in the code. I'm hoping to get some pointers on how to best approach this problem, or if a plug-in exists to point me that way. I'm anticipating I'll need to build the code though because of the specific nature of the issue. I have a two very complex MySQL data trees that need to cross reference. To handle the cross referencing I simply have a third table that links the ids of the large tables together. That way I can join data via the linking table. This is all working and established. What I need to do is allow the admin user to navigate through one tree from within the context of a particular element from the other tree and click a toggle icon (tick or cross) to create or delete the cross reference in the linking table. Traditionally I would perform this task using forms but I want the user to be able to make these changes on the fly without needing to reload the page. I also want to stop further toggling until the update or delete has been completed.
View 1 Replies View RelatedWhat's the easiest way to update multiple div's with AJAX? Right now I'm using the following code to update one div, but right after I've updated that div I would need to update another div that is dependent on the first div that is updated. Code:
View 2 Replies View RelatedI've created an ajax function which retrieves comments from a news article. But if I am logged in I will also have access to an input field for posting comments. The problem / question is that if I use Ajax I can only update one div with the responseText? How would I go about updating another one where I want to insert my form field. Can I make multiple requests in some certain manner or do I simply create another ajax function updating it separately?
http.onreadystatechange = function(){
if(http.readyState == 4){
document.getElementById(newsId).innerHTML = http.responseText;
}}
http.open("GET", "AjaxController.php?func=newsGetComments&showcomments="+newsId, true)
http.send();
I am trying to alter some code used. The code currently will look in db for records matching what user is tying in. If they select it it fills that field in with the data selected. I want it to also change the next input field as that is the id of that record.
[Code]....
How could I go about doing this?
View 9 Replies View RelatedI want to update an element in my DOM that contains Javascript code when an action X is performed and an AJAX response generated with new Javascript code that is one of the AJAX response variables.
The AJAX request is successfully returned, as is the Javascript JSON response variable. However, I'm having no luck updating the DOM element containing the old JS code with the new JS code. I'm performing these operations using JQuery.
I'm trying to update the location of a marker in a Google Maps API. The only problem is that the marker won't update (only if i update the whole initialize() function with a setTimeout function).
It goes about the following code:
Code:
What i want is that the marker updates automatically (with AJAX) and not the whole map. First of al i thought i push the code that set's te marker in a function, and reload that every 4 seconds. But that doesn't work.
Let me preface this by saying that I have ZERO experience with Ajax, and have simply copied this code from a blog elsewhere. What is shown below ties to a php file that I developed for a search function on our site. As the user enters their search term(s) in the text input field, the div below is populated with potential results through AJAX. I get all that.
However, I'd like to extend this a bit more. I'd like to enable to user to click the Enter key to follow the URL of the top search result automatically, without having to move their mouse and click on it.
Since I'm using PHP to generate the actual URL, I'm sure I can just send this back as a variable via AJAX, but with my lack of understanding, I thought I'd poke around here for some assistance. Can someone show me how to tweak the code below to accomplish what I'm looking for?
Code:
<script type="text/javascript">
function showResult(str)
{
if (str=="")
[Code].....
I'm less concerned about getting the Enter key to perform the submit than I am about passing the URL variable back to the form via AJAX. I've seen lots of examples of getting the Enter key to behave this way, I just didn't want to muddy up the original code above.
A couple of months ago I posted a question in these forums pertaining to some trouble I've been having with a webpage utilizing Javascript and PHP to implement AJAX.
Quote: I'm having two Ajax-related problems on a page I am working on at the moment. (Can't include the link since I'm a new Dev Shed member)
On this page, I have two buttons that use Ajax to fetch two separate forms and put them into a chosen div; that part works like a charm.
On said forms, there is a div that is meant to display any necessary error messages when the submit button is clicked. However, on the first time the page is visited and the form is chosen, the div won't display the error message. Only after refreshing the page/choosing the form a second time will the message show. I've been checking the response from the server via Firebug and the response is correct, it just seems like the page isn't updating correctly.
Secondly, once I refresh or choose the form again and the error message begins to show, if I enter values into the form fields and should be getting a different error message, it never updates. Once again, the server response is correct, but for some reason the page just isn't updating to reflect the new message.
I have been using the date field on the New Event form for testing; if you have Firebug, you should be able to see that I am getting the desired response from the server (look in the allErr div), but the HTML isn't changing with it. I have tried both using my own Ajax functions and using jQuery's Ajax implementation, but both give me the same problems. What am I doing wrong?
Code:
PHP Code:
I'm using jQuery 1.3.4 right now, and I have the problem where .css is not updating the style information of two items:The code below produces the underlined lines of output. The red parts show where I expect my calls to .css to update the values, and I do not see updated values. I've added '//FAIL' after the lines that aren't doing what I expect them to do, and also highlighted them in red.nyone have an idea what I might be doing wrong, or what might be causing this?
Element X (701.4833374023438) Y (284.41668701171875) W H cont(PM_MENU 499.48333740234375 217.06666564941406 200 47 itc() 501.48333740234375 284.41668701171875 200 13 INITIAL submenu (PM_BC_MENU) 86.58332824707031
[code]....
currently I have an inventory system which allows me to have it showing, but if something changes it needs to be refreshed to show the changes, how do I make it update?Currently I have :
<?php
$result2 = mysql_query("SELECT * FROM inventory WHERE username = '$login'");
$output2 = mysql_fetch_array($result2);
[code]....
I have a page that has a a two part div system bioTop (top div) and bioBot(bottom div). The bioBot is hidden (.hide()) and shows with the click of the more text. Also there is clickable text to change the text in the divs from english to spanish and vice versa. The click for the top divs work just fine. The issue presents its self when the english or spanish text is clicked the bottom div does not take the new information or the text int the bottom div does not change. Can a hidden div have new information loaded into it. The page that the action is on is oncalllegal. The jquery for the english and spanish text is.
[Code]...
Im updating a div with a ajax json dataType request i need the div to update to tne new request each time the option input is changed the problem is the div is updated but the first request is in it then the second then the third...so the div keeps on getting populated with each request how can i make so the div is polpulated with each request and not every request added to it? try with many stuff:append, remove but cant get it to work.
View 1 Replies View RelatedI'm having a problem. What I'm basically trying to accomplish is a quote function on a forum. When I click the quote button, I want the text for that specific forum post to end up in the textarea field.
<textarea cols='1' rows='1' title='Reply to this post' id='entryField' name='entryField' style="width: 100%;" class='expand20-200'>
I have a list of check boxes on a page and disable/enable a button based on if one or more of the check boxes is checked. If something in the list is checked, the button gets enabled. Otherwise, it is disabled. Since the list fairly long and it is also dynamic, this behavior is bound to the click event of each check box using live.
In jQuery 1.3.2 the following check worked as expected (with both actual and programmatic clicks) :
if ($('input:checked').length > 0) {
$('#button').removeAttr('disabled');
} else {
$('#button').attr('disabled', 'disabled');
}
However, in jQuery 1.4.2 this behavior changes slightly. Actual clicks still register correctly and the code above functions as expected. Programmatic .click()s, on the other hand, pass through with the opposite behavior. When checking the state of $('input:checked').length afterward, it reports as I would have originally expected. I use this technique to unit test my code, so it is important that a programmatic click simulates an actual user click. This appears to be related to the known issue with the timing of :checked being switched when checking from a bound click handler.
Although I didn't see this timing issue with the above code in the past, I have seen it when checking the state of a single check box when it was the one that was clicked. When checking a single check box, I could work around this by maintaining a state variable rather than checking the :checked state directly. Now that this same issue is showing up when checking multiple checkboxes (in addition to the one actually receiving the click) that work around becomes much more difficult.
I've 2 little problems in my page....i've already done the functional script in php for erasing and inserting a row into a table...but i've a problem...this row contains 2 links that are for erasing and modifying the row.... it happen that when i insert a row (that has class="edit" and it's for working on ajax...) i can erase and modify only the old rows and not the new ones...probably cause javascript takes all the element of a general class only at the loading of the page and link them to the onclick function....
I post the code here...
The html+php table
And when i insert a row into the db i update the table with this script
Where the data appended to the table is a row of the table given from the php script
Another thing,as you can see, is that i would like to know how to pop up a new alert if data from the last function on the $.post is equal to a string
I tried to do it with the compareto js function but it didn't seem to work....
I have a button which creates a clone of the current row. Within each row is a drop down box for which the users can select red or yellow, which represent soccer cards. Based on that selection it calls a function which populates a div tag with the appropriate drop down options for that card color. The problem I am having is that the function is updating all div tags with the drop down selections and not the one for my current row. Please note that the drop down selection box is not guaranteed to be the last row in the table. The referee could go back and realize, that he or she made a mistake and make a change to the second row. So I need this to always be applicable to the current row of editing.
[Code]...
I have twenty <select> fields on my page, but I want all of them to use one communal list of <option> values.
These values will be something like:
When someone selects a value from one of the <select> fields, I want that <option> value to have a strike through on all of the other <select> fields.
I have a button and a table that I want to clone when "Add new" button is pressed, and then append the cloned elements to the "items" container, but with updated id's and names - the update is done by appending the value of "num" attribute of "items". In the end I'll have to clone and update the id's and names for multiple input elements in the table found in the "default_container" - but right now it doesn't work even for direct children. The problem (one of them at least) right now is that the iteration over the children isn't performed.
$
(
document
).
ready
[Code].....
I have the following HTML:
<div id="box">
<div id="inner-new">
content
</div>
[Code]....
This code block occurs several times. Sometime the first div ist just "inner" and the second div is missing.
Now I need to update the "new" DIV based on the height of the previous inner-new DIV. For one it works fine:
var height = $('#inner-new').outerHeight();
$('#new').css('margin-top', height*(-1)-30);
But how could I re-use this universally for all my boxes. It needs to check if the DIV "box" contains the DIV "inner-new" as first element, if that is true it need to update the DIV "new".
I tried several things with $('#box').each(function(i) { ... }); but couldn't come up with a solution.