PHP|Débutant :: Forums

Advertisement

Besoin d'aide ? N'hésitez pas, mais respectez les règles

Vous n'êtes pas identifié(e).

#1 26-06-2015 10:14:22

ggmessi
Membre
Inscription : 28-05-2013
Messages : 21

Recupération image atwork souncloud

Bonjour ,

je suis entrain de développer une page pour qui affiche les images des quelques sons soundcloud.
Dans ma partie backend , il ya un formulaire qui prend un lien iframe et par une fonction php j'en retire l'ID du son et je l'insere dans ma base de donées comme ceci :

if (isset($_POST['valider']))
{
$chaine = $_POST['lien'];
$extraire = substr($chaine, 144 , 9);

$prep = $connect->prepare('insert into musique (lien,titre) values (:lien,:titre)');
$prep->bindParam(':lien',$lien);
$prep->bindParam(':titre',$titre);
$lien = $extraire;
$titre = $_POST['titre'];
$lance = $prep->execute() or die ('erreur de req');
}

ensuite dans page d'acceuil je recupere les images des sons avec l'api soundcloud et et du javascript
à qui le php transmet l'id du son voici mon code :


$connect = new PDO('mysql:host=localhost;dbname=BD;charset=utf8', 'root', '');
$modif='SELECT * FROM musique';
$tag = $connect->query($requete);
<?php
while($test = $req->fetch()){ ?>

<div class="actu" id="<?php echo $test['lien'];?>">
<img class="actuimg" src="" id="<?php echo $test['lien'];?>"> <br/>
<span id="titre_video"><?php echo $test['titre']; ?></span>

</div>
<?php } ?>

en bas voici mon code JS :
<script>

$(document).ready(function() {

SC.initialize({
/* This is the sample client_id. you should replace this with your own*/
client_id: "887b335a80f3e625454ebca548c53d96"
});
$('div.actu').each(function () {
var IDtrack = $(this).attr('id');
var chaine = "/tracks/";
/* initialize soundcloud API with key */
var PATH = chaine + IDtrack;
/* Use soundcloud API to get info of a specific track */
SC.get(PATH, function (tracks, err) {
$("img.actuimg").attr("src", tracks.artwork_url);
});
});
});

</script>

tout marche à merveille mon souci est que au lieu d'afficher les images correspondants à chaque son , ça affiche le dernière image pour tous les sons.
Pouvez vous m'aider svp à résoudre ce problème?

Merci d'avance.

Hors ligne

#2 26-06-2015 13:27:42

tof73
Membre
Inscription : 21-12-2014
Messages : 149
Site Web

Re : Recupération image atwork souncloud

la variable PATH a bien une valeur différente à chaque passage dans la boucle ?

Hors ligne

#3 26-06-2015 14:09:18

ggmessi
Membre
Inscription : 28-05-2013
Messages : 21

Re : Recupération image atwork souncloud

oui car jai fai un alert() dessus et  je vois  que ça change a chaque passage de la boucle.

Dernière modification par ggmessi (26-06-2015 14:10:08)

Hors ligne

#4 26-06-2015 20:39:56

tof73
Membre
Inscription : 21-12-2014
Messages : 149
Site Web

Re : Recupération image atwork souncloud

idem pour tracks.artwork_url ?

après, il faut voir si ce ne serait pas plus efficace de sauver aussi l'url de l'image pour ne pas devoir la rechercher à chaque chargement de page.

Hors ligne

#5 26-06-2015 20:42:29

tof73
Membre
Inscription : 21-12-2014
Messages : 149
Site Web

Re : Recupération image atwork souncloud

après avoir réfléchi :
$(this).attr('id') // c'est bien l'id de chaque image
$("img.actuimg").attr // c'est l'attribut de toutes les images de class actuimg
le comportement est donc normal.

Hors ligne

Pied de page des forums