Afficher une image selon la date et avec lien hyper texte

Afficher une image selon la date et avec lien hyper texte - HTML/CSS - Programmation

Marsh Posté le 15-11-2023 à 21:28:32    

Bonjour tout le monde
Je me présente, avant toute chose, Donc Fred, 42 ans, habitant Nice, papa d'un gnome de 11 ans.
Justement, je voulais m'amuser cette année pour son calendrier de l'avent. L'année passée, je lui avais fait une enigme par jour, sur papier, et s'il trouvait la solution, il avait quelques pièces de légo, de sorte qu'à la fin du calendrier il avait le légo entier (avec juste le bout de manuel nécessaire à chaque fois sans voir le légo complet).
 
Bref peu importe. Cette année je voulais m'amuser et lui faire le calendrier de l'avent sur ordi, sous forme d'un site hébergé chez free (j'ai déja les adresses, pages perso validées etc) mais je ne code pas, je passe par Website X5, qui mefacilite la vie. Seulement il me manque une option importante, et je vais avoir besoin de passer par du code html pour ça, et là, j'ai besoin de vous, car je n'ai aucune connaissance là dedans.
Je cherche juste à ce qu'une image s'affiche si la date du jour est supérieure ou égale à une date précise (de sorte que l'image de l'énigme du jour ne s'affiche qu'à partir du jour donné) et que cette image soit également un lien actif de sorte qu'il clique sur l'image et que cela l'amène sur la page avec l'énigme elle-même et une case à remplir avec la bonne réponse.
 
Si quelqu'un veut bien m'aider pour lecode d'affichage de l'image selon la date et avec lien.
 
Merci à vous d'avance.
 

Reply

Marsh Posté le 15-11-2023 à 21:28:32   

Reply

Marsh Posté le 16-11-2023 à 08:24:09    

Je te conseille de le faire coté serveur, voici un début de code php pour générer ton html.

Code :
  1. <?php
  2. $aujourdhui = date('d');
  3. for($jour=1;$jour<=$aujourdhui;$jour++) {
  4.    echo '<a href="jour-'.$jour.'.html"><img src="jour-'.$jour.'.jpg" /></a>';
  5. }
  6. ?>


Faudra ptet faire des noms de page un peu plus cryptique si tu ne veux pas qu'il trouve les énigmes suivante en changeant juste l'url.
Pour ça tu pourras utiliser un tableau associatif de ce genre :

Code :
  1. <?php
  2. $t_liens = array(
  3.    '1' => 'skdjfhsdhf-jour1.html',
  4.    '2' => 'mopfghjkm-jour2.html',
  5.    '3' => 'gbdfhjbhrjp-jour3.html',
  6.    [...]
  7. );
  8. ?>


A ce moment tu pourras ptet passer par un foreach avec un break si la clé est supérieur à aujourd'hui...


---------------
D3
Reply

Marsh Posté le 16-11-2023 à 08:33:09    

Je te remercie beaucoup pour ta réponse, c'est super sympa.
Je vais regarder cela à tête reposée. Je n'ai pas tout compris tel quel, mais en prenant le temps ça devrait aller. en tout cas un gros merci.
 
 
 
 

mechkurt a écrit :

Je te conseille de le faire coté serveur, voici un début de code php pour générer ton html.

Code :
  1. <?php
  2. $aujourdhui = date('d');
  3. for($jour=1;$jour<=$aujourdhui;$jour++) {
  4.    echo '<a href="jour-'.$jour.'.html"><img src="jour-'.$jour.'.jpg" /></a>';
  5. }
  6. ?>


Faudra ptet faire des noms de page un peu plus cryptique si tu ne veux pas qu'il trouve les énigmes suivante en changeant juste l'url.
Pour ça tu pourras utiliser un tableau associatif de ce genre :

Code :
  1. <?php
  2. $t_liens = array(
  3.    '1' => 'skdjfhsdhf-jour1.html',
  4.    '2' => 'mopfghjkm-jour2.html',
  5.    '3' => 'gbdfhjbhrjp-jour3.html',
  6.    [...]
  7. );
  8. ?>


A ce moment tu pourras ptet passer par un foreach avec un break si la clé est supérieur à aujourd'hui...


Reply

Marsh Posté le 16-11-2023 à 11:41:34    

Tu peux lire en diagonal ce tuto pour avoir quelques bases :
https://openclassrooms.com/fr/cours [...] p-et-mysql
 
La documentation php est très bien faite aussi avec beaucoup d'exemple, par exemple pour le tableau associatif et la boucle foreach tu peux lire :
https://www.php.net/manual/fr/language.types.array.php
https://www.php.net/manual/fr/contr [...] oreach.php
 
Et après n'hésite pas à revenir par ici pour avoir de l'aide...


---------------
D3
Reply

Marsh Posté le 16-11-2023 à 12:06:42    

mechkurt a écrit :

Tu peux lire en diagonal ce tuto pour avoir quelques bases :
https://openclassrooms.com/fr/cours [...] p-et-mysql
 
La documentation php est très bien faite aussi avec beaucoup d'exemple, par exemple pour le tableau associatif et la boucle foreach tu peux lire :
https://www.php.net/manual/fr/language.types.array.php
https://www.php.net/manual/fr/contr [...] oreach.php
 
Et après n'hésite pas à revenir par ici pour avoir de l'aide...


 
 
Super, je te remercie, je vais aller regarder ça ce soir.
 
J'ai testé rapido lors d'une pause ce que tu m'as envoyé en premier lieu, mais visiblement cela ne fonctionne pas (ou je l'ai mal adapté) mais comme je le test en lcal, peut--être que cela perturbe. je testerais plus longuement ce soir ou ce week-end.
Je te remercie encore et je reviendrais vers toi dans tous les cas.

Reply

Marsh Posté le 16-11-2023 à 12:08:29    

mechkurt a écrit :

Je te conseille de le faire coté serveur, voici un début de code php pour générer ton html.

Code :
  1. <?php
  2. $aujourdhui = date('d');
  3. for($jour=1;$jour<=$aujourdhui;$jour++) {
  4.    echo '<a href="jour-'.$jour.'.html"><img src="jour-'.$jour.'.jpg" /></a>';
  5. }
  6. ?>


Faudra ptet faire des noms de page un peu plus cryptique si tu ne veux pas qu'il trouve les énigmes suivante en changeant juste l'url.
Pour ça tu pourras utiliser un tableau associatif de ce genre :

Code :
  1. <?php
  2. $t_liens = array(
  3.    '1' => 'skdjfhsdhf-jour1.html',
  4.    '2' => 'mopfghjkm-jour2.html',
  5.    '3' => 'gbdfhjbhrjp-jour3.html',
  6.    [...]
  7. );
  8. ?>


A ce moment tu pourras ptet passer par un foreach avec un break si la clé est supérieur à aujourd'hui...


 
 
Pour le tableau, pas besoin, car d'une part, il n'est pas trichuer et sait qu'il ne vaut mieux pas, lol, et d'autre part, même s'il triche, celui qui a les sachet et lui donnera s'il gagne, c'est bibi, lol, donc... lol je vais faire au plus simple, ce qui me pose deja suffisament de soucis, ptdr

Message cité 1 fois
Message édité par oulalala06 le 16-11-2023 à 12:09:10
Reply

Marsh Posté le 16-11-2023 à 12:44:56    

oulalala06 a écrit :

Super, je te remercie, je vais aller regarder ça ce soir.
 
J'ai testé rapido lors d'une pause ce que tu m'as envoyé en premier lieu, mais visiblement cela ne fonctionne pas (ou je l'ai mal adapté) mais comme je le test en lcal, peut--être que cela perturbe. je testerais plus longuement ce soir ou ce week-end.
Je te remercie encore et je reviendrais vers toi dans tous les cas.


Je connais pas lcal mais dans tout les cas il faut un serveur qui interprète php, qui est un langage coté serveur, sur les pages perso Free ça fonctionne.
J'ai pas testé mon code mais à vu de nez ça a l'air bon, dans tous les cas commencer ton fichier par en mode debug :

Code :
  1. <?php
  2. ini_set('display_errors', 1);
  3. ini_set('display_startup_errors', 1);
  4. error_reporting(E_ALL);
  5. ?>


C'est pas mal pour débuter, ça t'aidera à trouver les erreurs de débutant genre oubli d'un point virgule... :o  

oulalala06 a écrit :

Pour le tableau, pas besoin, car d'une part, il n'est pas trichuer et sait qu'il ne vaut mieux pas, lol, et d'autre part, même s'il triche, celui qui a les sachet et lui donnera s'il gagne, c'est bibi, lol, donc... lol je vais faire au plus simple, ce qui me pose deja suffisament de soucis, ptdr


En vrai si il a l’intelligence d'aller trouver l’énigme du lendemain pour la bosser et vous impressionner en "devinant" tout de suite au moment nécessaire, ce n'est effectivement pas bien grave ! ;)


---------------
D3
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed