Changez l'id d'une URL avec Javascript

Bonjour,

Je suis entrain de buter sur un problème. J'ai utiliser du PHP dans mes pages mais je ne veux pas recharger ma page à chaque changement la valeur de ma variable au clique. Je suis dessus depuis hier après midi, voilà comment j'ai procéder

mapage.php

Code:

1
2
3
4
5
6
7
8
9
10
<?php
require_once 'vendor/autoload.php';
 
$_POST['album'] = [
    'auteur' => ['Franz Ferdinand','Boy Kill Boy','Datarock', 'Ebony Bones', 'Kings Of Leon', 'Fat Boy Slim', 'Kasabian', 'Junior Senior', 'The Hoosiers', 'A.S. Dragon','Mademoiselle K'],
    'nom' => ['Franz Ferdinand','Civilian', 'Datarock','Bones Of My Bones', 'Aha Shake Hearthbreak','You\'ve Come a Long Way Baby' ,'Kasabian', 'D-D-Don\'t Don\'t Stop the Beat', 'The Trick To Life', 'Va chercher la police', 'ça me vexe'],
    'id_deezer' => ['401371', '161560', '7709754', '355360', '76186', '6836240', '76342', '7182173', '54608', '9341054', '300826'],
];
 
?>

PLus loin dans mapage.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
                        <h3 id="#musique">Musique</h3>
                        <div class="Musique-grid row">
                            <div class="container-fluid">
                                <?php for ($i=0; $i < count($_POST['album']['id_deezer']); $i++) {
                                echo '<div class="musique-item col-xs-8 col-sm-4">
                                        <a class="target" href="http://www.deezer.com/album/'.$_POST['album']['id_deezer'][$i].'" target="_blank">
                                        <img src="img/jaquette/'.$_POST['album']['auteur'][$i].'.jpg" alt="'.$_POST['album']['auteur'][$i].' - '.$_POST['album']['nom'][$i].'" title="'.$_POST['album']['auteur'][$i].' - '.$_POST['album']['nom'][$i].'">
                                        </a>
                                      </div> ';
                                };?>
                                <?php include('src/include/deezer.php') ?>
                            </div>
                        </div>

J'utilise Bootstrap :zoubi:

deezer.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
 
if(isset($_POST['album'])) {
$_POST['album'] = $album;
var_dump($_POST['album']);
}
 
else{
$_POST['album'] = ['id_deezer' => 401371];
}
 
?>
 
<iframe class="deezer" scrolling="no" frameborder="0" allowTransparency="true" src="https://www.deezer.com/plugins/player?format=classic&autoplay=false&playlist=true&width=585&height=350&color=0e60a6&layout=&size=medium&type=album&id=<?php echo $_POST['album']['id'] ?>&title=&app_id=1" width="585" height="350"></iframe>

J'ai commencer à coder un code javascript (à 1h du mat' :aie:):

Code:

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
var Deezer = {
 
    cible : null,
 
    init : function() {
        console.log('ok');
        var lien = document.querySelectorAll('target');
        lien.addEventListener('click', this.auClique.bind(this));
    },
 
   auClique : function(e) {
        e.preventDefault();
 
        this.cible = e.target;
        this.changementId();
    },
 
    changementId : function() {
        this.cible = document.querySelector('deezer');
        this.cible.setAttribute('src', 'https://www.deezer.com/plugins/player?format=classic&autoplay=false&playlist=true&width=585&height=350&color=0e60a6&layout=&size=medium&type=album&id=<?php echo $_POST[\'album\'][\'id\'] ?>&title=&app_id=1');
    }
 
};
 
var deezer = Object.create(Deezer);
deezer.init();

Mes questions :

Dois-je continuer à utiliser les a href=""
Dois-je plutôt cliquer sur mes img plutôt, pour simplifier le code ?
Comment changer mettre une valeur de ma variable dans mes éléments cliquable sans pour autant?

en php j'avais mis des

Code:

<?php echo $album = 452186 ?>

(avec une valeur différentes à chaque fois). Et en faisant un

Code:

Var_dump($album);

j'ai fini par comprendre que la valeur restait la même pour $album. vu que sur chaque lien la valeur était différente mais gardait en mémoire uniquement le dernier... :calim2:

Quelqu'un aurait t'il une solution simple à me proposer pour changer le <?php echo $_POST[\'album\'][\'id\'] ?> dans l'url de l'iframe.