JavaScript - cambiar tamaño de letra usando botones

 
Vista:

cambiar tamaño de letra usando botones

Publicado por shindoi (4 intervenciones) el 05/11/2008 18:23:46
tengo el siguiente codigo usando javascrip y el problema es que solo me funciona en el explorer y no en el mozilla y no veo el poruqe. Ademas quisiera usar listbox en ves de botones y tambien que cambie el color y tipo de letra. Por favor proveer codigo =):
--------------------------

<html>
<head>
<script language="JavaScript">
function CambioTamanio(){
var Boton=window.event.srcElement
var Elementos=document.all.tags("P")
for (i=0;i<Elementos.length;i++){
Elementos[i].style.fontSize=Boton.value
}
}
<!--function MarcaParrafo(){
var Parrafo=window.event.srcElement
Parrafo.style.color="red"
}>
</script>
</head>
<body>
<p>
<!--Tamaño del texto:-->
Si no lees bien el texto, pulsa aquí:
<input type="button" VALUE="10" onClick="CambioTamanio()">
<input type="button" VALUE="15" onClick="CambioTamanio()">
<input type="button" VALUE="20" onClick="CambioTamanio()">
<input type="button" VALUE="25" onClick="CambioTamanio()">
<input type="button" VALUE="30" onClick="CambioTamanio()">
<input type="button" VALUE="35" onClick="CambioTamanio()">
<input type="button" VALUE="40" onClick="CambioTamanio()">
</p>

<div onDblClick="MarcaParrafo()">
<p>TEXTO QUE QUIERAS</p>
</div>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:cambiar tamaño de letra usando botones

Publicado por shindoi (4 intervenciones) el 06/11/2008 10:53:05
Saludos,

Prueba así:

<html>
<head>
<script language="JavaScript">
function CambioTexto(){
var e=document.getElementsByTagName("p");
var x=document.getElementById("valor");
for (var i = 0; i < e.length; i++){
if (x.options[x.selectedIndex].text=="elige"){return false}
e[i].style.fontSize=x.options[x.selectedIndex].text+"px";
e[i].style.fontFamily="Arial";
e[i].style.color="#ff0000";
}
}
</script>
</head>
<body>
Selecciona un tamaño:
<select id="valor" onchange="CambioTexto()">
<option>elige</option>
<option>10</option>
<option>15</option>
<option>20</option>
<option>25</option>
<option>30</option>
<option>35</option>
<option>40</option>
</select>

<p>Si no lees bien el texto . . .</p>

<div>
<p>TEXTO QUE QUIERAS</p>
</div>
</body>
</html>

Suerte.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:cambiar tamaño de letra usando botones

Publicado por shindoi (4 intervenciones) el 06/11/2008 14:37:34
GRACIAS!!!! SI ME FUNCIONO!!
XD!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar