Cambiare color all'onclick

[Shyson]

Questo codice gli devo mettere un piccolo js che quando clicco su Ripristina permessi, tutta la frase deve cambiare colore. Esattamente questa parte, che è poi tutta collegata.

<!-- IF U_RESTORE_PERMISSIONS -->Stai provando i permessi di un utente <span style="color: #004080;">/</span><a style="margin-left:-13px;" href="{U_RESTORE_PERMISSIONS}">Ripristina permessi</a><!-- ENDIF -->


Codice completo originale con i css, come si vede è bicolore, ma al click deve diventare tutta di un colore solo.

<span id="content">
<span style="color:#ff0000; margin-left:10px;">
<!-- IF U_RESTORE_PERMISSIONS -->Stai provando i permessi di un utente <span style="color: #004080;">/</span><a style="margin-left:-13px;" href="{U_RESTORE_PERMISSIONS}">Ripristina permessi</a><!-- ENDIF -->
</span>
</span>

 

[criric]

In pratica vorreisti cambiare il colore allo span cliccando sul tag a presente al suo interno ? prova cosi

onclick='$(this).closest("span").css("color", "red");'

 

[Shyson]

Ho messo così ma non va, però è tutta la frase completa che deve assumere un solo colore, non solo il link

<!-- IF U_RESTORE_PERMISSIONS -->Stai provando i permessi di un utente <span style="color: #004080;">/</span><a style="margin-left:-13px;" href="{U_RESTORE_PERMISSIONS}" onclick='$(this).closest("span").css("color", "pink");'>{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->

 

[criric]

dai un id all'elemento che contiene tutto il testo e fai cosi

onclick="document.getElementById('id_elemento').style.color='pink'"

 

[Shyson]

Se clicco stampa ancora i suoi colori originali

<span id="content">
<span style="color:#ff0000; margin-left:10px;">
<!-- IF U_RESTORE_PERMISSIONS -->Stai provando i permessi di un utente <span style="color: #004080;">/</span><a style="margin-left:-13px;" href="{U_RESTORE_PERMISSIONS}" onclick="document.getElementById('content').style.color='pink'">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
</span>
</span>

 

[criric]

dai l'id al secondo span

<span id="content" style="color:#ff0000; margin-left:10px;">

in modo da cambiare il colore assegnato dallo style

 

[Shyson]

Ho modificato così, ma non funziona ancora.

<span id="restorePerm">
<!-- IF U_RESTORE_PERMISSIONS --><span style="color:#ff0000; margin-left:10px;">Stai provando i permessi di un utente</span> / <a href="{U_RESTORE_PERMISSIONS}" onclick="document.getElementById('restorePerm').style.color='pink'">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
</span>

 

[Shyson]

Ho fatto un'ulteriore modifica, va meglio ma non è ancora perfetto.

<!-- IF U_RESTORE_PERMISSIONS --><span style="color:#ff0000; margin-left:10px;"><span id="restorePerm">Stai provando i permessi di un utente</span> / <a href="{U_RESTORE_PERMISSIONS}" onclick="document.getElementById('restorePerm').style.color='#cadceb'">{L_RESTORE_PERMISSIONS}</a></span><!-- ENDIF -->

Quando clicco, si nasconde solo la prima parte "Stai provando i permessi di un utente", ma finito il click ritorna a video rossa.
Mentre la parte link non scompare mai.

 

[criric]

Non saprei, a me funziona senza il link, ma che linguaggio è ? non l'avevo mai visto.

 

[Shyson]

Sono codici di phpbb.
Nel frattempo ho fatto altre modifiche, quasi ci siamo. Intenderei fare una cosa del genere: quando si clicca, l'onclick richiama una funzione a tempo che tiene nascosta la frase fino a quando non si ricarica la pagina o anche per 15 secondi. Com'è adesso come clicco il link la frase scompare e ricompare subito.

La frase completa è suddivisa con 3 id è: Stai provando i permessi di un utente / Ripristina permessi

<span style="color:#ff0000; margin-left:10px;"><span id="restorePerm">Stai provando i permessi di un utente</span></span><span id="restorePermX"> /</span><a id="restorePermXX" style="margin-left:-15px;" href="{U_RESTORE_PERMISSIONS}" onclick="document.getElementById('restorePerm').style.visibility='hidden',getElementById('restorePermX').style.visibility='hidden',getElementById('restorePermXX').style.visibility='hidden',style.textDecoration='none';">{L_RESTORE_PERMISSIONS}</a>