Cambiar text-Align

eljuanlp · #1 (**permalink**) 14/04/2010, 22:14

Como les va amigos, necesito su ayuda, lo que quiero hacer es que mediante
un select puedas elegir la ubicacion de un texto, aqui esta el codigo.

Código:

function ubi(ubica) {
document.getElementById("texto").style.textAlign = ubica; 
}

Código HTML:

<form name="ejemplo5" action="" method="get" style="display: inline">
<select name="textooo" onchange="ubi(this.value)" >
<option value="center">Centro</option>
<option value="left">Izquierda</option>
<option value="right">Derecha</option>
</select>
</form>

<div id="texto" style="text-align:center"> Este es mi texto !! </div>

Bueno amigos, espero su ayuda, desde ya muchas gracias !!
suerte para todos!.

caricatos · #2 (**permalink**) 14/04/2010, 23:17

Hola:

Parece que el código está bien, aunque yo no pondría el select dentro de un form... sin no tiene que enviarse, no le veo sentido...

Saludos

eljuanlp · #3 (**permalink**) 15/04/2010, 08:12

no me funciona, porque no me muestra el cambio en vivo, bueno seguire
buscando en google y si encuentro la solucion la pondre aqui

saludos.

caricatos · #4 (**permalink**) 15/04/2010, 08:30

Hola:

No hace falta que busque, porque te dí la respuesta... aunque puede haber algún error que haga que no funcione... como que tengas el id repe o que tengas ese texto como inline... o (sin intención de ofender) que tengas javascript desactivado...

Como ejemplo, copia esto:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
	http://www.caricatos.net/probador
</title>
<script>
function ubi(ubica) {
document.getElementById("texto").style.textAlign = ubica; 
}
</script>


</head>
<body>
<form name="ejemplo5" action="" method="get" style="display: inline">
<select name="textooo" onchange="ubi(this.value)" >
<option value="center">Centro</option>
<option value="left">Izquierda</option>
<option value="right">Derecha</option>
</select>
</form>

<div id="texto" style="text-align:center"> Este es mi texto !! </div>
</body>
</html>

Y pégalo en la pestaña "editar" del Probador de scripts

... y tan solo corté y pegué tus cosa...

Saludos

eljuanlp · #5 (**permalink**) 15/04/2010, 20:52

Gracias caricatos, me funciona, la verdad nose que problema tendria, capaz era la hora y tenia sueño jejeje

bueno gracias y seguro nos volvemos a ver por este foro

saludos a todos