Problema con css

[isabelramirezmontoya]

Chicos tengo un problemita, le he dado vueltas pero no se donde tengo el error, me colaboran por favor.

Tengo un div ("actualizar_valor"), el cual muestra un valor con el formato de css .valor, hasta aqui funciona perfectamente.

Cuando oprimo un boton que dispara un evento ajax que actualiza desde una BASE DE DATOS el div ("actualizar_valor"), el valor actualizado es correcto, el problema es que el valor no conserva el formato del css .valor, que puede ser

Código HTML:

<style type="text/css">
 
.valor
{
 font-family: Helvetica;
 font-weight: regular;
 font-size: 10pt;
 text-align: center;
 color: white;
} 
 
</style>
 
echo '<br>';
echo '<div id="actualizar_valor"><p class="valor">12345</p></div>';
echo '<br>';
 

Gracias

[opzina]

Estas seguro que el contenido de la respuesta ajax se esta cargando dentro de la etiqueta "p" con la clase "valor" ?, o la respuesta ajax se esta cargando dentro del id "actualizar_valor" ?

[isabelramirezmontoya]

opzina, gracias por tu tiempo

La respuesta del ajax la tengo de la siguiente forma:

Código HTML:

divrespuesta = document.getElementById('actualizar_valor');
 

Apunta al div actualizar_valor

[memoadian]

Exacto, como dijo opzina, eso remplaza tu <p>

por lo que la clase valor es remplazada y no tiene formato css.

debes o cambiar el valor dentro de p

o cambiar el selector valor para que tenga formato css correcto al cambiar valor.

[isabelramirezmontoya]

memoadian, me perdi con tu respuesta.

Soy mas bien novato es esto de programacion (php y javascript) lo poquito que he aprendido lo he aprendido leyendo y a traves de ensayo-error.

No entendi bien tu sugerencia, podrias ser mas explicito, disculpa mi ignorancia.

gracias

[opzina]

divrespuesta = document.getElementById('actualizar_valor');

var target = divrespuesta.getElementsByTagName('p');

target.innerHTML = "Contenido de la respuesta Ajax";

Prueba esto.

[isabelramirezmontoya]

Iniciado por opzina

divrespuesta = document.getElementById('actualizar_valor');

var target = divrespuesta.getElementsByTagName('p');

target.innerHTML = "Contenido de la respuesta Ajax";

Prueba esto.

opzina, lo que me sugeriste lo coloque en AJAX pero no tuvo ningun efecto.

Pregunto: ¿puedo quitar la etiqueta <p> y el div formatearlo con css?

Mejor dicho, si cambio esto

echo '<br>';
echo '<div id="actualizar_valor"><p class="valor">12345</p></div>';
echo '<br>';

por esto me funciona?

echo '<br>';
echo '<div id="actualizar_valor" class="valor">12345</div>';
echo '<br>';

¿Esta bien hacerlo asi? y funciona en cualquier browser

[memoadian]

en teoría debe funcionar. Pero la mejor manera de saberlos es "probarlo"