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]....
Im working on jquery drag and drop inv scripts for my web based game but i need help about item limitation.I want to limit number of items in inventory.How can i do this?
im using these files atm :
[URL]...
1. How to make items like in text-based games
2. How to make the items go into the inventory when the timer gets done
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]....
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 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.
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'm trying to get the following code to update two divs at a time rather than one
$(document).ready(function() {
$jQuery("ul").tabs();
}[code].....
I have files on the server: .txt, .xml, .config, and "no extension" - all editable with notepad.
User will write some input, it will be added to file in specific place.
I need an ability to change element value in file (in one of them - depends what user choose) (or it even can be some trigger word it-self like CHANGE_ME for not to use attributes)
Create a temporary copy of edited file and create a unique temporary link to it.
I don't know what to start from.... For now I know how to make XHR, but what to do with other extensions?
Have no idea how to save the NEW file (a copy of original file) on server , and create a UNIQUE link ,and delete the file right after it was downloaded.
I can find a specific word in xml file, but how to change it?[code]...
I have the following object:
var wDefaults = {
"skin":1,
"pagewidth":"960px",
"c1col":[
{"wid":"w001","pcol":0,"wpos":0,"wclosed":"false","wcollapsed":"true"}
],
"c3col":[
{"wid":"w002","pcol":0,"wpos":0,"wclosed":"false","wcollapsed":"false"},
{"wid":"w003","pcol":0,"wpos":1,"wclosed":"false","wcollapsed":"false"},
{"wid":"w004","pcol":0,"wpos":2,"wclosed":"false","wcollapsed":"false"},
{"wid":"w005","pcol":1,"wpos":0,"wclosed":"false","wcollapsed":"false"},
{"wid":"w006","pcol":1,"wpos":1,"wclosed":"false","wcollapsed":"false"},
{"wid":"w007","pcol":1,"wpos":2,"wclosed":"false","wcollapsed":"false"},
{"wid":"w008","pcol":1,"wpos":3,"wclosed":"false","wcollapsed":"false"},
{"wid":"w009","pcol":2,"wpos":0,"wclosed":"false","wcollapsed":"false"},
{"wid":"w010","pcol":2,"wpos":1,"wclosed":"false","wcollapsed":"false"}, {"wid":"w011","pcol":2,"wpos":2,"wclosed":"false","wcollapsed":"false"}
]}
First, how do I access a single value? I've tried some of the examples I saw on the forum, but nothing happened. The alert did not fire:
alert(wDefaults.c3col[0].wid); //first try
alert(wDefaults.c3col.0.wid); //second try
var obj = wDefaults.c3col[0]; //third try
alert(obj.wid);
The nested objects are the properties for widgets within a portal. After the user moves around the widgets, I need to update the object, putting the widgets in a different order within c3col and updating the values saved in pcol, wpos, wclosed, & wcollapsed. I also may need to add or delete an object, for example, delete wid=w003 and add a new one called w012.
My logic would be:
for each widget on the page
found = false
find the object in c3col where wid == x and update its other values
. set found = true
if found == false then add a new object to c3col with x & its properties
end for
for each object in c3col
if that wid isn't found in the list of widgets on the page, delete it from c3col
end for
sort the objects under c3col by pcol and then wpos
The red parts are the ones I'm unclear about how to do it. My basic questions are:
(1) How do you access a single nested object?
(an object within c3col, find and change its values)
(2) How do you add a new nested object to an existing object?
(add a new object to c3col)
(3) How do you delete an nested object?
(remove an object from c3col)
(4) How do you sort nested objects?
(sort the objects in c3col by pcol and wpos)
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.
This error in firebug: jQuery.event.special.orientationchange.orientation is not a function. Page just loads as blank screen? Only when trying to upgrade to higher than 1.0a4.1.min.js. If I revert to earlier version then all is fine?
View 1 Replies View RelatedAfter adding some lines of validation from Jorn's validate plugin, the addcar button on IE suddenly won't work, then safari is working, but not displaying updating properly after the animation, it will appear as if broken, but if you scroll up scroll down, then it would update. Chrome and firefox is okay.
Here is the button click code
$('#addvehicle').bind('click',function(){
//ajax
$.ajax ({
type: "POST",
url: "addmorecar",
data: "sessionid=" + $("#sessionid").val(),
success: function(data){
$("#regaddcar").html(data).addClass('ui-widget ui-widget-content');
$("#regaddcar").fadeIn();
$("#addvehicle").attr('disabled','disabled').css('color','#CCCCCC');
}});
return false;
}); // end of the on click add vehicle function .....
I'm working on a search filter trying to get a form to update itself depending on what options have been checked from a selection of checkboxes. i.e. selecting one checkbox can bring up other checkboxes. It's just posting the form to update_filter.php and putting the updated form into searchNavigation div.
$(document).ready(function(e){
$("input[type='checkbox']").change(function(e){
e.preventDefault();
update_filter();
[Code]....
This works for the first checkbox that is checked, but after that nothing.
Is it something to do with the fact that the form is not the same form that it was before the checkbox was checked if that makes sense? or shouldn't that make any difference?
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 Related