no me funciona en ningun navegador de los que e probado

rompeguesos · #1 (**permalink**) 28/10/2009, 09:40

Hola amigos tengo este codigo:

Código PHP:

  <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> 
<div onclick="CambioTamanio()"> 
<!--Tamaño del texto:--> 
Si no lees bien el texto, pulsa aquí: <input type="button" VALUE="10"> 
<input type="button" VALUE="15"> 
<input type="button" VALUE="20"> 
<input type="button" VALUE="25"> 
<input type="button" VALUE="30"> 
<input type="button" VALUE="35"> 
<input type="button" VALUE="40"> 
</div> 
<div ondblclick="MarcaParrafo()"> 
<p>TEXTO QUE QUIERAS</p> 
</div> 
</body>

y solo me funciona en internet explorer y no en los demas se puede saber porque?

David · #2 (**permalink**) 28/10/2009, 09:59

En los demás navegadores, no existe document.all.tags. Puedes usar document.getElementsByTagName().

Además, para los demás navegadores, event no es un objeto global, debes pasarlo como parámetro a la función. Y no existe srcElement, es target.

rompeguesos · #3 (**permalink**) 28/10/2009, 10:07

jujuju mas dejao descolocao... ya que no entiendo ni papa de javascript, copie ese codigo porque me parecia interesante lo que hace, podrias decirme como deberia de quedar entonces el codigo?

rompeguesos · #4 (**permalink**) 28/10/2009, 18:00

alguna ayuda porfavor?

AlphaZT · #5 (**permalink**) 28/10/2009, 21:21

Cita:

<html>
<head>
<script language="JavaScript">
function CambioTamanio(boton){
var Boton=document.getElementById("text");
var Elementos=document.getElementsByTagName("P");
for (i=0;i<Elementos.length;i++){
Elementos[i].style.fontSize = boton.value;
}
}
function MarcaParrafo(){
var Parrafo=document.getElementById("text");
Parrafo.style.color="red"
}
</script>
</head>
<body>
<div>

Si no lees bien el texto, pulsa aquí:
<input type="button" VALUE="10" onclick="CambioTamanio(this)">
<input type="button" VALUE="15" onclick="CambioTamanio(this)">
<input type="button" VALUE="20" onclick="CambioTamanio(this)">
<input type="button" VALUE="25" onclick="CambioTamanio(this)">
<input type="button" VALUE="30" onclick="CambioTamanio(this)">
<input type="button" VALUE="35" onclick="CambioTamanio(this)">
<input type="button" VALUE="40" onclick="CambioTamanio(this)">
</div>
<div ondblclick="MarcaParrafo()" id="text">
<p>TEXTO QUE QUIERAS</p>
</div>
</body>
</html>

Mira este code ..._

rompeguesos · #6 (**permalink**) 29/10/2009, 07:45

Oye muchas gracias por el codigo, lo e probado y funciona perfectamente "solo" porque cuando lo meto en mi pagina no funciona y no se porque... Mira lo tengo asi:

Código PHP:

  <html> 
<head> 
<script language="JavaScript" type="text/javascript"> 
function CambioTamanio(boton){ 
var Boton=document.getElementById("colortextogeneral"); 
var Elementos=document.getElementsByTagName("P"); 
for (i=0;i<Elementos.length;i++){ 
Elementos[i].style.fontSize = boton.value; 
} 
} 
function MarcaParrafo(){ 
var Parrafo=document.getElementById("colortextogeneral"); 
Parrafo.style.color="red" 
} 
</script> 
</head> 
<body> 
<div> 
<!--Tamaño del texto:--> 
 <div id="colortextogeneral" align="center"><img src="http://www.forosdelweb.com/imagenes/minusvalido.jpg" width="20" height="20" border="0" title="Minusválidos" style="vertical-align: middle;" /> Si no lees bien el texto, pulsa aquí:<br /> 
<input type="button" VALUE="10" onclick="CambioTamanio(this)"> 
<input type="button" VALUE="15" onclick="CambioTamanio(this)"> 
<input type="button" VALUE="20" onclick="CambioTamanio(this)"> 
<input type="button" VALUE="25" onclick="CambioTamanio(this)"> 
<input type="button" VALUE="30" onclick="CambioTamanio(this)"> 
<input type="button" VALUE="35" onclick="CambioTamanio(this)"> 
<input type="button" VALUE="40" onclick="CambioTamanio(this)"> 
   </div> 
