Hola buenas,
Tengo un script hecho en php para pasar un formulario a una hoja de ajax, pero veo que en el formulario de la hoja ajax no tengo el tabulador por defecto, y me gustaria que pulsando el tabulador pueda controlar a donde tenga que ir el tabulador:
Os pongo el script:
JAVASCRIPT:
function xmlhttp()
{
var xmlhttp;
try{xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");}
catch(e)
{
try{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
catch(e)
{
try{xmlhttp = new XMLHttpRequest();}
catch(e)
{
xmlhttp = false;
}
}
}
if (!xmlhttp)
return null;
else
return xmlhttp;
}
function url_domain()
{
var folder = "index";
return "http://"+document.domain+"/"; // Conocer dominio
}
String.prototype.tratarResponseText=function()
{
var pat=/<script[^>]*>([\S\s]*?)<\/script[^>]*>/ig;
var pat2=/\bsrc=[^>\s]+\b/g;
var elementos = this.match(pat) || [];
for(i=0;i<elementos.length;i++)
{
var nuevoScript = document.createElement('script');
nuevoScript.type = 'text/javascript';
var tienesrc=elementos[i].match(pat2) || [];
if(tienesrc.length)
{
nuevoScript.src=tienesrc[0].split("'").join('').split('"').join('').split('sr c=').join('').split(' ').join('');
}else{
var elemento = elementos[i].replace(pat,'$1','');
nuevoScript.text = elemento;
}
document.getElementsByTagName('body')[0].appendChild(nuevoScript);
}
return this.replace(pat,'');
}
function SetContainerHTML(responseText,hoja)
{
var mydiv = document.getElementById('Mostrar'+hoja);
mydiv.innerHTML = responseText.tratarResponseText();
}
function ajax_hoja(hoja,variable,valor,puntero,name_session )
{
var hoja;
var variable;
var valor;
var puntero;
var name_session;
var variablex = variable;
var valorx = valor;
var ajax= xmlhttp();
var A = document.getElementById('Mostrar'+hoja);
var B = document.getElementById('Cargando'+hoja);
var dominio = url_domain('index'); // Conocer dominio
ajax.open("GET",dominio+"ajax/"+hoja+".php?"+variablex+"="+variablex+"&"+valorx+ "="+valorx+"&"+variable+"="+valor+"&Puntero="+punt ero+"&name_session="+name_session,true);
ajax.onreadystatechange=function()
{
if(ajax.readyState==1)
{
var dominio = url_domain(); // Conocer dominio
A.innerHTML = "<img src='"+dominio+"img/loading.gif' alt='Loading...' title='Loading...'>";
}
if(ajax.readyState==4)
{
SetContainerHTML(ajax.responseText,hoja);
ajax.onreadystatechange=null;
B.innerHTML = "";
}
}
ajax.send(null);
}
PHP:
<div id="MostrarEquilibrio_1"></div>
<div id="CargandoEquilibrio_1"></div>
<script type="text/javascript">ajax_hoja('Equilibrio_1','','','','<?= $value['id_md5']; ?>');</script>
HOJA AJAX:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="<?= SERVER_NAME; ?>css/ajax_hojas.css" />
<link rel="stylesheet" type="text/css" href="<?= SERVER_NAME; ?>css/colortip.css"/>
</head>
<body>
<form action="" method="get">
<h2><?= $translate->valor("Punto Equilibrio"); ?> 1</h2>
<table cellpadding="0" cellspacing="1" class="tabla_general">
<tr class="tr_tabla1">
<td class="td_tabla1" align="center"></td>
<td class="td_tabla1" align="center">A</td>
<td class="td_tabla1_left" align="center">B</td>
</tr>
<tr class="tr_tabla2">
<td align="center">1</td>
<td align="left" <?= $Tooltip_Bd->valor($Hoja,"A1",'td_tabla2 font1'); ?>><?= utf8_encode($translate->valor("Margen neto")); ?></td>
<td align="right" <?= $Tooltip_Bd->valor($Hoja,"B1",'td_tabla3_porcentaje'); ?>>
<input type="text" id="Equilibrio_1_B1" value="<?= number_format($_SESSION['Equilibrio_1']['B1'],1,',',''); ?>" size="8" onChange="ajax_hoja('Equilibrio_1','Equilibrio_1_B 1',document.getElementById('Equilibrio_1_B1').valu e,'Equilibrio_1_B2');" class="form_normal" /> %
</td>
</tr>
<tr class="tr_tabla2">
<td align="center">2</td>
<td align="left" <?= $Tooltip_Bd->valor($Hoja,"A2",'td_tabla2 font1'); ?>><?= utf8_encode($translate->valor("Suma de COSTES FIJOS")); ?></td>
<td align="right" <?= $Tooltip_Bd->valor($Hoja,"B2",'td_tabla3_normal'); ?>>
<input type="text" id="B2" value="<?= number_format($_SESSION['Equilibrio_1']['B2'],0,'','.'); ?>" size="8" onChange="ajax_hoja('Equilibrio_1','Equilibrio_1_B 2',document.getElementById('B2').value);" class="form_normal" />
</td>
</tr>
<tr><td colspan="4" class="linea"></td></tr>
<tr class="tr_tabla2">
<td align="center">3</td>
<td align="left" <?= $Tooltip_Bd->valor($Hoja,"A3",'td_tabla2 font2'); ?>><?= utf8_encode($translate->valor("PUNTO DE EQUILIBRIO")); ?></td>
<td align="right" <?= $Tooltip_Bd->valor($Hoja,"B3",'td_formula_left font2'); ?>>
<font class="form_formula"><?= $_SESSION['Equilibrio_1']['B3']; ?></font> €
</td>
</tr>
</table>
</form>
</body>
</html>
Muchísimas gracias
