Testo alternato normale-grassetto

**peoweb** · 20-11-2013, 12:45

Salve a tutti,
con javascript come posso fare vedere un testo alternandolo ogni secondo da normale a grassetto a normale a grassetto a normale a grassetto (eccetera)?
Grazie in anticipo.

PEO

**cavicchiandrea** · 20-11-2013, 18:32

http://webandylab.altervista.org/grassetto.html

**peoweb** · 20-11-2013, 19:08

Grazie Andrea, mi ero impuntato su javascript mentre la risposta era JQuery.

**peoweb** · 20-11-2013, 19:09

ultimamente la risposta è sempre jquery
(devo ricordarmelo)

**cavicchiandrea** · 20-11-2013, 19:39

Originariamente inviata da peoweb

Grazie Andrea, mi ero impuntato su javascript mentre la risposta era JQuery.

E' fattibile anche in js (ho aggiornato il link con anche la versione js)

**peoweb** · 21-11-2013, 12:56

A compatibilità siamo pari quindi sarebbe meglio in js -più leggero e meno righe-, vero?
Grazie ancora.

**cavicchiandrea** · 21-11-2013, 13:10

Se usi già jquery puoi usare la versione jquery altrimenti puoi usare la versione js

**carlomarx** · 21-11-2013, 13:23

Mi permetto di proporvi una versione che non attenda l'onload completo della pagina…:

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Grassetto alternato</title>
<script type="text/javascript">

setInterval(function () {
    var oElem = document.getElementById("testo_js");
    if (!oElem) { return; }
    oElem.style[oElem.style.getPropertyValue("font-weight") ? "removeProperty" : "setProperty"]("font-weight", "bold");
}, 1000);

</script>

</head>
<body>
<div id="testo_js">Frase evidenziata in grassetto alternato con js</div>
</body>
</html>

**carlomarx** · 21-11-2013, 13:30

Se al posto di un singolo id usi le classi, senza l'onload puoi addirittura ottenere che gli elementi vengano alternati man mano che vengono letti:

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Grassetto alternato</title>
<script type="text/javascript">
setInterval(function () {
    for (var aElems = document.getElementsByClassName("testo_alternato"), nLen = aElems.length, nItem = 0; nItem < nLen; nItem++) {
        aElems[nItem].style[aElems[nItem].style.getPropertyValue("font-weight") ? "removeProperty" : "setProperty"]("font-weight", "bold");
    }
}, 1000);
</script>

</head>
<body>
<div class="testo_alternato">Frase evidenziata in grassetto alternato con js</div>
<div class="testo_alternato">Frase evidenziata in grassetto alternato con js</div>
</body>
</html>

Discussione: Testo alternato normale-grassetto

Strumenti discussione

Ricerca discussione

Visualizza

Testo alternato normale-grassetto

Permessi di invio