begin process at 2012 05 29 03:10:47
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Ajax

 > 

Appliquer une fonction jcrop à chaque image d'un formulaire


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Appliquer une fonction jcrop à chaque image d'un formulaire

vendredi 16 avril 2010 à 16:27:58 | Appliquer une fonction jcrop à chaque image d'un formulaire

cdie


Bonjour amis développeur,
Je poste ici parce que j'ai un petit soucis. En fait, j'essaye d'appliquer un objet ajax jcrop sur chaque image d'un formulaire. Ce n'est pas très explicite, je vous explique mieux :
J'ai ouvert ma balise form avec comme crop et comme id crop. Ce formulaire contient une boucle while qui en PHP va chercher un certains nombres d'images que je place dans des balises img avec comme id de balise cropbox. Ensuite, j'essaye avec le framework jquery et jcrop d'appliquer sur toutes les images comme ceci :
Code Javascript :
jQuery(document).ready(function(){
jQuery("#cropbox").Jcrop({
onSelect: showCoords
}); 
});

Le problème étant que ça ne concerne que la première image.
Et je ne peux pas seulement mettre img entre les guillemets de jquery car j'ai bon nombre d'image sur ma page auxquelles je ne veux appliquer cet effet.
Quelqu'un pourrait m'aiguiller sur une solution ?

Merci d'avance

 
vendredi 16 avril 2010 à 16:44:18 | Re : Appliquer une fonction jcrop à chaque image d'un formulaire

cdie


Je donne quelques précisions :

Voici le code PHP de la boucle
Code PHP :
while($data = mysql_fetch_object($result))
	{
		echo '<img src="../client/gfx/photos/produit/'.$data->fichier.'" id="cropbox" name="cropbox" /><br />';
		echo '<form action="produit_modifier.php?ref='.$_GET['ref'].'" method="post">
		<input type="hidden" name="action" value="crop" />
		<input type="hidden" name="prod" value="'.$id.'" />
		<input type="hidden" size="4" id="x" name="x" />
		<input type="hidden" size="4" id="y" name="y" />
		<input type="hidden" size="4" id="x2" name="x2" />
		<input type="hidden" size="4" id="y2" name="y2" />
		<input type="hidden" size="4" id="w" name="w" />
		<input type="hidden" size="4" id="h" name="h" />
		<input type="hidden" value="../client/gfx/photos/produit/'.$data->fichier.'" name="file" />
		<input type="hidden" value="'.$data->fichier.'" name="file_n" />
		<input type="submit" value="Couper la partie de l\'image" /><br />
		</form>';
	}

Et cette boucle est encadrée par un formulaire nommé crop
 
vendredi 16 avril 2010 à 17:11:07 | Re : Appliquer une fonction jcrop à chaque image d'un formulaire

cdie

Réponse acceptée !
C'est bon, j'ai trouvé, j'ai appliqué une classe à mes images et j'ai déclaré cette classe dans le code javascript


 


Cette discussion est classée dans : formulaire, image, appliquer, jquery, jcrop


Répondre à ce message

Sujets en rapport avec ce message

Envoye d'image par un formulaire [ par brodeur ] Bonjour, j'ai fait un site ou le visiteur peuvent m'envoyer leurs images.Seulement, je problement, c'est que je ne sais pas comment faire pour que das Formulaire tout simple [ par Angel42480 ] Bonjour, je travail en html,Je désirerais créer un formulaire, qui définisse une image.Exemple : on tape dans la case du formulaire : "arbre" . Je veu Formulaire - Modifier le bouton d'un submit par une image [ par poypoy00 ] Bonjour,je souhaiterais modifier un bouton de formulaire de type submit par une image tout en laissant ce dernier en submit. J'ai déjà essayé avec le afficher une image en fonction d'un formulaire [ par jubeau ] Bonjour Je souhaiterais afficher un menu déroulant avec plusieurs options. Chacune correspond à une image qui s'affiche instantannément quand on sél Changer une image dans un <Input Image> [ par Bullfrog ] Bonjour,Je fais un formulaire avec une image d'envoi du type : J'aimerais changer la source de cette image en fonction d'un évenement (ex; quand 3 for Limité taille image dans un formulaire [ par laubro ] j' ai posé la question sur phpcs et on m'a dit de la poser sur javascript ! ! j'ai un site ou via un formulaire on peuser uploader (php) des images su Remplir un champ du formulaire via popup (URGENT) [ par jmobylette ] Bonjour,Je suis en train de faire un formulaire et j'ai un champ image :Image : "hidden" name="image"</F Controle de formulaire et validation par image [ par aureludo ] Bonjour,J'ai créer un formulaire afin que les visiteurs se connectent à leur espace membre.Je controle bien le remplissage des champs via cette foncti probleme avec le plugin facebox de jquery [ par aquewel ] bonjour a tous, c'est la premiere fois que je viens demander de l'aide sur ce forum... et pour la premiere un probleme serieux dans lequel peut etre q Aide utilisation jQuery pour validation de formulaire [ par LaTatadu91 ] Bonjour a tous,je me lance doucement dans le javascript, j'ai trouvé sur le net une bibliotheque nommée jQuery qui permet de faire des validations de


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,172 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales