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

jQuery Discussion :

insert avec Jquery et Editable


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Responsable de service informatique
    Inscrit en
    Mars 2009
    Messages
    113
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de service informatique
    Secteur : Santé

    Informations forums :
    Inscription : Mars 2009
    Messages : 113
    Par défaut insert avec Jquery et Editable
    Bonjour.
    Je viens de découvrir editable pour jquery afin d'utiliser l'édition in-situ.
    Pour l'instant j'ai fait simple, avec juste une ligne vide pour ajouter un élément.
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" id="nomutil"  data-type="text" data-title="Ajouter un utilisateur">Ajout</a>
    Je ne parviens pas à le faire fonctionner correctement malgré mes recherches avec le code suivant;
    Code : 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
    $(function(){
    	$('#nomutil').editable ({
    		validate: function(value) {
    			if($.trim(value) == '') 
    			{
    				return 'Cette valeur est obligatoire .';
    			}
    		},
    		type: 'POST',
    		url: '../admin/addjeditable.php',
    	   name: 'nom_util',
    	   success: function(value, response){  
                  	alert('succès'+' val='+value);
               }
        	});
    });
    Contenu de addjeditable.php;
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    $nom_util=(isset($_POST['nom_util'])?$_POST['nom_util']:(isset($_GET['nom_util'])?$_GET['nom_util']:""));
     
    if ($nom_util !="") 
    {
    	include("../bin/cnx.php");
    	$sql = "INSERT INTO utilisateur(nom_utilisateur) VALUES (
    		'".str_replace("'","\'",$nom_util)."')"; 
    	include("../bin/cnx_ordres.php");
    	include("../bin/cnx_fin.php");
    	include("../bin/commit.php");
    }
    ?>
    Le truc qui m'agace c'est que j'ai toujours le message succès alors qu'il ne se passe rien.
    Pourriez vous m'aider ?

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    En HTML5, n'importe quel élément "block" peut recevoir l'attribut "contenteditable". Exemples :



    Pour le plugin, votre code n'est pas conforme à la documentation : $('.edit').editable('http://www.example.com/save.php', { ... });.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre confirmé
    Homme Profil pro
    Responsable de service informatique
    Inscrit en
    Mars 2009
    Messages
    113
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de service informatique
    Secteur : Santé

    Informations forums :
    Inscription : Mars 2009
    Messages : 113
    Par défaut étrange
    Merci d'avoir répondu. Ça ne fonctionne pas mieux.
    Et je me demande ce que je fais mal.
    D'autant que sur les documentations que j'ai consultées,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('#nomutil').editable (
    c'est pareil que
    Sauf que le premier utilise le nom de l'élément et le second la classe.
    Ensuite le fait de mettre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('.edit').editable ('save.php', ...
    c'est pareil que
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('.edit').editable ({url:'save.php' ...
    Et là tu me dis que c'est pas pareil ???

    Comprends pô ?

  4. #4
    Membre confirmé
    Homme Profil pro
    Responsable de service informatique
    Inscrit en
    Mars 2009
    Messages
    113
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de service informatique
    Secteur : Santé

    Informations forums :
    Inscription : Mars 2009
    Messages : 113
    Par défaut Autre méthode
    Comme ça m'énervait, j'ai repris depuis le début avec du Jscript "pur" (basé qd mm sur jquery). J'ai donc recréé la roue, en gérant les éléments à masquer et à montrer (j'ai fait la mm chose pour l'édition et l'ajout). Ça fonctionne et je comprends encore moins ou j'ai faux dans l'utilisation de editable.
    Le fonctionnement reste quasi identique, et à plus forte raison puisque c'est du jquery qu'utilise l'instruction editable.

    POUr info, voilà la "roue réinventée" ;
    Code jscript : 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
     
    $(".add_div").click(function(e){
    	$("#nom_util").hide();
    	$("#nom_util_input").show();
    	$("#div_nom_util_input").show();		
    	}).keypress(function(event){
    		if (event.which == 13 || event.keyCode == 13){
    			var nom_util=$("#nom_util_input").val();
    			var dataString = 'nom_util='+nom_util;
    			if(nom_util.length>0) {
    				$.ajax({
    					type: "POST",
    					url: "../../admin/addjeditable.php",
    					data: dataString,
    					cache: false,
    					success: function(html){$("#nom_util").html(nom_util);}
    					});
    			}
    			else
    			{
    				alert('Veuillez saisir un nom.');
    			}
    				$(".addbox").hide();
    				$(".addtext").show();
    				location.reload();
    			}
    });

  5. #5
    Membre confirmé
    Homme Profil pro
    Responsable de service informatique
    Inscrit en
    Mars 2009
    Messages
    113
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de service informatique
    Secteur : Santé

    Informations forums :
    Inscription : Mars 2009
    Messages : 113
    Par défaut Eh ben bravo.
    Bon, comme ça ne fonctionnait pas, j'ai repris tout à zéro, point par point en récupérant les bons js. Et tout fonctionne avec la mm syntaxe.
    Je me suis rendu compte que j'utilisais jquery.jeditable.min.js dans mon premier exemple et jquery.jeditable.js dans le second qui fonctionne.
    A priori, j'ai pointé vers le mauvais js.

    Merci qd même !

  6. #6
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    Un fichier x.min.js est la version compressée (minified) du fichier x.js, normalement ils sont identiques, mais il arrive que la compression provoque des erreurs lorsque le fichier x.js n'est pas correctement écrit.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

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

Discussions similaires

  1. [INSERT][SELECT] insert avec un select imbriqué
    Par narmataru dans le forum SQL
    Réponses: 11
    Dernier message: 06/03/2013, 03h04
  2. [Procédure stockée]Insert avec renvoi clé primaire?
    Par busmik dans le forum Décisions SGBD
    Réponses: 3
    Dernier message: 26/08/2004, 16h14
  3. effectuer une requete insert avec 'values' ET 'select'
    Par delaio dans le forum Bases de données
    Réponses: 4
    Dernier message: 15/08/2004, 19h05
  4. INSERT avec procédure stockée / Clef de type AutoInc
    Par bgdelphi dans le forum Bases de données
    Réponses: 5
    Dernier message: 18/10/2003, 18h30
  5. Problème d'insertion avec MySQL
    Par Sonny dans le forum ASP
    Réponses: 13
    Dernier message: 28/08/2003, 13h52

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