<div id="colortextogeneral" style="float:left; width:528px; vertical-align:top; margin-top:20px;" ondblclick="MarcaParrafo()"><a href="http://www.antonio-romero.es/" target="_blank" title="Pincha en la imagen para acceder a su Web"><img src="http://www.forosdelweb.com/imagenes/antonioromero.png" width="240" height="235" border="0" style="float:left; margin-right:5px; margin-bottom:5px;" /> 
<p>AQUI EL TEXTO QUE QUIERAS</p> 
</div>

y el archivo del css es:

body{
background-color: #006697
color:#FFF;
font-size:12px;
}
#colortextogeneral{
color:#FFF;
}

/*Enlaces*/
a{
color:#FFFFFF;
}

no se en que estare fallando... :(

EDITO:
Advertencia: Error al interpretar el valor para 'font-size'. Declaración rechazada. (Esto es lo que indica la consola de firefox... y no se de donde viene el error)

rompeguesos · #7 (**permalink**) 30/10/2009, 07:33

Alguna ayuda porfavor? sigo sin poder solucionarlo

zerokilled · #8 (**permalink**) 30/10/2009, 07:52

Código:

background-color: #006697;

el resto me funciona bien en firefox.

Adler · #9 (**permalink**) 30/10/2009, 08:06

Sino, prueba así

Cita:

background: #FFF;
color: #000;
font: bold 9px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

Suerte

rompeguesos · #10 (**permalink**) 30/10/2009, 08:42

amigos por fin creo que e descubierto el error, lo que pasa es que mientras esta puesto esto:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

no funciona sin embargo si lo quito si va bien, mi duda es... que pasa si dejo eso quitao?

zerokilled · #11 (**permalink**) 30/10/2009, 08:48

pues realmente el problema no esta en el DTD. en la siguiente linea no estas indicando la unidad,

Código:

Elementos[i].style.fontSize = boton.value;

rompeguesos · #12 (**permalink**) 30/10/2009, 08:51

como que no se esta indicando la unidad? como se indica? y porque sin el DTD ese si funciona?

zerokilled · #13 (**permalink**) 30/10/2009, 09:06

un documento html sin DTD significa que el navegador opera en modo quirk. mas o menos quiere decir que el user agent (interprete html) del navegador adivina los detalles que faltan en el codigo fuente. para indicar la unidad en javascript es igual como en los documentos css, simplemente al final del valor pones la unidad que deseas, en tu caso supongo que pixeles.

Adler · #14 (**permalink**) 30/10/2009, 09:21

Hola

Bueno ... en cualquier caso el guión de JavierB te puede ayudar

EDITO : 16:24

No, así Elementos[i].style.fontSize = boton.value + "px";

Suerte

rompeguesos · #15 (**permalink**) 30/10/2009, 09:21

te refieres a que los valores los deberia de poner asi?

<input type="button" VALUE="10px" onClick="CambioTamanio(this)">

esq lo e probado asi y funciona, el unico inconveniente es que muestra px en pantalla cuando lo bueno seria que mostrase solo el numero como estaba antes... :(

rompeguesos · #16 (**permalink**) 30/10/2009, 09:32

amigos ya le e dao una solucion y funciona pero quiero que me deis vuestra opinion antes de nada ;), el codigo ha quedado asi:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es"> 
<head> 
<script language="JavaScript"> 
function CambioTamanio(button){ 
var Boton=document.getElementById("text"); 
var Elementos=document.getElementsByTagName("P"); 
for (i=0;i<Elementos.length;i++){ 
Elementos[i].style.fontSize = button.name; 
} 
} 
function MarcaParrafo(){ 
var Parrafo=document.getElementById("text"); 
Parrafo.style.color="red" 
} 
</script> 
</head> 
<body style="font-size:12px"> 
<div> 
<!--Tamaño del texto:--> 
Si no lees bien el texto, pulsa aquí:  
<input type="button" name="10px" VALUE="10" onClick="CambioTamanio(this)"> 
<input type="button" name="15px" VALUE="15" onClick="CambioTamanio(this)"> 
<input type="button" name="20px" VALUE="20" onClick="CambioTamanio(this)"> 
<input type="button" name="25px" VALUE="25" onClick="CambioTamanio(this)"> 
<input type="button" name="30px" VALUE="30" onClick="CambioTamanio(this)"> 
<input type="button" name="35px" VALUE="35" onClick="CambioTamanio(this)"> 
<input type="button" name="40px" VALUE="40" onClick="CambioTamanio(this)"> 
</div> 
<div onDblClick="MarcaParrafo()" id="text"> 
<p>TEXTO QUE QUIERAS</p> 
</div> 
</body>  
</html>