Utilisation de la méthode dblclick()

**cyberfred79** · 17/01/2020, 14h03

Bonjour,

Je souhaite créer un système qui permet d'updater un champ de base de données en double-cliquant sur le texte pour ouvrir une balise de formulaire et qui procéderait à l'update lors de la sortie du champ.

Je place la valeur de mon champ dans une DIV

Code PHP :

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

echo "<div id='actdesc'>".utf8_encode($ligne['description'])."</div>";

J'ai créé un fichier script.js (appelé au début de ma page web) dans lequel j'utilise la méthode dblclick() et qui est censé charger le fichier description-change.php qui contient les balises de formulaire

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$(document).ready(function(){
 
	$('#actdesc').dblclick(function(){
 
 
       	    $.post('description-change.php', function(donnees) {
           	    $('#actdesc').html(donnees);
 
		    });	
	    return false;
	});
});

Malheureusement, cela ne fonctionne pas. Il ne se passe rien quand on double-clique sur le texte. A noter que si je remplace la fonction $.post() par une fonction alert(), cela fonctionne.

C'est sûrement une erreur de débutant (ce que je suis), mais je ne vois plus où chercher.

Merci d'avance de votre aide.

**NoSmoking** · 18/01/2020, 09h31

Bonjour,
en l'état ton code est fonctionnel, il se peut simplement qu'un accès te soit réfusé si tu ne travailles pas à partir d'un serveur local

Envoyé par exemple message dans console (F12)

Access to XMLHttpRequest at '.../description-change.php' from origin 'null' has been blocked by CORS policy: Cross origin requests

**cyberfred79** · 20/01/2020, 14h15

Merci pour la réponse.

Mon site est actuellement en localhost sur EasyPHP.

Par contre, dans la console (que je n'avais pas pensé à aller regarder), j'ai ce message quand je double clique sur ma DIV

Nom : Capture.JPG
Affichages : 59
Taille : 21,4 Ko

Nom : Capture.JPG
Affichages : 59
Taille : 21,4 Ko

Du coup, je me demande si je fais la bonne liaison avec jquery. Voilà le HEAD de ma page :

Code html :

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

1
2
3
4
5
6
7
8
9
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<link rel="stylesheet" href="css/styles.css">
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
	<script type="text/javascript" src="script.js"></script>
</head>

**cyberfred79** · 20/01/2020, 14h29

Bon, ben j'ai répondu moi-même à la question. J'ai cru que les liens bootstrap me permettaient d'avoir toutes les bibliothèques JQUERY.

Utilisation de la méthode dblclick()

jQuery

Discussions similaires

Partager

Partager