Cambiare color all'onclick

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
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.
PHP:
<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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
In pratica vorreisti cambiare il colore allo span cliccando sul tag a presente al suo interno ? prova cosi
HTML:
onclick='$(this).closest("span").css("color", "red");'
 

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
Ho messo così ma non va, però è tutta la frase completa che deve assumere un solo colore, non solo il link

Codice:
<!-- 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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
dai un id all'elemento che contiene tutto il testo e fai cosi
HTML:
onclick="document.getElementById('id_elemento').style.color='pink'"
 

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
Se clicco stampa ancora i suoi colori originali

Codice:
<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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
dai l'id al secondo span
Codice:
<span id="content" style="color:#ff0000; margin-left:10px;">
in modo da cambiare il colore assegnato dallo style
 

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
Ho modificato così, ma non funziona ancora.

Codice:
<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

Utente Attivo
19 Ago 2012
1.179
1
38
Ho fatto un'ulteriore modifica, va meglio ma non è ancora perfetto.

Codice:
<!-- 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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Non saprei, a me funziona senza il link, ma che linguaggio è ? non l'avevo mai visto.
 

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
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

PHP:
<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>
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
F Url dinamiche da cambiare con categoria, subcategoria e title PHP 2
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
M Cambiare pennello a lavoro completo Photoshop 0
R Cambiare il nome dell'immagine dopo caricamento ftp HTML e CSS 0
Y cambiare sfondo di una pagina Javascript 1
E Cambiare lingua in Elements per Mac Mac e Software 2
R Non riesco a cambiare l'immagine di sfondo PHP 4
K Cambiare font size su echo stringa variabile PHP 24
V [PHP Symphony] Cambiare da ApcCache ad OpCache PHP 4
P Cambiare visualizzazione con JS Javascript 1
Web93 CAMBIARE TAG POST TITOLO DA H2 A H1 WordPress 1
L [PHP] cambiare gli if in un url semplice PHP 1
G Cambiare colore ad un record database mysql MySQL 0
Domenico_Falco1 Cambiare url in un sito con pagine dinamiche Ajax 4
L Cambiare classi solo scroll up jQuery 2
Topografo Buon 2019 (Tutti gli altri hanno scritto "Salve a tutti", cerchiamo di cambiare) Presentati al Forum 1
joomeph Cambiare Nome Utente Supporto Mr.Webmaster 3
M [Visual Basic] Cambiare lo stato in checked delle checkbox richiamando dati dal database Visual Basic 6
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
Licantropo [MySQL] Cambiare le date MySQL 4
B [Javascript] Cambiare classe ed aggiornare relativi eventi Javascript 3
L Cambiare nome pagina facebook Annunci servizi di Social Media Marketing 4
P [HTML] Wordpress - cambiare font di un tema WordPress 1
L APPARECCHIO VOIP DA CAMBIARE Adsl e Connettività 0
T cambiare formato in uscita timestamp Database 0
O Allo scroll cambiare colore di sfondo jQuery 0
crealatualista [Javascript] Cambiare record tabella... Javascript 4
napuleone [Javascript] cambiare i parametri di stampa con js Javascript 2
DaveCricket [WordPress] [PHP] Cambiare il colore del link di una pagina attiva WordPress 3
V javascript - cambiare immagine di sfondo di un div Javascript 3
D [Javascript] Script che consenta di cambiare un'immagine in base all'ora del giorno della settimana Javascript 11
B CAMBIARE PAGINA INIZIALE PHPMYADMIN MySQL 2
webmachine [WORDPRESS] Cambiare titolo pagina articoli WordPress 0
webmachine [WOOCOMMERCE][WORDPRESS] Cambiare testo pulsante Acquista E-Commerce 0
webmachine [PRESTASHOP] Cambiare ordine prezzo-sconto-prezzoscontato E-Commerce 1
B CAMBIARE TEMPLATES PHPMYADMIN MySQL 0
otto9due Dreamweaver CC 2017 - cambiare colorazione codice Windows e Software 5
webmachine [JQUERY] Cambiare immagine al click, toggle jQuery 1
A Cambiare Risposta onclick con Switch. Javascript 1
V Cambiare colore ad un button HTML e CSS 3
E Cambiare l'option di un select con jquery jQuery 1
ecosito CSS: è possibile cambiare font con uno non di uso comune? HTML e CSS 11
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
elettroweb come cambiare testo Flash 0
M Cambiare dinamicamente il contenuto di un DIV Javascript 4
M Cambiare valore ad un campo in base alla selezione fatta nel menu a tendina PHP 16
R Cambiare la variabile in modo permanente PHP 3
P Cambiare il valore di un campo tabella con un pulsante cliccabile PHP 2
B cambiare sfondo alle celle della tabella Javascript 1
Lucia Fiore cambiare variabili <a in <a href='indirizzo'> HTML e CSS 1

Discussioni simili