Calling jquery dialog from within an ajax generated php file

Question

// functions for dialog form....
$(function() {
  var dialog, form, allFields

  // add new dialog
  dialog = $("#frm_Add").dialog({
    autoOpen: false,
    height: 600,
    width: 800,
    modal: true,
    buttons: {
      "Save": addNewIMTE,
      Cancel: function() {
        dialog.dialog("close");
      }

    },
    close: function() {
      //form[ 0 ].reset();
      //	allFields.removeClass( "ui-state-error" );
    }
  });

  form = dialog.find("form").on("submit", function(event) {
    event.preventDefault();
  });

  $("#AddNewItem").button().on("click", function() {
    dialog.dialog("open");
  });
});

// end add new dialog

$(function() {

  // add edit dialog
  var dialogEdit, formEdit, allFieldsEdit
  dialogEdit = $("#dialog-EditForm").dialog({
    autoOpen: false,
    height: 400,
    width: 600,
    modal: true,
    buttons: {
      "Save": addNewIMTE,
      Cancel: function() {
        dialogEdit.dialog("close");
      }
    },
    close: function() {
      //formEdit[ 0 ].reset();
      //allFieldsEdit.removeClass( "ui-state-error" );
    }
  });

  formEdit = dialogEdit.find("form").on("submit", function(event) {
    event.preventDefault();
  });

  //	$(document).on("click","a#editME",function(){
  //	$("a#editME").click(function(){ 
  //      dialogEdit.dialog( "open" );
  //	}); 

  $(document).on("click", "#editME", function() {
    dialogEdit.dialog("open");
  });




});


function addNewIMTE() {
  var valid = true;
  allFields.removeClass("ui-state-error");
  //valid = valid && checkLength( name, "username", 3, 16 );
  //valid = valid && checkLength( email, "email", 6, 80 );
  //valid = valid && checkLength( password, "password", 5, 16 );
  //valid = valid && checkRegexp( name, /^[a-z]([0-9a-z_\s])+$/i, "Username may consist of a-z, //0-9, underscores, spaces and must begin with a letter." );
  //valid = valid && checkRegexp( email, emailRegex, "eg. ui@jquery.com" );
  if (valid) {
    //call save function - saveIMTE()
    //alert('you pressed me');
    saveNewIMTEData();
    dialog.dialog("close");
  }
  return valid;
}








  
  DJ Inspection

  
  


  

  
  
  

  
  

  

  




query($sqlCat); 
$rowsCat = $rsCat->num_rows; 
$sqlLocation = "select id,description from location"; 
$rsLocation = $connection->query($sqlLocation); 
$rowsLocation = $rsLocation->num_rows; 
$sqlPIC = "select ID,Name from personnel"; 
$rsPIC = $connection->query($sqlPIC);
$rowsPIC = $rsPIC->num_rows; 
$sqlVendor = "select id,CalVendor from calvendor"; $rsVendor = $connection->query($sqlVendor); $rowsVendor = $rsVendor->num_rows; $sqlPeriod = "select ID,Period from inspperiod"; $rsPeriod = $connection->query($sqlPeriod);
$rowsPeriod = $rsPeriod->num_rows; mysqli_close($connection); ?>




  

  
  

  

    
      

        
          
            
          
        
        

          
        

        
          

          Edit
            
              
            
		
          
            	  
              
                Search




	fdfdd




		
	









  
    

  
     ""){
		$activeStr  = "";
		$orderStr = $SortBy;
		$whatElse = "SORTED";
	}
	
	echo "** ".$SearchThis.' - '.$whatElse.' - '.$activeStr;
	
	
	
	$sqlStr = "SELECT
	imtemaster.id,
	imtemaster.catID,
	imtemaster.description,
	imtemaster.serialno,
	imtemaster.Brand,
	imtemaster.Model,
	imtemaster.Specs,
	imtemaster.CalDate,
	imtemaster.CalDue,
	imtemaster.CalPeriod,
	imtemaster.CalBy,
	imtemaster.CertRef,
	imtemaster.Location,
	imtemaster.PIC,
	imtemaster.Status,
	imtemaster.Remarks,
	imtecat.Description,
	inspperiod.Period,
	calvendor.CalVendor,
	personnel.Name,
	status.description,
	Location.description,
	imtemaster.image
	FROM imtemaster 
	INNER JOIN imtecat ON imtecat.ID = imtemaster.catID 
	LEFT JOIN inspperiod ON inspperiod.ID = imtemaster.CalPeriod
	LEFT JOIN calvendor ON calvendor.id = imtemaster.CalBy
	LEFT JOIN status ON status.id = imtemaster.Status
	LEFT JOIN Location ON Location.id = imtemaster.Location
	LEFT JOIN personnel ON personnel.ID = imtemaster.PIC 
	where ".$activeStr."
	(imtemaster.description LIKE '%".$SearchThis."%' || imtemaster.Brand LIKE '%".$SearchThis."%'
	|| imtemaster.serialno LIKE '%".$SearchThis."%'
	|| imtemaster.ID LIKE '%".$SearchThis."%'
	|| imtemaster.Specs LIKE '%".$SearchThis."%'
	|| imtemaster.Model LIKE '%".$SearchThis."%'
	|| imtemaster.Brand LIKE '%".$SearchThis."%'
	|| imtemaster.CertRef LIKE '%".$SearchThis."%'
	|| personnel.Name LIKE '%".$SearchThis."%'
	|| imtecat.Description LIKE '%".$SearchThis."%'
	|| Location.Description LIKE '%".$SearchThis."%'
	|| calvendor.CalVendor LIKE '%".$SearchThis."%'
	|| status.description LIKE '%".$SearchThis."%'
	|| imtemaster.Remarks LIKE '%".$SearchThis."%'
	|| imtemaster.Remarks LIKE '%".$SearchThis."%')
	order by ".$orderStr;	
	
	// and
	//(imtemaster.Status != 2)
	//	echo $sqlStr;
	
	$rsInv = $connection->query($sqlStr);	
	
	$rowsInv = $rsInv->num_rows;
	
	echo "No of IMTE found: ".$rowsInv;
	
	echo 'Edit';
	
	
	if ($rowsInv > 0) {
		
		echo '
		
		
		';
		
		$i = 0;

		while ($rowsInv=mysqli_fetch_row($rsInv))
		{
			$id               = $rowsInv[0];
			$catID            = $rowsInv[1];
			$description      = $rowsInv[2];
			$serialno         = $rowsInv[3];
			$Brand            = $rowsInv[4];
			$Model            = $rowsInv[5];
			$Specs            = $rowsInv[6];
			$CalDate          = $rowsInv[7];
			$CalDue           = $rowsInv[8];
			$CalPeriod        = $rowsInv[9];
			$CalByID           = $rowsInv[10];
			$CertRef          = $rowsInv[11];
			$Location         = $rowsInv[12];
			$PIC              = $rowsInv[13];
			$Remarks          = $rowsInv[15];
			$CatDescp         = $rowsInv[16];
			$Period           = $rowsInv[17];
			$CalBy            = $rowsInv[18];
			$PIC              = $rowsInv[19];
			$Status           = $rowsInv[20];
			$WhereIsIt        = $rowsInv[21];
			$StatusID        = $rowsInv[14];
			$image        = $rowsInv[22];
			
			$i = $i + 1;
			
			if($i % 2 ==0)
			
			{
				$bgcolor='#FFFFFF';
				}else{
				$bgcolor='#E9E9E9';
			}
			
			//	$offset = $Period;	
			//	$now = time();
			//	$days2expiry = floor((strtotime(date('Y-m-d', 
			//	strtotime("+$offset months-1 day", //strtotime($CalDate))))-$now)/(60*60*24));

			$datediff =strtotime($CalDue)-$now;
			$days2expiry = floor($datediff/(60*60*24));
			
			if ($days2expiry <= 30 ){
				$bgcolor='FFAA7F';
			};
			
			if ($days2expiry > 0 and $days2expiry <= 30  ) {
				$bgcolor='FFCC99';
			};
						
			if ($days2expiry <= 0 ){
				$bgcolor= 'red';
			};
			
			if ($Status == 7 ){
				$bgcolor='FFAA7F';
			}
			
			//echo '';			
			//	echo '';
			//echo '';
			//echo '';
			//echo '';
			//echo '';
			//echo '';
			//echo '';
			//echo '';
			
			//echo '';
			
			echo '';
			
			echo '';
			
			echo '';
			echo '';
			echo '';
			echo '';
			echo '';
			echo '';
			echo '';
			echo '';
			echo '';
			echo '';
			echo '';
			echo '';
			/*
			echo '
			';
			*/

			if ( !empty( $image ) ) {
			echo '';
			
			}else{
			
			echo '';
			
			}
			
			echo '';
			echo '';
			
			//Edit';
			// Click Me! 
		};
		
	}
	
	echo '';
	
	echo '
		
		
		
		
		
		ID
		
		
		
		Status
		
		Type
		
		
		Description
		
		
		Serial No
		
		
		Period
		
		
	    Cal On
	
		
		Due
		
		Exp (Days)
		
		
		Loc
	
		
		Cal By
			
		Remarks
		Action
		Img
		Cert
		Excel
		
		
		
		'.$i.' '.$CatDescp.'-'.trim($description).'-'.trim($Brand).'-'.trim($Model).'-'.trim($Specs).' '.$CalDate.' '.$CalDue.' '.$Period.' '.$CalBy.' '.$CertRef.' '.$PIC.' '.$WhereIsIt.' Edit

			'.$id.'
			 '.$Status.'('.trim($StatusID).')'.' '.$CatDescp.'('.trim($catID).')'.' '.trim($description).'-'.trim($Brand).'-'.trim($Model).'-'.trim($Specs).' '.$serialno.' '.$Period.' '.$CalDate.' '.$CalDue.' '.(float)$days2expiry.' '.$WhereIsIt.'('.trim($Location).')'.' '.$CalBy.'-('.$CalByID.')'.' '.$Remarks.' One Way';
			
			
			//echo ' Pic 
			
			
			
			 
			cert IHCert
';
	
		
	
	echo '
';
	echo '';
	
	
	
	
?>

I have search similar questions but am not able to find the solution to my problem.

I am trying to use jquery dialog from a hyper link generated through ajax. The javascripts are all ran from the first page that called the ajax. When I click on the hyper link, there is no response but when I put the same hyperlink on the first page, it works.

This is generated by ajax: '.$id.'

The javascript is ran when the program initialized:

$("a#editME").click(function(){ 
dialogEdit.dialog( "open" );

Could someone help?

Thanks

ajax generated table

sandeep_kosta · Accepted Answer

you should try this

$(document).on("click","a#editME",function(){
    dialogEdit.dialog( "open" );
})

Calling jquery dialog from within an ajax generated php file

Answers (1)

Related Questions