Cambiar de tamaño un caracter en un texto

Nietzsche · #1 (**permalink**) 30/03/2007, 14:47

Hola, os comento lo que tengo que hacer.
He maquetado una web entera de bastantes páginas, en catalán.
Y ahora el cliente me dice que en palabras como "col-laboració", o en general aquellas que llevan un guión (o un punto, muy bien lo que es) ese guión debe tener menor tamaño de letra que el resto del contenido.

Es un trabajo de chinos ir revisando todas las páginas y cambiar sólo ese caracter de tamaño.

¿Podría hacerlo con Javascript?. Creo que mediante alguna expresión regular debe poderse pero no tengo claro como hacerlo.

Gracias y un saludo.

kaninox · #2 (**permalink**) 30/03/2007, 23:13

puedes hacer un for con php con strlen vas revizando caracter por caracter y cuando sea - le cambias la fuente ;)

JavierB · #3 (**permalink**) 31/03/2007, 03:08

Hola Nietzsche

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function ini() {
  txt = document.body.innerHTML;
  txt=txt.replace(/(-)/g,'<span style="font-size:20px">$1</span>')
  document.body.innerHTML = txt;  
}
</script>
</head>
<body onload="ini()">
<p>El Anti-Cristo volvió de su espacio-tiempo para darse un festín post-mortem</p>
</body>
</html>

Saludos,

Nietzsche · #4 (**permalink**) 01/04/2007, 16:10

Hola.
Muchas gracias! eso era exactamente lo que quería que hiciera.

Ahora me falta ver como hago para que cuando se trate de un titulo (h1, h2, h3) lo deje a un tamaño concreto y si es texto normal <p> a otro tamaño.

Gracias!

derkenuke · #5 (**permalink**) 01/04/2007, 18:41

Creo que si utilizas un valor relativo en el CSS, en vez de un valor absoluto, el tamaño de fuente disminuye con respecto al tamaño que tomaría dentro del elemento:

Código:

txt=txt.replace(/(-)/g,'<span style="font-size:70%">$1</span>')

saludos.

Nietzsche · #6 (**permalink**) 01/04/2007, 23:29

Muchas gracias derkenuke, voy a probarlo....