Créer une valeur issue de l'association d'une autre valeur avec un mot

**pat_fr38** · 12/05/2024, 22h02

Bonjour/bonsoir, à toutes et à tous.

J'aurais besoin d'un petit code JS pour créer une valeur résultant de l'association d'une autre valeur avec un mot, SVP.

J'ai une fonction qui marche, que je veux faire évoluer pour ajouter un nouvel élément variable. Je vais tenter de vous expliquer au mieux ce que j'aimerais obtenir.

C'est une fonction qui montre, entre autre, une affiche de film, et la nouveauté est que son nom peut varier selon si c'est une affiche de cinéfilm (cf) ou de vidéofilm (vf).
Le nom du fichier JPG de l'affiche est donc soit "000_année_cf.jpg" soit "000_année_vf.jpg" ("000" étant le Numéro du film dans ma base de données, et sera par exemple "001_2024_cf.jpg" ou "001_2024_vf.jpg"), et on voit donc qu'il y a une partie commune "000_année".

A l'ouverture de la page, j'ai une valeur "ec", qui a été récupérée avec un autre JS dans l'URL d'un lien (par exemple "page.html?numerodefilm=001_2024") cliqué sur une autre page et représentant cette fameuse partie commune "000_année".

Il y a aussi une autre valeur, qui a été récupérée dans le fichier contenant ma base de données et mes JS : il s'agit de celle dont le format de nom est "Type de film Numéro du film _année" (par exemple, "TypeFilm001_2024" pour le premier film de 2024) et dont la valeur peut être "cinefilm" ou "videofilm selon le type de film, ce qui donne par exemple dans le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var TypeFilm001_2024="cinefilm";

Il faudrait donc que cette chère fonction associe d'abord le mot "TypeFilm" à la valeur "ec" afin de récupérer la valeur "Type de film Numéro du film _année" ("TypeFilm001_2024") pour qu'ensuite la fonction if / else fasse que la valeur "tdfresult" soit "_cf" ou "_vf" .

L'apprenti en programmation JS que je suis a tenté un bout de code, qui forcément ne fonctionne pas, je suis loin du compte, d'où mon appel à l'aide ici. Le voici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function AfficheDetailsFilm()
{
var ec=numeroFilm("numerodefilm"); // Valeur "numerodefilm_annee". 
 
 
var tdf="TypeFilm"+ec;      //  J'ai ajouté cette ligne...
var tdfresult;                    // J'ai ajouté cette ligne...
if tdf="cinefilm";              // J'ai ajouté cette ligne...
{                                    // J'ai ajouté cette ligne...
tdfresult="_cf";               // J'ai ajouté cette ligne...
}                                    // J'ai ajouté cette ligne...
else                               // J'ai ajouté cette ligne...
{                                  // J'ai ajouté cette ligne...
tdfresult="_vf";             // J'ai ajouté cette ligne...
}                                 // J'ai ajouté cette ligne...
 
 
document.write("<p class='Tableau2CelluleAffiche'><img src='images/affiches/"+ec+""+tdfresult+".jpg' class='AfficheDuFilm'></p>");  // Ici, j'ai ajouté la valeur "+tdfresult+" avant ".jpg".
}

Un grand MERCI d'avance à celle ou à celui qui pourra m'aider à résoudre ce problème.

Bonne journée/soirée.

**ASCIIDEFOND** · 13/05/2024, 00h47

Salut pat_fr38,

Si cela peut être utile ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            column-gap: 4em;
            margin: 0 auto;
            width: max-content;
        }
 
        .liste {
            width: 500px;
            height: 400px;
            border: 1px solid black;
            overflow: scroll;
        }
    </style>
 
</head>
 
<body>
    <div id="container">
        <div id="cf" class="liste"></div>
        <div id="vf" class="liste"></div>
    </div>
    <div style="width: 100%; text-align: center; margin-top: 20px;">
        <button onclick="trier()" style="  width: 150px; height: 35px;cursor: pointer;">Trier</button>
    </div>
 
    <script>
        // l'array pages sont les URLs des pages
        let pages = ["page.html?numerodefilm=001_2024_cf.jpg", "page.html?numerodefilm=005_2024_cf.jpg", "page.html?numerodefilm=003_2024_vf.jpg",
            "page.html?numerodefilm=021_2023_cf.jpg", "nul", "page.html?numerodefilm=012_2024_vf.jpg", "page.html?numerodefilm=030_2024_cf.jpg",
            "page.html?numerodefilm=040_2024_vf.jpg", "page.html?numerodefilm=051_2024_vf.jpg", "ici rien",
            "page.html?numerodefilm=015_2024_vf.jpg", "page.html?numerodefilm=099_2024_cf.jpg", "page.html?numerodefilm=229_2024_cf.jpg"];
 
 
        function trier() {
            let x, srt, position,  tdf, tmp;
            for (x = 0; x < pages.length; x += 1) { // on boucle
                srt = pages[x]; // page[0]="page.html?numerodefilm=001_2024_cf.jpg", pages[1]="page.html?numerodefilm=005_2024_cf.jpg", ect.. 
 
                // Si "_cf" est présent dans pages[x] sinon c'est "_vf" qui sera alors normalement présent
                srt.indexOf("_cf") != -1 ? position = srt.indexOf("_cf") : position = srt.indexOf("_vf");
 
                if (position != -1) { // Si position n'est pas égale à -1, "_cf" ou "_vf" ont été trouvés 
                    tmp = srt.substring((position + 1), (position + 3)); // La variable tmp contiendra "vf" ou "cf"
                    tmp == "cf" ?  tdf = "Ciné" :  tdf = "Vidéo";// Si "cf" alors  tdf="Ciné" sinon  tdf="Vidéo"
 
                    // Affichage dans la <div> id="cf" ou id="vf"
                    document.getElementById(tmp).innerHTML +=
                        "<ul><li>Type film: " +  tdf + " film</li><li>URL: " + pages[x] + "</li></ul>";
                }
            }
        }
    </script>
 
</body>
 
</html>

Créer une valeur issue de l'association d'une autre valeur avec un mot

JavaScript

Discussions similaires

Partager

Partager