Ver Mensaje Individual
  #2 (permalink)  
Antiguo 01/10/2009, 15:20
joaowizard
 
Fecha de Ingreso: abril-2009
Ubicación: Miami
Mensajes: 182
Antigüedad: 15 años, 6 meses
Puntos: 8
Respuesta: Ayuda para principiante!!

hola otra vez :D... al final pude hacerlo .. les dejo el código para el que le pueda servir ... salu2:

pagina.php
<script>
function nuevoAjax()
{
/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
lo que se puede copiar tal como esta aqui */
var xmlhttp=false;
try
{
// Creacion del objeto AJAX para navegadores no IE
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
// Creacion del objet AJAX para IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E) { xmlhttp=false; }
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); }

return xmlhttp;
}

function asignarcolor(color)
{
// Obtengo la capa donde se muestran las respuestas del servidor
var capa=document.getElementById("resultado");
var B = document.getElementById('loading');//para poner el loading
// Creo el objeto AJAX
var ajax=nuevoAjax();
// Coloco el mensaje "Cargando..." en la capa
capa.innerHTML="Cargando...";
// Abro la conexión, envío cabeceras correspondientes al uso de POST y envío los datos con el método send del objeto AJAX
ajax.open("POST","pagina2.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send("color="+color);

ajax.onreadystatechange=function(){
if(ajax.readyState==1){
B.innerHTML = "<img src='images/loading.gif' alg='Loading...'>";
}
if(ajax.readyState==4){
capa.innerHTML = ajax.responseText;
B.innerHTML = "";
}
}
}

</script>

<table cellpadding="0" cellspacing="0">
<tr>
<td style="background-color: rgb(0, 0, 0); cursor: pointer;" onclick='asignarcolor("#000000")' width="14" height="14">
</td>
<td style="background-color: rgb(0, 0, 51); cursor: pointer;" onclick='asignarcolor("#000033")' width="14" height="14">
</td>
<td style="background-color: rgb(0, 0, 102); cursor: pointer;" onclick='asignarcolor("#000066")' width="14" height="14">
</td>
*************acá se pueden poner tantos colores como desee
</tr>
</table>

<div id="resultado"></div>

pagina2.php
<form action="" method="post">
<input name="" type="text" value="<?php echo $_POST['color'];?>" readonly="true"/>
</form>

y listo !!!! tendremos una herramienta para que el usuario pueda elegir un color y el mismo poder enviarlo por un formulario .. espero les sirva .. salu2 !!!
__________________
-----------------------------------
Éxitos !!! .. joao