PHP - Jquery Function Onclick Scope Issue

Whenever I want to use AJAX (using jQuery) I store the PHP code in a seperate file and then send an retrieve data from that file using AJAX.  However I was wondering if you can just call a PHP function.  Then it would save me having to put each function in a seperate file?

Thanks for any help. 

When ever I try to google this I always get it the other way round "Calling PHP from jQuery" which is now what I need.

Basically I want, When the script starts, For PHP to check if an array is empty and if it's not call a jQuery function (This would be the jQuery UI Dialog box).

If you can help me here or even post a link to a resource then I will kiss ya. No homo.

Thanks in advance!

I have a dynamic script and need to create a click event function with JavaScript to delete the row which has a checkbox checked when the delete button is pressed. 
 
 
This is being implemented with PHP and as now serves as light code for this matter at hand. I was only able to delete all rows. I have my efforts with the js functions too.     <script type="text/javascript">
   var counter = 1;
   var limit = 6;
   function addTextArea() {
    if (counter == limit-1) {
    alert("Maximum limit " + counter + " sorry");
    return false;
    }
    else {
    <!-- CAUTION THIS IS BACKWARDS. -->
   
    var newdiv = document.createElement('div');
    newdiv.innerHTML = "" + (counter + 1) + " <br><textarea name='fav_det[]' id=counter rows='3' cols='20'>";
    document.getElementById('div6').appendChild(newdiv);
   
    var newdiv = document.createElement('div');
    newdiv.innerHTML = "" + (counter + 1) + " <br><textarea name='fav_col' id=counter rows='3' cols='20'>";
    document.getElementById('div5').appendChild(newdiv);
   
    var newdiv = document.createElement('div');
    newdiv.innerHTML = "" + (counter + 1) + " <br><textarea name='fav_mod[]' id=counter rows='3' cols='20'>";
    document.getElementById('div4').appendChild(newdiv);
   
    var newdiv = document.createElement('div');
    newdiv.innerHTML = " " + (counter + 1) + " <br><input type='text' name='truck[]' id=counter>";
    document.getElementById('div3').appendChild(newdiv);
   
    var newdiv = document.createElement('div');
    newdiv.innerHTML = " " + (counter + 1) + " <br><input type='text' name='car[]' id=counter>";
    document.getElementById('div2').appendChild(newdiv);
   
    var newdiv = document.createElement('div');
    newdiv.innerHTML = "" + (counter + 1) + " <br><input type='checkbox' name='chk[]' id=counter>";
    document.getElementById('div1').appendChild(newdiv);
   
    counter++
    return true;
    }
   }
   </script>
   
   
   <script type="text/javascript">
   function  deleteRowS(dataTable) {
    for (var rowi= table.rows.length; rowi-->0;) {
     var row= table.rows[rowi];
     var inputs= row.getElementsByTagName('dataTable');
     for (var inputi= inputs.length; inputi-->0;) {
      var input= inputs[inputi];
   
      if (input.type==='checkbox' && input.checked) {
       row.parentNode.removeChild(row);
       break;
      }
     }
    }
   }
   </script> 
   
   
   
   <script type="text/javascript">
   function deleteRow()  {
     var table = document.getElementById(tableID).tBodies[0];
     var rowCount = table.rows.length;
   
     // var i=1 to start after header
     for(var i=1; i<rowCount; i++) {
      var row = table.rows[i];
      // index of td contain checkbox is 8
      var chkbox = row.cells[6].getElementsByTagName('input')[0];
      if('checkbox' == chkbox.type && true == chkbox.checked) {
       table.deleteRow(i);
       }
     }
   }</script>
   
   </head>
   <table>
   <tr><td valign='top'><b>NEED DELETE ROW WITH CHECKBOX FUNCTION:</td></tr>
   </table>
   <table id="dataTable" width="auto" style="margin:-4px 0 0 0; padding:14px 0 0 0;" cellspacing="10px"><tbody id="dataTable"></tbody>
   <tr>
   <td valign='Top'>
   &#x2717;
   <div id="div1">
   <input type="checkbox" name="chk[]" autocomplete="off" id="1" >
   </div>
   </td>
   
   <td valign='Top'>
   cars
   <div id="div2">
   <input type="text" name="car[]" id="2" >
   </div>
   </td>
   
   <td valign='Top'>
   trucks
   <div id="div3">
   <input type="text" name="truck[]" id="3" >
   </div>
   </td>
   
   <td valign='Top'>
   your favorite model
   <div id="div4">
   <textarea name="mod[]" id="4" rows="3" cols="20"></textarea>
   </div>
   <br><br>
   </td>
   
   <td valign='Top'>
   your favorite add-ons
   <div id="div5">
   <textarea name="fav_col" id="5" rows="3" cols="20"></textarea>
   </div>
   </td>
   
   <td valign='Top'>
   explain vehicle overall
   <div id="div6">
   <textarea name="fav_det" id="6" rows="3" cols="20"></textarea>
   </div>
   </td>
   </tr>
   </table>
   <input type="button" value="Add another" onClick="addTextArea();" />&nbsp;
   <input type="button" value="Delete row" onclick="deleteRow('dataTable');deleteRowS('dataTable')" />

Hello, everyone. I have code that effectively calls a PHP page with AJAX  (no JQuery).  The PHP responds fine with an echo.  Here is the javaScript that calls the PHP so refreshing the page doesn't need to be done.

 

function deleteCategory()
{
	var e= document.getElementById("dropDown1");
	var var1 = e.options[e.selectedIndex].text;
	var xmlhttp = new XMLHttpRequest();
	xmlhttp.onreadystatechange = alerta() {
	if (this.readyState == 4 && this.status == 200) {
		
			document.getElementById("insert").innerHTML = xmlhttp.responseText;
		}
	};
	
	xmlhttp.open("GET", "deleteRow.php?q=" + var1 , true);
	xmlhttp.send();
 }

How do I call a PHP function on the same page while preserving the above AJAX.

 

Sincerely,

Joshua

Hi, I've seen this done, and I thought it would be simple now that I am starting to understand ajax but I can't figure it out.   I am using jQuery ajax via wordpress.  I can click a button,  call a php function and use the value returned from php to populate the textbox.   Ok, great!   but I want to run a rather lengthy procedure, and while it's running I would like it to record it's status in a multi-line text box as sort of a debugger ( and to pass the time while waiting )   How can I accomplish this?      I've googled but I must not be using the correct words to search.

This topic has been moved to JavaScript Help.

http://www.phpfreaks.com/forums/index.php?topic=359130.0

This topic has been moved to JavaScript Help.

http://www.phpfreaks.com/forums/index.php?topic=351058.0

I've added a CSS class to the main menu of a Wordpress site and wish to remove the class if the browser width drops below a certain number. I've tried a number of different approaches but none has worked.    Some examples:   $(document).ready(function() {

Hi All,   My page contains a JS function that enables to print the content of a DIV, and contains also a jQuery Autocomplete textbox that does not belong to that DIV.   Here is the JS for printing the div

function printContent(el){
        var restorepage = document.body.innerHTML;

        var printcontent=document.getElementById(el).innerHTML;
        document.body.innerHTML = printcontent;
        window.print();
        document.body.innerHTML = restorepage;
        }

The HTML attached to it is

<div id="div1">DIV 1 content...

</div> <button onclick="printContent('div1')">Print Content</button>

If the user clicks the button to print the content of  the DIV, they cannot afterwards make use of the Autocomplete textbox.   It seems the issue occurs with any kind of jQuery UI, not just autocomplete.   In this case, the HTML of the Autocomplete is

<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags" />
</div>

and the script

$(function () {
            var availableTags = [
                "ActionScript",
                "AppleScript",
                "Asp",
                "BASIC",
                "C",
                "C++",
                "Clojure",
                "COBOL",
                "ColdFusion",
                "Erlang",
                "Fortran",
                "Groovy",
                "Haskell",
                "Java",
                "JavaScript",
                "Lisp",
                "Perl"
            
            ];

          $("#tags").autocomplete({
                source: availableTags,
                
           
                minLength: 0,
                delay: 0
            });
 });

jquery-ui-1.10.3.custom.css, jquery-1.9.1.js and jquery-ui-1.10.3.custom.js are used.   Any idea of how to keep the jQuery UI functional after the div-printing JS function has been used ?   Thanks for your help.  

Hi php freaks
 I have been going through someone  elses code and have seen this below. What does the & at the start of the function do?

Code: [Select]
function &foo(){}

Thanks

Hi Guys

I have created a function, well i think i have

function datedropdown_funct()
        {
                    switch ($date_filter) 
               {
                    
    case "Today":
    $retval = '<option value="">Select</option><option value="Today" SELECTED>Today</option><option value="Last 48hrs">Last 48hrs</option><option value="Last week">Last Week</option><option value="last month">Last Month</option>';
    break;
    case "Last 48hrs":
   $day = date("d")-1;
   $retval = '<option value="">Select</option><option value="Today">Today</option><option value="Last 48hrs" SELECTED>Last 48hrs</option><option value="Last week">Last Week</option><option value="last month">Last Month</option>';
                    break;
    case "Last week":
     $day = date("d")-7;
     $retval =  '<option value="">Select</option><option value="Today">Today</option><option value="Last 48hrs">Last 48hrs</option><option value="Last week" SELECTED>Last Week</option><option value="last month">Last Month</option>';
                 break;
     case "last month":
     $month = date("m")-1;
     $retval =  '<option value="">Select</option><option value="Today">Today</option><option value="Last 48hrs">Last 48hrs</option><option value="Last week">Last Week</option><option value="last month" SELECTED>Last Month</option>';
                    break;
     case "last 3 months":
     $month = date("m")-3;
     $retval = '<option value="">Select</option><option value="Today">Today</option><option value="Last 48hrs">Last 48hrs</option><option value="Last week">Last Week</option><option value="last month">Last Month</option><option value="last 3 months" SELECTED>Last 3 Month</option>';
                    break;
     default:
     // Default is the last 48hrs
     $day = date("d")-1;
        }  
                    return $retval;  
            }        


it gets called like so

$date_filter_options= datedropdown_funct(); 

The variable $date_filter_options should take on the $retval value, but it doesnt appear to be calling the function

Any ideas or correction where i have screwed up ?

regards

Hi,

I have just started learning php and mysql and have been doing a few exercises.

I made a function to get all the information out of a table in a mysql database based on the id of a selected table item.

I'm having a bizarre issue when trying to use the function within an if statement. 

It works fine when I use it and assign to a variable in my page. Like so:


<?php

$table = get_table_by_id ($_GET ["subj"]); 
echo $table ["menu_name"];

?>

This gives me the menu name out of the table.

However when the same function is used within an if statement like so:

if (isset($_GET ["subj"])) {

$sel_table = get_table_by_id ($_GET ["subj"]);

}

else {

$sel_table = NULL;

}

I get the following error:

Warning: mysql_fetch_array() expects parameter 1 to be resource, boolean given in....

Which translates to:

No database selected

Here is the code used for the function:

function get_table_by_id ($name) {

$query = "SELECT * " ;

$query .= "FROM pages ";

$query .= "WHERE id=" . $name . " ";

$query .= "LIMIT 1";

$result_set = mysql_query ($query);

if (!$result_set) {

die ("query failed " . mysql_error());

}

$array = mysql_fetch_array($result_set);

return $array;

Why is this happening?

Hi Guys   I have a question about maintaining scope in OOP.  I may just be going about it in completely the wrong way but I'm here to learn.   Lets say I have a base class called 'first; set out as per the code below.    In the first class there is a method that instantiates another class - called second. This second class extends the first class and I want it to be able to set errors on the first class.  The only way I can maintain it's scope is to pass $this into the constructor of the second class.   My questions a   1) Is this the right way to maintain scope? 2) Would this be bad practice and I should explore a different model for setting out these classes? 3) Would it be considered better practice to make $errors a static property?     Keen to do things the right way so any advice is very welcome

class first {

	public $errors = array();
	
	public function __construct(){
		
		$this->callSecondClass();
		$this->render();
		
	}
	
	public function callSecondClass(){
		
		$t = new second($this);
		
	}

	public function render(){
	
		echo "I am rendering errors:";
		print_r($this->errors);
	}

}

class second extends first {

	
	public function __construct($obj){
			
		$obj->errors[] = 'ERROR FROM SECOND CLASS';
	}

}
 

Edited by Drongo_III, 14 August 2014 - 04:54 PM.

Hi im just wondering whats up with this - i am just doing a plain php mail function