Bueno aunque con bastante retraso aquí voy con el código, lo he estado probando con los dos y no me funciona en ninguno:
Funciona la validación, el onblur() que envia el dato mediante ajax y el javascript que añade el contenido en forma de texto simple. Sin embargo a la que intento hacer click en la capa ya no me vuelve a mostrar el contenido del input.
Este sería un campo de texto:
Código HTML:
<p>
<div class='ncampo'><label for='nombrew'>Nombre/Empresa:</label></div>
<?
if(!isset($_SESSION['nombrew'])){
echo "<div id='cnombrew' style='vertical-align:middle;'><input name='nombrew' type='text' id='nombrew' size='25' class='text' required='1' onblur='procesaForm(\"nombrew\")'></div>";
}else{
echo $_SESSION['nombrew'];
}
?>
</p> Este sería el código del javascript (onblur y, en teoría, onclick):
Código HTML:
var html = new Array();
function procesaForm(id){
if(document.getElementById(id).className=="invalidInput"){
window.alert("El tipo de dato que has introducido es incorrecto, por favor asegurate de haberlo escrito correctamente.");
}else{
valor = document.getElementById(id).value;
html[id]= document.getElementById("c"+id).innerHTML;
document.getElementById("c"+id).innerHTML=valor
document.getElementById("c"+id).onclick="cInput('"+id+"')";
xajax_procesaForm(id, valor);
return false;
}
}
function cInput(id){
document.getElementById("c"+id).innerHTML=html[id];
document.getElementById(id).focus();
}
Seguramente va a ser algo de javascript así que si lo ve un moderador y lo cree conveniente que cambie el post de foro.
Saludos y gracias de nuevo!