Afficher une valeur Javascript dans un Onclick Résolu/Fermé

Question

Bonjour,

J'ai une simple question qui pourrais m'aider pour la suite. J'aimerai savoir si il est possible d'afficher les résultats de X, Y, W, H dans le onclick : (c'est 4 résultat s'affiche dans les 4 div mais j'aimerai les affichées plutôt dans le onclick plus bas)

      $(function() {
      $('.crop_me').jWindowCrop({
        targetWidth: 500,
        targetHeight: 150,
        loadingText: 'hello world',
        onChange: function(result) {
          $('#crop_x').text(result.cropX);
          $('#crop_y').text(result.cropY);
          $('#crop_w').text(result.cropW);
          $('#crop_h').text(result.cropH);
        }
      });
    });

Voici le lien :

 <a id="user_citation_a" style="cursor:pointer;" onclick="crop_img(result.cropX, result.cropY, result.cropW, result.cropH)" title="Sauvegarder">Sauvegarder</a>

Merci d'avance, c'est un problème que je narrive pas à résoudre.

Pour les curieux, je demande cela pour que par la suite une autre fonction crop_img() envoye les données an Ajax vers une page php qui va traiter l'image. Mais pour cela j'ai besoin des axes.

Pitet · Answer

Salut,

D'après la documentation tu peux récupérer la référence de l'objet jWindowCrop avec la fonction getjWindowCrop()
https://github.com/tybro0103/jWindowCrop

Voici un début de solution :

<a id="user_citation_a" style="cursor:pointer;" onclick="crop_img('#id_de_mon_image')" title="Sauvegarder">Sauvegarder</a>

function crop_img(id) {
    // on récupère l'objet jwc
    var jwc = $(id).getjWindowCrop();
    
    // envoie en ajax des données de jwc
    // ...
    console.log('cropX : ' + jwc.result.cropX);
    console.log('cropY : ' + jwc.result.cropY);
    console.log('cropW : ' + jwc.result.cropW);
    console.log('cropH : ' + jwc.result.cropH);

}

Bonne journée

TheBleedz · Answer

Ah !!!! Merci beaucoup pour votre aide :D 
Cela marche parfaitement j'arrive à les affichées directement dans la function.

Encore merci et bonne soirée à vous !

Afficher une valeur Javascript dans un Onclick

2 réponses

Discussions similaires