[Løst] Funksjon virker ikke sammen med Ben Alman's BBQ library

[LMarie]

Hei

 

Satt opp en ajax side. oppdaget da ettersom dette er min første ajax side at tilbake knappen ble ødelagt. Jeg hadde da allerede satt opp hele siden slik den skulle være med all funksjonalitet på plass.

 

Men når jeg fikk fikset tilbakeknappen med ben almans bbq lib fungerer ikke funksjonene mine som de skal.

 

Problemet er at funksjoner som kalles ved onclick fungerer ikke før jeg har refreshet siden.

 

 

Kan legge til at dette er en av funksjonene som ikke fungerer:

Html:

<form name='f1'>
<input name='id' type='hidden' value=$id>
<td><div id='confirm_yes'><a title='Ja' onclick='reactivate()';>Ja</a></div></td>
<td><a title='Nei' 
onclick='hideShow($row2);hideShow($row);')>Nei</a></td></tr>
</form>

 

Ajax:

function GetXmlHttpObject() {
if (window.XMLHttpRequest) {
 		// code for IE7+, Firefox, Chrome, Opera, Safari
 		return new XMLHttpRequest();
 	}
if (window.ActiveXObject) {
 		// code for IE6, IE5
 		return new ActiveXObject("Microsoft.XMLHTTP");
 	}
return null;
}


function reactivate(){
var myAjaxPostrequest=new GetXmlHttpObject();

var t2lid=document.f1.id.value;

var parameters="id="+t2lid;

myAjaxPostrequest.open("POST", "reactivate.php", true);
myAjaxPostrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
myAjaxPostrequest.send(parameters);
myAjaxPostrequest.onreadystatechange=function(){
  		if(myAjaxPostrequest.readyState==4){
		if(myAjaxPostrequest.status==200){
			document.getElementById("result").innerHTML=myAjaxPostrequest.responseText;
 				document.getElementById("f1").style.display = "none";
		} else {
  				document.getElementById("f1").innerHTML="An error has occured making the request";
		}
	}
}
}

 

Php:

$query = $_POST;
foreach ($query as $k => $v) {
$id = $v;
}

echo "reaktivere:  $id";

 

Kan jo hende jeg har noe feil i ajax funksjonen :S

 

Takk for all hjelp

Endret 28. mars 2011 av LMarie

[LMarie]

Endte opp med å gjøre slik:

 

Funksjon:

function xmlhttpPost(strURL, input_value) {
   var xmlHttpReq = false;
   var self = this;

   if (window.XMLHttpRequest) {
       self.xmlHttpReq = new XMLHttpRequest();
   } else if (window.ActiveXObject) {
       self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
   }
   self.xmlHttpReq.open('POST', strURL, true);
   self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
   self.xmlHttpReq.onreadystatechange = function() {
       if (self.xmlHttpReq.readyState == 4) {
           updatepage(self.xmlHttpReq.responseText);
       }
   }
   self.xmlHttpReq.send(getquerystring(input_value));
}

function getquerystring(input_value) { 
   qstr = 'w=' + escape(input_value);  // NOTE: no '?' before querystring
   return qstr;
}

function updatepage(str){
   document.getElementById("result").innerHTML = str;
}

 

html:

<td class='confirmation'>Reaktivere denne turen?</td><td><div id='confirm_yes'><a title='Ja' class='confirmation_link' onclick='xmlhttpPost(\"/reactivate.php\", $bookingid[$i]); hideShow($row2); hideShow($row);'>Ja</a></div></td><td><a title='Nei' class='confirmation_link' onclick='hideShow($row2);hideShow($row);')>Nei</a></td></tr>

 

reactivate.php:

$query = $_POST; 
foreach ($query as $k => $v) { 
       $id = $v; 
} 

echo "reaktivere:  $id";