Problema con método javascript: paso valor variable javascript a html

[Noelito3]

Hola.

Tengo un archivo JSP en el que utilizo el siguiente método javascript para asignar valores a elementos text (elemento de entrada de texto) de un formulario:

Código:

  function mostrarOcultarDatos(idTipo, idDat1, idDat2, 
            idDat3, idDat4, idDat5, idDat6, idDat7)
  {

      document.getElementById('DOC').value= idDat1;
      document.getElementById('TIP').value= idDat2;
      document.getElementById('USU').value= idDat3;
    ...
   }

Y el html es de éste estilo:

Código HTML:

 <table border="1" width="80%">
            <tr>
              <td class="textoCuerpo" bgcolor="#E1F7FF" align="right">Nº Documento: &nbsp;</td>
              <td align="left">
                &nbsp;
                <input type="text" id="DOC" name="<%=pDoc%>" maxlength="18" size="12" class="texto" tabindex="6" onchange="document.gestionar.CAMBIOS.value='S'"></input>
              </td>
            </tr>
...

Lo que quiero es que en vez de mostrarme los valores dentro de cajas de texto, me lo muestre como texto plano. Es decir, que me muestre el valor sin que aparezca el rectángulo del cuadro de texto.

Lo he intentado poniendo ésto en el HTML:

Código:

 

<script type="text/javascript">document.write ( document.getElementById('APE1').value );</script>

pero no funciona, a menos que recargues la página, y eso no me interesa.

¿Alguien puede ayudarme?

Muchas gracias.

[Noelito3]

Buenas.

Lo he solucionado usando innerHTML en el método Javascript:

document.getElementById('APE1').innerHTML = 'Hola';

y luego en el HTML:

<td id='APE1'>

</td>

[sysmadryn]

Lo puedes hacer de dos formas (quizas mas) :

1. Con CSS, dando formato al input (a ver expertos CSS, ayuden !!)

2. Con un toogle, que muestra texto plano y cuando lo cliqueas te muestra el campo input. Esto queda muy prolijo en formularios.

Cualquier cosa me avisas

Saludos

[_cronos2]

No soy un expero en CSS pero creo que esto también vale XD

Código CSS:

#ejemplo:before { content: 'Esto viene de CSS!'; }
 

Código Javascript:

<div id='ejemplo'></div>
 

Saludos (:

[IsaBelM]

_cronos2 el pseudo elemento :before lo que hace es inserta texto o imágenes antes de un elemento. estoy contigo que lo mas conveniente es usar un simple bloque div, no una tabla