Miren, tengo 2 archivos, el index.php y el analizer.php, en el primero tengo varios select (en realidad 16) y mandaba los datos por POST al archivo analizer, pero al mandar lo datos se recargaba la pagina y se borraban los datos asi que opte por usar "ajax" para evitar este problema.
Ahora el prolema es que apenas comence a utilizar el framework jquery (hace 2 dias xD) asi que no se cual sea el problema, por ahi estuve leyendo y llege al siguiente código, espero que alguien me pueda ayudar.
Aquí les dejo el código de mis 2 archivos y la pagina demo:
index.php
Código PHP:
<?php
include("analizer.php");
echo '
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Generador de mapas de Karnaugh online [beta]</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(evento){
// Evitar que se borre el formulario mandado
evento.preventDefault();
// Resto del código
$("#destino").css("display", "block").load("analizer.php", {casilla1: $(\'select[name="casilla1"]\'), casilla2: $(\'select[name="casilla2"]\'), casilla3: $(\'select[name="casilla3"]\'), casilla4: $(\'select[name="casilla4"]\'), casilla5: $(\'select[name="casilla5"]\'), casilla6: $(\'select[name="casilla6"]\'), casilla7: $(\'select[name="casilla7"]\'), casilla8: $(\'select[name="casilla8"]\'), casilla9: $(\'select[name="casilla9"]\'), casilla10: $(\'select[name="casilla10"]\'), casilla11: $(\'select[name="casilla11"]\'), casilla12: $(\'select[name="casilla12"]\'), casilla13: $(\'select[name="casilla13"]\'), casilla14: $(\'select[name="casilla14"]\'), casilla15: $(\'select[name="casilla15"]\'), casilla16: $(\'select[name="casilla6"]\')});
});
});
</script>
<style type="text/css">
body {
background:#DE3902 url("img/bg-main.png") repeat-x;
}
table {
color:#FFFFFF;
background:#000000;
border:solid 1px #FFFFFF;
}
.tit {
background: url("img/bg-tit.png");
font-size: 18px;
}
img {
border:none;
}
.boton {
border:2px solid #110011;
padding: 7px;
color:#FFFFFF;
background:url("img/bg-main.png") repeat-x;
font:Tahoma, Geneva, sans-serif;
font-size:16px;
-webkit-border-radius:. 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.boton:hover {
border:2px solid #000066;
background:url("img/bg-tit.png") -70px repeat-x;
}
#destino
{
display: none;
}
</style>
</head>
<body>
<div style="width:100%;">
<form method="post" action="#">
<table width="90%" border="1" cellspacing="1" cellpadding="1" style="margin:50px auto auto auto;">
<tr>
<th class="tit"><img src="img/AB.png" alt="" title="" /><img src="img/diagonal.png" alt="" title="" /><img src="img/CD.png" alt="" title="" /></th>
<th class="tit"><img src="img/CNDN.png" alt="" title="" /></th>
<th class="tit"><img src="img/CND.png" alt="" title="" /></th>
<th class="tit"><img src="img/CD.png" alt="" title="" /></th>
<th class="tit"><img src="img/CDN.png" alt="" title="" /></th>
</tr>
<tr>
<th class="tit"><img src="img/ANBN.png" alt="" title="" /></th>
<td><center><select name="casilla1"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select name="casilla2"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select name="casilla3"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select name="casilla4"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
</tr>
<tr>
<th class="tit"><img src="img/ANB.png" alt="" title="" /></th>
<td><center><select name="casilla5"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select name="casilla6"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select name="casilla7"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select name="casilla8"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
</tr>
<tr>
<th class="tit"><img src="img/AB.png" alt="" title="" /></th>
<td><center><select name="casilla9"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select name="casilla10"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select namex="casilla11"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select name="casilla12"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
</tr>
<tr>
<th class="tit"><img src="img/ABN.png" alt="" title="" /></th>
<td><center><select name="casilla13"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select name="casilla14"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select name="casilla15"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
<td><center><select name="casilla16"><option value="cero">0 - Cero</option><option value="uno">1 - Unos</option></select></center></td>
</tr>
</table><br />
<center><input id="btn" type="submit" value=" !Procesar! " class="boton"></center>
</form><br /><br />
<div id="destino">
<table width="90%" border="1" cellspacing="1" cellpadding="1" style="margin:50px auto auto auto; class="tabr">
<tr>
<th class="tit">¡Listo!</th>
<td><b id="result"></b>'. resultado() . '</td>
</tr>
</table>
</div>
</div>
</body>
</html>
';
?> analizer.php
Código PHP:
<?php
$casilla1 = $_POST['casilla1'];
$casilla2 = $_POST['casilla2'];
$casilla3 = $_POST['casilla3'];
$casilla4 = $_POST['casilla4'];
$casilla5 = $_POST['casilla5'];
$casilla6 = $_POST['casilla6'];
$casilla7 = $_POST['casilla7'];
$casilla8 = $_POST['casilla8'];
$casilla9 = $_POST['casilla9'];
$casilla10 = $_POST['casilla10'];
$casilla11 = $_POST['casilla11'];
$casilla12 = $_POST['casilla12'];
$casilla13 = $_POST['casilla13'];
$casilla14 = $_POST['casilla14'];
$casilla15 = $_POST['casilla15'];
$casilla16 = $_POST['casilla16'];
$r = "Resultado:";
/************************************************************
Pares Horizontales
************************************************************/
// (1) Casillas 1 y 2
if ($casilla1=="uno" and $casilla2=="uno")
{
$r.=" (-A -B -C) ";
}
// (2) Casillas 2 y 3
if ($casilla2=="uno" and $casilla3=="uno")
{
$r.=" (-A -B D) ";
}
// (3) Casillas 3 y 4
if ($casilla3=="uno" and $casilla4=="uno")
{
$r.=" (-A -B C) ";
}
// (4) Casillas 5 y 6
if ($casilla5=="uno" and $casilla6=="uno")
{
$r.=" (-A B -C) ";
}
// (5) Casillas 6 y 7
if ($casilla6=="uno" and $casilla7=="uno")
{
$r.=" (-A B D) ";
}
// (6) Casillas 7 y 8
if ($casilla7=="uno" and $casilla8=="uno")
{
$r.=" (-A B C) ";
}
// (7) Casillas 9 y 10
if ($casilla9=="uno" and $casilla10=="uno")
{
$r.=" (A B -C) ";
}
// (8) Casillas 10 y 11
if ($casilla10=="uno" and $casilla11=="uno")
{
$r.=" (A B D) ";
}
// (9) Casillas 11 y 12
if ($casilla11=="uno" and $casilla12=="uno")
{
$r.=" (A B C) ";
}
// (10) Casillas 13 y 14
if ($casilla13=="uno" and $casilla14=="uno")
{
$r.=" (A -B -C) ";
}
// (11) Casillas 14 y 15
if ($casilla14=="uno" and $casilla15=="uno")
{
$r.=" (A -B D) ";
}
// (12) Casillas 15 y 16
if ($casilla15=="uno" and $casilla16=="uno")
{
$r.=" (A -B C) ";
}
/************************************************************
Mandar el resultado final :D
************************************************************/
function resultado()
{
return str_replace(" ", " <b>+</b> ", $r) . "<br /><br /><b>Nota:</b> Las letras con un signo de menos (-) son términos negados.<br /><br />";
}
?> la página en donde esta la web para que vean su funcionamiento es la siguiente.
[URL="http://mybb.byethost6.com/mapa/"]http://mybb.byethost6.com/mapa/[/URL]
Gracias de antemano.
