Afficher une valeur Javascript dans un Onclick Résolu

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

Newsletters