Just getting my feet wet with AJAX and trying to figure out how I can make a javascript call to a specific PHP function in another file when I have a drop down menu change value using DOM. I've found lots of examples of how it could be done with GET variables, but none for this particular method of data retrieval. Has anyone ever ran into this, and if so, how did you solve this interesting deliema?
View 6 RepliesI'm trying to call a specific function in an external javaScript file:
<script src="myCode.js" type="text/javascript"></script>
How do say I just want a certain function to run. I'm using this:
<script src="myCode.js:certainfunction()" type="text/javascript"></script>
but it's not working, any ideas?
i've got an object and i'd like to recursively call a function
within the class definition.
(i've simplified the code )
function myclass()
{
this.loop = function(index)
{
// ..work
setTimeout( "loop(" + (index+1) + ")", 100 );
}
}
does not work.
i've also tried
setTimeout( function() { loop(index+1) }, 100 );
i've also prefixed this. to loop in both cases - and no workee.
i think it's some sort of scope problem.
I have a page that has php code at the top. Ajax before the body tag and a form. I need to be able to call a php function (the one at the top of my page) that adds info from the form into the DB. Normally I'd do this in the traditional sense of "if($_REQUEST('submit')" but I have a jquery progress bar that works with ajax to request progress data from the server. The following code is the code that retrieves the data from the server:
if (@$_GET['id']) {
echo json_encode(uploadprogress_get_info($_GET['id']));
exit();
}
This as you can see executes repeatedly till the upload is finished. The problem is I can't incorporate my database insertion code with this because the progress bar stops working altogether.
<div class="box top"></div>
<div class="box main">
<div class="box header">
<div class="badge"><ul><li class="active"><span>60</span></li></ul></div>
[Code]....
What is happening is $(this) is no longer based on .expand being the (this) that is clicked.
like if i have a button SOMEWHERE randomly on the page with this
<div onclick="Minimize('_alerts');">Click Here</div> this will minimize alerts but because the (this) in minimize function doesn't actually point to the right button that I want to add a class to.
Is there a way to modify the minimize function so that it finds the <div id="mytoggle"><ul> <li class="expand boxminimize" rel="_alerts"> using the rel toggle, and then changes the class of the li from expand boxminimize to boxexpanded??
just like the .expand click function I posted on the top of the post that works?
I am using jquery 1.3.2 and I want to call a function define in ajax file.form php file. How can I do that.
View 2 Replies View RelatedI'm trying to build a t-shirt creator application w/ php and ajax.You can see where I'm at here.Thus far, I've successfully passed the first parameter from the form via a function called from an onchange event, which uses a php script to pass simple text (for the time being, 'til i get this figured out), which you can see working on the page.trying to update the output w/ each change they make via the form. For every step, the output on the right needs to update.Should I be calling the same function for each onchange, or different functions? Here's what I'm using as far as AJAX/form goes:
Code:
function showShirt(s) {
// CHECKS IF THE STRING IS EMPTY
if (s=="") {[code]...........
I was wondering if it was possible to call a specific PHP function using AJAX instead of calling a whole page. An example:
function MakeRequest()
{
var xmlHttp = getXMLHTTP();
xmlHttp.onreadystatechange = function()
{
if(xmlHttp.readyState == 4
[Code]...
I already have a PHP function (in a class) that retrieves the provinces/states from the database based on the country. I was wondering if it was possible to call this function instead of having to make a new file (in this case FindProvinces.php) that calls the function.
if i am using jquery's $.ajax to load content and the content in the url ('test.php')
is <script type="text/javascript">function test() {alert('test called');
}
</script>
how do i get the function test() to execute?as if i call it (from the parent page in the success function)i get told it is undefined
Actually i made two ajax function on single onchange() but when i fetch value on next page it will generate null pointer exception .The code is here..
<script language="javascript">
function disease_desc(id,type,desc)
{
alert(id);
[Code]....
Is it possible to use AJAX to call a PHP function. I know you can request a PHP page but I would like to call a PHP function and display the return using AJAX .
View 3 Replies View RelatedI was wondering whether someone could shed some light on the following.
Using inheritance in Java one can override a function f() (or is it
overload?) in the child and then do:
public f() {
super.f();
...
}
in the child to first execute the parent stuff to be followed by the
additional child stuff.
Is there a way to accomplish this in JS as well and if so how?
I've already figured out the normal inheritance bit and complete
function overriding. I'm just looking for the above case.
Can you call a java class from within a javascript?
View 1 Replies View RelatedI have a form button with id="submit". When pressed, ClickGeocode(credentials) is called. This works fine and dandy with: $('submit").click(ClickGeocode) Despite there being no indication that the function takes an argument 'credentials'. So when I want to call the function at some point in my code, I should be able to do something like ClickGeocode(credentials) ... no? However, my issue is that credentials isn't once defined in my code - it is part of Bing Maps function... like so:
function ClickGeocode(credentials)
{
map.getCredentials(MakeGeocodeRequest);
}
So why does it work using .click(), and how can I call the function without user interaction (simply somewhere in my code) even if 'credentials' is not defined?
Suppose I have the following HTML code:
<div class="one">
<a href="http://jquery.com/">jQuery</a>
</div>
<div class="two">
[Code].....
Basically I want to recognize which <div> tag was double clicked, and hide the corresponding link that is nested within that specific <div> tag.
The only way I can think to do this currently is to basically copy and paste a whole bunch of jQuery code for each <div> tag and it's sub-elements (links in this case).
I'm a novice here, and I've got such a piece of code:
$(document).ready(function() {
$.each(includes, function(index, value) {
$('ul#menu-list').append('<li id="' + index + '"><a href="#">' + value + '</a></li>');
[Code]....
Basically, I load an html document on demand, through a menu populated with 'includes' values. Clicking on any item on the menu will load the appropriate document in the #content div and add an 'active' class to the menu item itself, to highlight it.
The loaded document optionally has inline links, that should load documents based on the same id's. Clicking on these inline links loads the appropriate document, but the 'active' class won't be added to the menu item having the same id of the inline link.
The thing I don't understand is that if I put (look at the line with arrows) any other value than 'id' (any valid integer or even 'id * 2') I get the desired result: a menu item having that id gets highlighted, a class being added to it.
I've got a list of modules, and when I click on one of them it expands displaying the content. When you expand them, a little image on the right changes from a down arrow (v) to an up arrow (^), but it's changing on all of the modules rather than just the one.
Here is the website: [URL]
It's pretty obvious what my question is; how do I get it so the image only changes on the module that you expand?
Here's the code for the moduleToggle function:
function moduleToggle() {
$('.content').hide();
$('.title').click(function() {
[Code]....
I have several table rows with the class name "recs", each containing a cell with the class name "data".Now I want to copy the text inside the table cell into a text box whenever I click on each row. For example if I click on the second table row, the name "David" would be copied in the textbox "name"
[Code]...
I have a div with several classes on, like this:
<div class="class-one class-two special-class"></div>
I want to get the class that starts with 'special' and store it in a variable...but I am having trouble doing this...I can get as far as storing all of the classes in a variable:
var myClasses = $(this).attr('class');
...but I now need to extract just the one class that starts with 'special'...
I'm building a volunteer translation site. In order to constantly update only paragraphs that multiple translators are working on, I need to pass an array to PHP of A: which paragraphs are open, and B: which translations have been submitted and are visible on the user's screen. PHP will then compare this with what is in the database and tell jQuery to add new submitted translation paragraphs or remove deleted ones.I've managed to make a string of all the open Div's and have it updated every second, like this:
function cycle(){
var data = '';
$('.paragraphtobetranslated:visible').each(function(){
[code]....
I'm trying to set up a simple load function to bring in some specific class content from pgB into pgA.Here's the code in html in pgA:
<div id="bext"></div>
<script type="text/javascript">
var $j = jQuery.noConflict();
[code].....
I want my script to loop through all the list elements and when it sees a class name of "more services" an alert window should pop up. The alert is so I know i've done it right-which I haven't.
Currently my code looks like this.
Code:
<script type="text/javascript">
var serviceList = document.getElementsByTagName("li");
for (var i=0; i< serviceList.length; i++) {
if (serviceList[i].classname == "more-services"){
[Code]...
I am currently attempting to write a function that retrieves the name attribute from a list of items with a specific class name. To illustrate:
Code:
Show types of food:
<input type="radio" name="food" id="fruit" onclick="setVisibility('fruit')"/>
<label for="fruit">Fruit</label>
<input type="radio" name="food" id="vegetable" onclick="setVisibility('vegetable')"/>
<label for="vegetable">Vegetables</label>
<li class="art" name="fruit">pear</li>
<li class="art" name="vegetable">celery</li>
<li class="food" name="fruit">banana</li>
<li class="food" name="fruit">grapes</li>
<li class="food" name="fruit">orange</li>
<li class="art" name="fruit">grapes</li>
<li class="food" name="vegetable">lettuce</li>
<li class="food" name="fruit">apple</li>
<li class="food" name="vegetable">spinach</li>
<li class="food" name="vegetable">cabbage</li>
I would like create a function called setVisibility to iterate through all the list items where class=food and return the value of the name, so that I can compare that to the radio box, and set visibility accordingly.
How is it possible to get the class starting by 'date' of a specific element?
e.g. <p class="hello date123 world"></p>
I would like to get the class date123
I have a list of links in a sidebar, each with an associated class name. When one of these links are clicked, I want to fade out all of the main content list items that do NOT have this class (ie - if I click on boots, I want to fade out the list items heels and sandals)
[Code]...
I'm using jquery to make it easy for AJAX calls.
So I create a class: function cMap(mapID){//vars and stuff}
I go and prototype a function: cMap.prototype.loadMap = function(){ //jquery AJAX call }
Now in the jquery $.ajax({...}); call, I use an anonymous function on the "success:" call: success: function(data){ this.member = data; }
My problem is that inside this anonymous function call I'm trying to call a class member of my cMap class to store the data in from the AJAX call, but it's out of scope. So the JS console in FF/Chrome throws errors about bad value/doesn't exist.
How can I access this class member from inside an anonymous function? Or at least what's a good way to go about doing all this?