• imprimer
  • aide

Forum de discussions « Javascript - DHTML - VBScript »

Retrouvez les publications relatives à ces discussions dans notre rubrique javascript.

[javascript] Afficher/cacher un bouton

liste des forums liste des discussions Participer à la discussion

Photo de guymar Message publié le mercredi 24 février 2010 - 09h13 par guymar. Guy
Bonjour,

Je souhaiterais que le bouton soit affiché si l'utilisateur emploie Internet Explorer et qu'il soit caché s'il emploie un autre navigateur (la fonction appelée [window.clipboardData.setData()] ne fonctionnant pas sous ces navigateurs).
Voici mon script :

---------------------------
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">

if (navigator.userAgent.indexOf("Opera") != -1)
Navigateur = "Opera";
else
if (navigator.userAgent.indexOf("Firefox") != -1)
Navigateur = "Firefox";
if (navigator.userAgent.indexOf("IE") != -1)
Navigateur = "IE";

if (Navigateur == "IE")
{
f.bouton.style.visibility="visible";
}
else
{
f.bouton.style.visibility="hidden";
document.write("<i>Sélectionnez votre texte et copiez-le dans le presse-papier<br>par la combinaison de touches CTRL+C ou le clic droit de la souris</i>");
}

function copier()
{
var copie = document.getElementById("entree");
copie = copie.value;
window.clipboardData.setData('Text', copie);
alert("Le texte est sauvegardé dans le presse-papier de Windows.\n\rVous pouvez le coller dans votre éditeur.");
}

</script>
</head>

<body>

<form name="f">
<textarea id="entree" rows=15 cols=50></textarea><br><br>
<input type="button" name="bouton" onClick="copier(');" value="Copier dans le presse-papier">
</form>

</body>
</html>

----------------------------------------

Ce script ne fonctionne pas. Pourriez-vous me dire où j'ai fait erreur ?

Je vous remercie.
Photo de guymar Message publié le mercredi 24 février 2010 - 09h15 par guymar. Guy
correction de mon script :

Le premier "else" n'a pas raison d'être (erreur de copier/coller)
Photo de coeos Message publié le mercredi 24 février 2010 - 09h37 par coeos. coeos.pro
Tu as essayé avec visibility:hidden; dans le css ?
Photo de guymar Message publié le mercredi 24 février 2010 - 11h01 par guymar. Guy
Tout va bien si mon div ne contient que du texte. mais mon div contenant un bouton, rien ne va plus.
Photo de nours312 Message publié le mercredi 24 février 2010 - 11h16 par nours312. modérateur nours312.com -- je ne suis pas codeur bénévol, mais j'aide gratos ;)
testes avec display:none ....
Photo de Bul Message publié le mercredi 24 février 2010 - 11h44 par Bul. mon site : http://bul.fr.nf m'écrire : http://bul.chez.com/mas/?bul
bonjour
vous avez oublié que le html/javascript c'est de l'interprété
et que cela s'exécute ligne par ligne dans l'ordre
lors de votre tentative de cacher/montrer le bouton
... il n'existe pas encore !


<html>
<head>
</head>
<body>
<form name="f">
<textarea id="entree" rows=15 cols=50></textarea><br /><br />
<input type="button" name="bouton" onClick="copier();"
style="visibility:hidden;" value="Copier dans le presse-papier">
</form>
<label id="lab" style="display:inline">
<i>Sélectionnez votre texte et copiez-le dans le presse-papier<br />
par la combinaison de touches CTRL+C ou le clic droit de la souris</i></label >
<script type="text/JavaScript">
if ( window.clipboardData )
{ document.f.bouton.style.visibility="visible";
document.getElementById("lab").style.display="none";
}
function copier()
{ var copie = document.getElementById("entree");
copie = copie.value;
window.clipboardData.setData('Text', copie);
alert("Le texte est sauvegardé dans le presse-papier de Windows.\n\rVous pouvez le coller dans votre éditeur.");
}
</script>
</body>
</html>

@+
Photo de Bul Message publié le mercredi 24 février 2010 - 11h45 par Bul. mon site : http://bul.fr.nf m'écrire : http://bul.chez.com/mas/?bul
remarque : avec FireFox, il
est possible aussi d'utiliser le presse-papier
( quid des Chrome, Safari, Opera ... ? )
@+
Photo de guymar Message publié le mercredi 24 février 2010 - 12h44 par guymar. Guy
Merci à tous pour votre aide.

>>>> Bul

Votre script n'affiche le bouton sous aucun navigateur.
La fonction "copier()" ne fonctionne pas sous Firefox.
Photo de Bul Message publié le mercredi 24 février 2010 - 13h11 par Bul. mon site : http://bul.fr.nf m'écrire : http://bul.chez.com/mas/?bul
>>Votre script n'affiche le bouton sous aucun navigateur.
navré, mais avec IE, Fx, Safari, Chrome, Opera, K-Meleon... ça baigne
enfin.. chez moi et... tel que j'ai mis
vous devez mal appliquer, et ne pas essayer mon exemple "tel quel" !!!

>>La fonction "copier()" ne fonctionne pas sous Firefox.
je n'ai pas dis que votre fonction fonctionnait avec Fx,
elle est exclusive IE, j'ai dis qu'on pouvait gérer le
presses-papier avec Fx, ce qui n'a rien à voir

@+
Photo de guymar Message publié le mercredi 24 février 2010 - 14h15 par guymar. Guy
Oui, votre script marche lorsque je charge le fichier sur mon site. Je n'avais testé votre script qu'en local et là ça ne marchait pas.
Merci pour ce script qui simplifie beaucoup le mien.
Photo de Bul Message publié le mercredi 24 février 2010 - 14h54 par Bul. mon site : http://bul.fr.nf m'écrire : http://bul.chez.com/mas/?bul
>>Je n'avais testé votre script qu'en local et là ça ne marchait pas.
aucune raison.
je ne l'avais testé qu'en local, mais, comme rien dans ce script n'est
spécifique ni au web ni au local, ça ne peut que marcher partout
enfin, nickel si ça convient ( la copie vers le presse-papier est à
adapter au moins pour Fx )
@+

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

Les 5 dernières discussions