Discussion :

[TheBleedz]

Bonjour,
J'aimerais savoir si, il est possible modifier le code ci-dessous, pour que je puisse sur une autre page en php recevoir les variables. Ce script permet d'afficher les x,y,l,h d'une image que l'utilisateur peut bougé avec Jcrop. J'aimerai récupérer c'est var. x,y,l,h pour que quand l'utilisateur clique sur un bouton, les variables sont envoyé vers un page php. Où sur cette page je puisse découpé l'image redimensionner et l'enregistre dans une base de données.
J'aimerai réaliser ceci en Ajax si je me trompe pas. Je sais pas du tout comment m'y prendre je n'ai jamais fait d'ajax, pouvez-vous m’éclairé, histoire de savoir où chercher ?

Voici le code JS qui affiche les variables sur la page des que l'on bouge :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
$(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 code HTML de l'image :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img  class="crop_me" alt="" src="..." />

Le code pour le bouton je sais pas comment on peut faire, je suis pose que ces du genre :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a onclick="crop_img(x,y,l,h)" title="Crop image">Sauvegarder</a>

Merci d'avance à vous et bonne fin de journée.

[SpaceFrog]

=> ajax

[TheBleedz]

Non sérieux ! Quel humour vous avez ici !
Et sinon comment faire pour manipuler ces lignes ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$('#crop_x').text(result.cropX);
$('#crop_y').text(result.cropY);
$('#crop_w').text(result.cropW);
$('#crop_h').text(result.cropH);

[elfamine]

Salut ! la fonction ajax est plus tot bien documenté ici

un code brouillon pour te donner une idée (enfin je ne suis pas sur que ca soit la bonne démarche )

Code javascript :

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
 
$(function () {
    $('.crop_me').jWindowCrop({
        targetWidth: 500,
        targetHeight: 150,
        loadingText: 'hello world',
        onChange: function (result) {
            $.ajax({
                type: 'POST',
                url: 'tonfichier.php',
                data: {
                    x: result.cropX,
                    y: result.cropY,
                    y: result.cropY,
                    w: result.cropW,
                    h: result.cropH
                },
                success: function () {
                    //yey
                },
                error: function () {
                    //ow...
                }
            });
        }
    });
});

[SpaceFrog]

Envoyer des variables vers une page PHP grâce à un bouton

onChange sur un bouton ... ???

=> onclick sur un bouton

pour ce qui est de la doc sur ajax il me semble que comme sus dit c'est assez bien documenté ...
http://api.jquery.com/jQuery.ajax/
il suffit de passer les données dans le data de ton ajax

[TheBleedz]

Merci de vos réponse pertinente ! Maintenant je voix plus ou moins comment organisé ceci. Merci !