AJAX - Contenido de una funcion php en div ejecutando AJA

 
Vista:

Contenido de una funcion php en div ejecutando AJA

Publicado por olivie (4 intervenciones) el 05/01/2010 08:59:42
Contenido de una funcion php en div ejecutando AJAX

Hola foreros,

mi caso es el siguiente,
tengo una pagina dividida en divs. En una de estas partes hay ciertos parametros (combos, textareas...) de cuyo valor depende el contenido de los divs de abajo. ya tengo hechas funciones php que rellenan dichos divs segun los parametros.
Hasta ahora me habia empeñado en hacerlo con javascript y php pero es un lio macabeo de cuidao, chapucero, recargando paginas etc, asique por fin lo voy a hacer con ajax.
Mi pregunta es, como puedo llamar a esas funciones? Todos lso ejemplos que he visto incluyen una pagina diferente en el div, no ejecutan una funcion.

Os dejo una porcion de código:

este es un trozo de mi pagina. Las funciones php rellenan los div segun los parametros.

<div id="tablas_relleno">
<div id="tabla_origen">
<?php pintarTablaDatos("Origen",$numEnlaces); ?>
</div>
<div id="tabla_destino">
<?php pintarTablaDatos("Destino",$numEnlaces); ?>
</div>
<div id="tabla_itx" style="display:none">
<?php pintarTablaInterconexion("Destino",$numEnlaces );?>
</div>
</div>


y el ajax.js

var XMLHttpRequestObject = false;

if (window.XMLHttpRequest) {

XMLHttpRequestObject = new XMLHttpRequest();

} else if (window.ActiveXObject) {

XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");

}

function pedirDatos(fuenteDatos, divID){ // aqui es donde quiero que fuentedatos sea una funcion PHP ...

if(XMLHttpRequestObject) {

var obj = document.getElementById(divID);

XMLHttpRequestObject.open("GET", fuenteDatos);

XMLHttpRequestObject.onreadystatechange = function(){

if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {

obj.innerHTML = XMLHttpRequestObject.responseText;

}

}

XMLHttpRequestObject.send(null);

}

}


gracias!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Contenido de una funcion php en div ejecutando

Publicado por eduardo (1 intervención) el 05/01/2010 17:33:38
hola yo logre algo parecido eso me sirvio es lo ams simple que encontre en una web
oajal te sirva

copia y pegalo pagina .php


<SCRIPT language=JavaScript>
var enablepersist="off" //Enable saving state of content structure using session cookies? (on/off)
var collapseprevious="yes" //Collapse previously open content when opening present? (yes/no)
if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchcontent{display:none;')
document.write('</style>')
}

function getElementbyClass(classname){
ccollect=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
ccollect[inc++]=alltags[i]
}
}

function contractcontent(omit){
var inc=0
while (ccollect[inc]){
if (ccollect[inc].id!=omit)
ccollect[inc].style.display="none"
inc++
}
}


function expandcontent(cid){
if (typeof ccollect!="undefined"){
if (collapseprevious=="yes")
contractcontent(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
}
}

function revivecontent(){
contractcontent("omitnothing")
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="block"
}


function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}


function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}

function saveswitchstate(){
var inc=0, selectedItem=""
while (ccollect[inc]){
if (ccollect[inc].style.display=="block")
selectedItem+=ccollect[inc].id+"|"
inc++
}

document.cookie=window.location.pathname+"="+selectedItem
}

function do_onload(){
getElementbyClass("switchcontent")
if (enablepersist=="on" && typeof ccollect!="undefined")
revivecontent()
}

if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload

if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate
</SCRIPT>



<SCRIPT language=JavaScript>
<!--
document.cookie='resolucion='+screen.width+";";

// -->
</SCRIPT>

<link href="estilo.css" rel="stylesheet" type="text/css">

<style type="text/css">
<!--
.Estilo18 {
color: #006699;
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
-->
</style>
<table width="679" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="226" height="106"> </td>
<td width="120"> </td>
<td width="333"> </td>
</tr>
<tr>
<td height="21" valign="top" class="rojodatos">Especialidad</td>
<td valign="top" class="rojodatos">Fabricante</td>
<td> </td>
</tr>
<tr>
<td height="37" valign="top"><table onClick="expandcontent('sc09')" width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>

<td width="230" height="18" valign="top" class="Estilo18">td padre clik aqui</td>
</tr>




</table></td>
<td rowspan="2" valign="top"><table class="switchcontent" onClick="expandcontent('sc08')" id="sc09" width= "100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>

<td width="121" height="19" valign="top" class="Estilo18">td 2dependiente</td>
</tr>


</table></td>
<td></td>
</tr>

<tr>
<td height="1"></td>
<td></td>
</tr>
<tr>
<td height="535"></td>
<td></td>
<td></td>
</tr>
</table>


me olvidaba tambein exixsten esta pagina descargala

http://jquery.com/
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar