Partage

Problème déselection Input

15 avril 2018 à 12:38:23

Bonjour,

J'ai développé une application qui est principalement en HTML/CSS. J'utilise un système sous noyau Chromium et un WebServer local Apache pour la faire fonctionner. Tout fonctionne bien mais il n'y avait pas de fonction clic droit où l'on peut choisir Copier/Coller. J'ai essayé d'en créer une en JavaScript et VBS. Le javascript va le script VBS qui va envoyer Ctrl+X, Ctrl+C ou Ctrl+V selon le choix. Le problème c'est que lorsque je clique sur copier lorsque j'ai sélectionné du texte dans un input, l'input se désélectionne et la copie ou le collage ne fonctionne pas. Comment faire pour que lorsque je clique sur le tooltip que j'ai crée, l'input et son texte à l'intérieur, reste sélectionné ? Je précise que sur les objet de type span, le texte ne se désélectionne pas et que je peux sans problème le copier comme ceci. Seuls les objets type input posent problème.

Merci

Voici le code :

<script>
function func(fn){
var xhttp1 = new XMLHttpRequest();
xhttp1.open("GET", "/coller.php?fnc="+fn, true);
xhttp1.timeout = 2000; // Set timeout to 4 seconds (4000 milliseconds)
xhttp1.send();
}
</script>
<div id="tooltip-span" style="display:none;position:fixed;z-index:20000000000000000"><img id="cv" src="loader/vide.png"></div> // TOOLTIP
<script>
var tooltipSpan = document.getElementById('tooltip-span');
x1= 0; y1 =0; var x; var y;
window.oncontextmenu = function (e) {
	tooltipSpan.style.display = '';
    window.x = e.clientX,
    window.y = e.clientY;
    tooltipSpan.style.top = (window.y) + 'px';
    tooltipSpan.style.left = (window.x) + 'px';
	y1 = window.y; 
	x1 = window.x;
};
window.onmousemove  = function (e) {
    var x = e.clientX,
        y = e.clientY;
		var img = "loader/vide.png";
		if(x-x1 >1 && x-x1 < 154)
		{
		if(y-y1 > 2 && y-y1 < 25)
		{
		 img = "loader/couper.png";
		 }
		 if(y-y1 > 25 && y-y1 < 48)
		{
		 img = "loader/copier.png";
		 }
		 if(y-y1 > 48 && y-y1 < 72)
		{
		 img = "loader/coller.png";
		 }
 //Détecte la postion de la souris par rapport au tooltip et affiche l'image avec le bouton correspondant sélectionné (ex si l'utilisateur à la souris sur coller, le bouton coller sera présélectionné)
		 document.getElementById('cv').src = img;
		}
};
window.onclick = function (e) {
if(tooltipSpan.style.display == '')
{
    var x = e.clientX,
        y = e.clientY;
		if(x-x1 >1 && x-x1 < 154)
		{
		if(y-y1 > 2 && y-y1 < 25)
		{
		 func("couper");
		 }
		 if(y-y1 > 25 && y-y1 < 48)
		{
		 func("copier");
		 }
		 if(y-y1 > 48 && y-y1 < 72)
		{
		 func("coller");
		 }
		}
 //Détecte la postion de la souris par rapport au tooltip au moment du clic et effectue la fonction correspondante
		
}
    tooltipSpan.style.display = 'none';
};
</script>



-
Edité par racacax 15 avril 2018 à 12:40:53

Vous êtes demandeur·se d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur·se web junior

Je postule
Formation
courte
Financée
à 100%
19 avril 2018 à 7:42:17

Bonjour,

Un petit up svp. Je ne sais pas si j'ai mal expliqué ou non mais si vous avez besoin d'infos supplémentaires, vous pouvez me le dire, aucun soucis.

19 avril 2018 à 9:17:35

Salut,

Tu es surtout dans le mauvais forum ... au vue de ton code, regardes du coté du forum javascript :)

Problème déselection Input

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown