Testo colorato in base a giorno settimana

Darkbox

Utente Attivo
6 Apr 2020
25
0
1
Ho creato una pagina html (esempio: prova.html) contenente una riga di testo con i giorni della settimana
Lun Mar Mer Gio Ven Sab Dom
A ogni giorno è linkata una nuova pagina.
Avrei necessità che quando si apre la pagina "prova", il giorno venga automaticamente evidenziato in base al giorno della settimana e che ci sia una barra sotto il giorno per evidenziarlo
Esempio: se oggi è venerdì, ven diventa un colore diverso rispetto agli altri giorni
Ho trovato questo sito. che fa al caso mio: Esempio
C'è qualcuno che può aiutarmi? Tenete presente che sono alle primissime armi e autodidatta;);)
Grazie per il vostro aiuto
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Se puoi usare php (devi rinominare il file a .php), puoi sfruttare la funzione date(), che con parametro "l" restituisce il nome del giorno corrente in inglese:
PHP:
<p class='<?php if(date("l") == "Monday"){echo "sottolineato";}?>'>Lun</p>
<p class='<?php if(date("l") == "Tuesday"){echo "sottolineato";}?>'>Mar</p>
<p class='<?php if(date("l") == "Wednesday"){echo "sottolineato";}?>'>Mer</p>
...
Dopo dovrai creare una classe css .sottolineato, in cui metterai le proprietà che vuoi (nel tuo caso border-bottom ad esempio).

In alternativa, se non vuoi usare php, puoi usare Javascript, con la funzione getDay() che ti restituisce il numero del giorno della settimana (ad esempio, martedì = 2, mercoledì = 3, ...)
 
Ultima modifica:

Darkbox

Utente Attivo
6 Apr 2020
25
0
1
Se puoi usare php (devi rinominare il file a .php), puoi sfruttare la funzione date(), che con parametro "l" restituisce il nome del giorno corrente in inglese:
PHP:
<p class='<?php if(date("l") == "Monday"){echo "sottolineato";}?>'>Lun</p>
<p class='<?php if(date("l") == "Tuesday"){echo "sottolineato";}?>'>Mar</p>
<p class='<?php if(date("l") == "Wednesday"){echo "sottolineato";}?>'>Mer</p>
...
Dopo dovrai creare una classe css .sottolineato, in cui metterai le proprietà che vuoi (nel tuo caso border-bottom ad esempio).

In alternativa, se non vuoi usare php, puoi usare Javascript, con la funzione getDay() che ti restituisce il numero del giorno della settimana (ad esempio, martedì = 2, mercoledì = 3, ...)
Si posso usare php, il problema sta proprio li: Non saprei come creare il file php e dove poi inserire il collegamento nella pagina.
Questo è il codice che uso per far apparire il testo nella pagina:

Codice:
<ul>
                                <li><a href="#mon">Mon</a></li>
                                <li><a href="#tue">Tue</a></li>
                                <li><a href="#wed">Today</a></li>
                                <li><a href="#thu">Thu</a></li>
                                <li><a href="#fri">Fri</a></li>
                                <li><a href="#sat">Sat</a></li>
                                <li><a href="#sun">Sun</a></li>
                            </ul>
                            <div id="mon">
                                <div class="row movie-tabs">
                                    <div class="col-md-2 col-sm-3">
                                        <a href="single-movie.html">
                                            <img src="http://via.placeholder.com/265x340"
                                            
                                            ecc. ecc. ecc
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
PHP:
<li class='<?php if(date("l") == "Monday"){echo "sottolineato";}?>'><a href="#mon">Mon</a></li>
<li class='<?php if(date("l") == "Tueday"){echo "sottolineato";}?>'><a href="#tue">Tue</a></li>
<li class='<?php if(date("l") == "Wednesday"){echo "sottolineato";}?>'><a href="#wed">Wed</a></li>
<li class='<?php if(date("l") == "Thursday"){echo "sottolineato";}?>'><a href="#thu">Thu</a></li>
<li class='<?php if(date("l") == "Friday"){echo "sottolineato";}?>'><a href="#fri">Fri</a></li>
<li class='<?php if(date("l") == "Saturday"){echo "sottolineato";}?>'><a href="#sat">Sat</a></li>
<li class='<?php if(date("l") == "Sunday"){echo "sottolineato";}?>'><a href="#sun">Sun</a></li>
e poi nel css metti tipo:
HTML:
.sottolineato{
border-bottom: 2px solid red;
}

Ma ti serve anche visualizzare Today al posto di Tue?
 

Darkbox

Utente Attivo
6 Apr 2020
25
0
1
PHP:
<li class='<?php if(date("l") == "Monday"){echo "sottolineato";}?>'><a href="#mon">Mon</a></li>
<li class='<?php if(date("l") == "Tueday"){echo "sottolineato";}?>'><a href="#tue">Tue</a></li>
<li class='<?php if(date("l") == "Wednesday"){echo "sottolineato";}?>'><a href="#wed">Wed</a></li>
<li class='<?php if(date("l") == "Thursday"){echo "sottolineato";}?>'><a href="#thu">Thu</a></li>
<li class='<?php if(date("l") == "Friday"){echo "sottolineato";}?>'><a href="#fri">Fri</a></li>
<li class='<?php if(date("l") == "Saturday"){echo "sottolineato";}?>'><a href="#sat">Sat</a></li>
<li class='<?php if(date("l") == "Sunday"){echo "sottolineato";}?>'><a href="#sun">Sun</a></li>
e poi nel css metti tipo:
HTML:
.sottolineato{
border-bottom: 2px solid red;
}

Ma ti serve anche visualizzare Today al posto di Tue?
Si sarebbe interessante anche visualizzare Today al posto del giorno della settimana.
In questi gg ci provo ad apporre le modifiche poi ti faccio sapere del risultato.
Grazie mille per la disponibilità
 

Darkbox

Utente Attivo
6 Apr 2020
25
0
1
Ho provato ad inserire il codice ma senza ottenere risultato, Forse sbaglio io qualcosa.
Mi rimane sempre evidenziato il terzo giorno a partire da sinistra

Oggi è mercoledi, dovrebbe colorare e sottolineare Wed ed invece Fri (che è il terzo)

Se cambio la disposizione dei giorni, succede sempre la stessa cosa. Questo il codice che ho inserito:

Immagine 2021-01-05 180959.png


Codice:
<div class="tabs movies">
                            <ul>                           
                            <li class='<?php if(date("1") == "Wednesday"){echo "sottolineato";}?>'><a href="#wed">Wed</a></li>
                            <li class='<?php if(date("1") == "Thursday"){echo "sottolineato";}?>'><a href="#thu">Thu</a></li>
                            <li class='<?php if(date("1") == "Friday"){echo "sottolineato";}?>'><a href="#fri">Fri</a></li>
                            <li class='<?php if(date("1") == "Saturday"){echo "sottolineato";}?>'><a href="#sat">Sat</a></li>
                            <li class='<?php if(date("1") == "Sunday"){echo "sottolineato";}?>'><a href="#sun">Sun</a></li>
                            <li class='<?php if(date("l") == "Monday"){echo "sottolineato";}?>'><a href="#mon">Mon</a></li>
                            <li class='<?php if(date("1") == "Tueday"){echo "sottolineato";}?>'><a href="#tue">Tue</a></li>
                            </ul>
                            <div id="mon">
                                <div class="row movie-tabs">

Sto diventando pazzo con sta cosa.......:D
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Scusami forse ho sbagliato a fare copia/incolla... Mi pare che dentro a date() c'è quasi sempre un 1, invece deve essere una L minuscola, come è già giusto sulla riga del monday
 

Darkbox

Utente Attivo
6 Apr 2020
25
0
1
Ho provato ad inserire il codice ma senza ottenere risultato, Forse sbaglio io qualcosa.
Mi rimane sempre evidenziato il terzo giorno a partire da sinistra

Oggi è mercoledi, dovrebbe colorare e sottolineare Wed ed invece Fri (che è il terzo)

Se cambio la disposizione dei giorni, succede sempre la stessa cosa. Questo il codice che ho inserito:

Vedi l'allegato 7745

Codice:
<div class="tabs movies">
                            <ul>                          
                            <li class='<?php if(date("1") == "Wednesday"){echo "sottolineato";}?>'><a href="#wed">Wed</a></li>
                            <li class='<?php if(date("1") == "Thursday"){echo "sottolineato";}?>'><a href="#thu">Thu</a></li>
                            <li class='<?php if(date("1") == "Friday"){echo "sottolineato";}?>'><a href="#fri">Fri</a></li>
                            <li class='<?php if(date("1") == "Saturday"){echo "sottolineato";}?>'><a href="#sat">Sat</a></li>
                            <li class='<?php if(date("1") == "Sunday"){echo "sottolineato";}?>'><a href="#sun">Sun</a></li>
                            <li class='<?php if(date("l") == "Monday"){echo "sottolineato";}?>'><a href="#mon">Mon</a></li>
                            <li class='<?php if(date("1") == "Tueday"){echo "sottolineato";}?>'><a href="#tue">Tue</a></li>
                            </ul>
                            <div id="mon">
                                <div class="row movie-tabs">

Sto diventando pazzo con sta cosa.......:D

Provato a far modifica ma nulla
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Prova anche così:
PHP:
<li class="<?php if(date('N') == 1){echo 'sottolineato';}?>"><a href="#mon">Mon</a></li>
<li class="<?php if(date('N') == 2){echo 'sottolineato';}?>"><a href="#tue">Tue</a></li>
<li class="<?php if(date('N') == 3){echo 'sottolineato';}?>"><a href="#wed">Wed</a></li>
<li class="<?php if(date('N') == 4){echo 'sottolineato';}?>"><a href="#thu">Thu</a></li>
<li class="<?php if(date('N') == 5){echo 'sottolineato';}?>"><a href="#fri">Fri</a></li>
<li class="<?php if(date('N') == 6){echo 'sottolineato';}?>"><a href="#sat">Sat</a></li>
<li class="<?php if(date('N') == 7){echo 'sottolineato';}?>"><a href="#sun">Sun</a></li>
Il sito è online? Se sì, posso vederlo?
 

Darkbox

Utente Attivo
6 Apr 2020
25
0
1
Grazie per la tua pazienza. Il sito non è online, ma è appoggiato ad un server che uso per fare prove. Questo il link Naturalmente tutto abbozzato.
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
Non funziona perché il file si chiama prova.html... deve essere un file php (prova.php) altrimenti non funziona
 

macus_adi

Utente Attivo
5 Dic 2017
1.343
91
48
IT/SW
Avrei necessità che quando si apre la pagina "prova", il giorno venga automaticamente evidenziato in base al giorno della settimana e che ci sia una barra sotto il giorno per evidenziarlo
Senza utilizzare PHP potresti utilizzare JS con moment e i data-* attributes!
Se vuoi utilizzare php, evita tutte le if....

PHP:
$days=['Sun','Mon'....etc);
array_map(function($el){
    echo '<li class="'.($el==date('w'))?'sottolineato':null.'"><a href="#'.$days[$el].'">'.$days[$el].'</a></li>';
},range(0,6));
Il tutto lo riassumi così in php!
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
utente testo scorrevole con sfondo colorato con css esterno HTML e CSS 6
R Come centrare il testo in un paragrafo con sfondo colorato? HTML e CSS 2
R lettura file rtf con testo colorato e stampa a video PHP 1
D testo colorato Javascript 2
I salvare testo chat PHP 4
E Creare un testo trasparente dietro un div HTML e CSS 5
S da casella di testo a campo tabella Database 0
A Ottenere sfumatura su testo Photoshop 8
M Mostrare testo (o parte di esso) in base a utente PHP 0
F Animazione testo sito web diminuire grandezza di un testo allo scroll Javascript 0
D Rendere testo cliccabile PHP 3
D Casella di testo con grassetto ecc... HTML e CSS 2
Couting95 inserire dati da un file di testo in una tabella in php PHP 1
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
V Mailchimp - box di testo: cambia da solo il testo inserito Email Marketing 2
Barierta Testo a comparsa con passaggio del mouse Javascript 17
G grandezza testo HTML e CSS 4
S Testo scrolla su immagine che cambia HTML e CSS 0
S impostare un testo e una img nella stessa riga con jsPDF Javascript 0
R Nome input testo+variabile PHP 1
A Errore visualizzazione selezione testo Photoshop 0
Alex_70 Cerca testo all'interno di una stringa PHP 5
A Estrapolare parti di testo con PHP PHP 2
G Testo in mysql format 3 MySQL 0
G Box con testo casuale WordPress 1
G Modifica testo Photoshop 3
Y Colore sfondo testo Javascript 0
seranto [ASP] Controllare il testo inserito in Textarea Classic ASP 6
S [HTML] Effetto su testo da togliere HTML e CSS 0
A [WordPress] Recuperare testo articoli da sito danneggiato WordPress 1
A [HTML] Testo mail non visualizzabile su IOS HTML e CSS 0
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
Gabriele15497514 php testo errato durante la lettura del file txt quando lo script viene eseguito contemporaneamente PHP 3
I Creare Qsl radioamatore con testo editabile Presentati al Forum 1
Cosina [PHP] Cancellare una riga da un file di testo in base al nome PHP 2
Shyson [MySQL] Sostituire testo in in articolo MySQL 0
kikdirty Testo e perfezioni il tuo sito dando il massimo del punteggio seo Offerte e Richieste di Lavoro e/o Collaborazione 0
D [Visual Basic] [MS Access] query con parametro di testo Visual Basic 4
R [HTML] Effetto carousel di testo su immagine fissa HTML e CSS 2
Shyson [PHP] Inserire testo nel codice PHP 2
R [PHP] Testo su immagine al passaggio del mouse PHP 2
I Allineare due righe di testo in photoshop Photoshop 2
V [Photoshop] Testo starato Photoshop 1
A [MS Access] Somma Campi se in altro campo presente un determinato testo MS Access 1
G riscrivere testo photoshop Photoshop 1
Cosina Andare a capo nel testo della mail ricevuta dal form php PHP 1
Trapano [PHP] Testo in grassetto quando rilevo modifiche PHP 2
B [PHP] Elimina quindi aggiungi una riga in un file di testo PHP 0
C [PHP] Scrivere testo su immagine PHP 3
D [Javascript] [HTML] Evidenziare testo di una text Javascript 1

Discussioni simili