IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Ajouter action sur plusieurs boutons


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de marcoxavier
    Homme Profil pro
    ADMINISTRATEUR SYSTEME UNIX
    Inscrit en
    Mai 2015
    Messages
    72
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : ADMINISTRATEUR SYSTEME UNIX

    Informations forums :
    Inscription : Mai 2015
    Messages : 72
    Par défaut Ajouter action sur plusieurs boutons
    Bonjour,

    Je sais pas si je poste au bon endroit car mon petit code mélange php + javascript.. mais je me lance.

    Voici mon code, voir ligne 27 :

    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
    <?php
    $query = htmlentities($_GET['query']);
    $response = file_get_contents('https://192.168.1.60:7878/api/v3/movie/lookup?term=' . urlencode($query) . '&apikey=apikey');
    $data = json_decode($response);
     
    foreach ($data as $value)
    {
            echo $value->title.' '.$value->year.'</br>';
            echo $value->tmdbId.'</br>';
            $title = $value->title;
            $tmdbId = $value->tmdbId;
            foreach ($value->images as $images)
            {
                    if ($images->coverType == "poster"){;
                    echo '<div>'; 
                    echo '<img src="'.$images->remoteUrl.'" style="max-width:10%;" />';
                    echo '</div>';
                    }
            }
            echo '<button type="button">Télécharger</button>'.'</br></br>';
    }
     
    ?>
     
    <script>
        var download_values = {
            "tmdbId": "id_tmdb",
            "qualityProfileId": "5",
            "rootFolderPath": "/multimedia/movies",
            "monitored": true,
            "title": "Titre",
            "download": true,
            "addOptions": {
                "searchForMovie": true
            }
        };
     
        var data_string = JSON.stringify(download_values);
     
        var xhr = new XMLHttpRequest();
        xhr.open("POST", "http://192.168.1.60:7878/api/v3/movie", true);
        xhr.setRequestHeader("Content-Type", "application/json");
        xhr.setRequestHeader("X-Api-Key", "apikey");
        xhr.send(data_string);
    </script>

    Pour les trois 1ères lignes, il récupère juste l'entrée qui a été saisie dans une zone de texte sur une autre page html pour afficher un résultat json. Ensuite j'affiche et je variabilise ce dont j'ai besoin.
    En dessous de chaque image affichée il me met créer un bouton.

    Et pour la partie javascript, à l'heure actuelle, juste le chargement de la page déclanche la requête POST.

    J'ai 2 problématiques :

    - J'aimerai remplacer les parties mises en gras "titre" et "id_tmdb" avec les variables définie dans mon code php : $title & $tmdbid
    - J'aimerai faire en sorte que uniquement quand j'appuie sur un bouton ca lance ma partie JS. En sachant que chaque bouton doit lancer la partie javascript avec les variables $title & tmdbid qui doivent être unique en fonction de ce qui se trouve dans ces deux variables.

    Exemple :

    Si dans le 1er passage de ma boucle foreach $tmdbid vaut 111 alors quand je clique sur le 1er bouton c'est cette valeur qui doit être prise, pareil pour title.
    Si dans mon deuxième passage $tmdbid vaut 112 alors c'est 112 qui doit être prit et ainsi de suite.

    Avez-vous une piste de comment je pourrai faire cela ?

    merci par avance.

    Cdt

  2. #2
    Membre confirmé Avatar de marcoxavier
    Homme Profil pro
    ADMINISTRATEUR SYSTEME UNIX
    Inscrit en
    Mai 2015
    Messages
    72
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : ADMINISTRATEUR SYSTEME UNIX

    Informations forums :
    Inscription : Mai 2015
    Messages : 72
    Par défaut
    Bon,

    J'ai posté trop vite, j'ai trouvé la solution.

    j'ai ajouté cela a mon bouton :

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    echo '<button type="button" onclick="downloadMovie('.$tmdbId.',\''.$title.'\')">Télécharger</button>'.'</br></br>';

    Et j'ai mis mon code JS sous une fonction :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    function downloadMovie(tmdbId, title)
    Ça fonctionne.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 6
    Dernier message: 24/12/2008, 13h17
  2. Ajout zone photo avec action sur un bouton
    Par spidercrash dans le forum VB.NET
    Réponses: 3
    Dernier message: 13/09/2008, 09h00
  3. Réponses: 1
    Dernier message: 22/08/2008, 11h11
  4. [debutant] action sur un bouton
    Par EssaiEncore dans le forum ASP
    Réponses: 22
    Dernier message: 18/02/2005, 14h02
  5. [Flash MX] Action sur un bouton
    Par WriteLN dans le forum Flash
    Réponses: 9
    Dernier message: 20/10/2003, 14h01

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo