begin process at 2012 05 28 13:12:53
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Trucs Amusants

 > CREER UN BOUTON INCLIQUABLE

CREER UN BOUTON INCLIQUABLE


 Information sur la source

Note :
5,11 / 10 - par 9 personnes
5,11 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs Amusants Niveau :Débutant Date de création :22/05/2004 Vu :6 983
Auteur : marilyn_manson

Ecrire un message privé
Commentaire sur cette source (18)
Ajouter un commentaire et/ou une note

 Description

mon script permet de creer un bouton qu'on ne peut pas cliquer car quand on s'approche de lui, il disparait!!!
hi hi hi, je suis diabolique }:-)
il peut servir par exemple on met une question genre est-tu beau?
et si le gars veut repondre oui, il ne peut pas et sur le boutton non on une balise genre onclick=alert('je m'\en doutait')

Source

  • <SCRIPT>
  • function disparition()
  • {
  • if(document.getElementById)
  • document.getElementById("boutton").style.visibility = 'hidden'
  • }
  • </SCRIPT>
  • <SCRIPT>
  • function afficher()
  • {
  • if(document.getElementById)
  • document.getElementById("boutton").style.visibility = 'visible'
  • }
  • </SCRIPT>
  • <A HREF=# onmouseover='afficher();return(false)'>afficher oui</A>
  • <FORM>
  • <INPUT TYPE=button VALUE=non OnMouseOver="afficher();return(true)">
  • <INPUT TYPE=button VALUE=oui ID=boutton OnMouseOver="disparition();return(true)">
  • </FORM> 
<SCRIPT>
function disparition()
{
if(document.getElementById)
document.getElementById("boutton").style.visibility = 'hidden'
}
</SCRIPT>

<SCRIPT>
function afficher()
{
if(document.getElementById)
document.getElementById("boutton").style.visibility = 'visible'
}
</SCRIPT>
<A HREF=# onmouseover='afficher();return(false)'>afficher oui</A>

<FORM>
<INPUT TYPE=button VALUE=non OnMouseOver="afficher();return(true)">
<INPUT TYPE=button VALUE=oui ID=boutton OnMouseOver="disparition();return(true)">
</FORM>

 Conclusion

j'ai une question, c'est : comment faire pour faire reaparaitre le boutton rien quand enlevant la souris de la zone du boutton?


 Sources du même auteur

AFFICHER UN TEXTE LETTRE PAR LETTRE
Source avec Zip COMPTER LE NOMBRE DE CARACTERE DE CHAQUE MOT D'UNE CHAINE
Source avec Zip LANCER DE DÉS PERFECTIONNER
LISTE DEROULANTE DES ANNES
LISTE DEROULANTE DES JOURS
Toutes les sources de marilyn_manson

 Sources de la même categorie

Source avec Zip IMAGES DÉFILANT SUR UN CYLINDRE (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DÉFILANT VERTICALEMENT (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DANSANTES 4: MOUVEMENT DE LA TORTUE par william voirol
Source avec Zip IMAGES DANSANTES 3: MOUVEMENT ALÉATOIRE ORIENTÉ par william voirol
Source avec Zip IMAGES DANSANTES 2: MOUVEMENT ALÉATOIRE SANS SUPERPOSITIONS par william voirol
Toutes les sources de la catégorie Trucs Amusants

Commentaires et avis

Commentaire de WindPowa le 22/05/2004 22:32:33

Bon déjà tu es diabolique...

Commentaire de WindPowa le 22/05/2004 22:48:18

Ensuite j'ai essayé un truc simple, il y a un problême, il clignote sur certains navigateurs (en fait il faut ne pas bouger la souris), mais, en tout cas, ON NE PEUT PAS CLIQUER DESSUS ! La source :

&lt;html&gt; &lt;head&gt; &lt;title&gt; Es-tu beau ? Par WindPower &lt;/title&gt; &lt;script&gt;
function disparition()
{
if(document.getElementById)
document.getElementById("boutton").style.visibility = 'hidden'
}
&lt;/script&gt; &lt;/head&gt;

&lt;script&gt;
function afficher()
{
if(document.getElementById)
document.getElementById("boutton").style.visibility = 'visible'
}
&lt;/script&gt;
&lt;body&gt;
Es-tu beau ? Clique sur le bouton pour répondre. &lt;br&gt; &lt;br&gt;
&lt;FORM&gt;
&lt;INPUT TYPE="button" VALUE="Non" onclick="alert('Je me'n doutais...')"&gt;
&lt;INPUT TYPE="button" VALUE="Oui" ID="boutton" OnMouseOver="disparition();return(true)" OnMouseOut="afficher();return(true)" OnClick="alert('Je ne te crois pas...')"&gt;
&lt;/FORM&gt; &lt;/body&gt;
&lt;/html&gt;


Mais je ne sais pas pourquoi les alert() ne mache pas...

Dites-le moi !

Me serais-je trompé dans la syntaxe ?

Commentaire de marilyn_manson le 23/05/2004 14:17:00

je viens de trouver pourkoi ton alert marche pas, c parceque ta mis un apostrofe dans la phrase  a afficher lors de l'alert il faut metrre alert('je men doutait') et pas alert('je m'en doutais')

en tout cas merci pour le onmouseout, je ne connaissé pas

Commentaire de marilyn_manson le 23/05/2004 14:17:01

je viens de trouver pourkoi ton alert marche pas, c parceque ta mis un apostrofe dans la phrase  a afficher lors de l'alert il faut metrre alert('je men doutait') et pas alert('je m'en doutais')

en tout cas merci pour le onmouseout, je ne connaissé pas

Commentaire de WindPowa le 23/05/2004 16:50:54

Ah oui, c'est vrai, ce que je peux être tête-en-l'air parfois...

Bon je suppose que ce n'est pas la peine de refaire tout le code ?

Bon le voici quand même :



&lt;html&gt; &lt;head&gt; &lt;title&gt; Es-tu beau ? Par WindPower &lt;/title&gt; &lt;script&gt;
function disparition()
{
if(document.getElementById)
document.getElementById("boutton").style.visibility = 'hidden'
}
&lt;/script&gt; &lt;/head&gt;

&lt;script&gt;
function afficher()
{
if(document.getElementById)
document.getElementById("boutton").style.visibility = 'visible'
}
&lt;/script&gt;
&lt;body&gt;
Es-tu beau ? Clique sur le bouton pour répondre. &lt;br&gt; &lt;br&gt;
&lt;FORM&gt;
&lt;INPUT TYPE="button" VALUE="Non" onClick="alert('Je m\'en doutais...')"&gt;
&lt;INPUT TYPE="button" VALUE="Oui" ID="boutton" OnMouseOver="disparition();return(true)" OnMouseOut="afficher();return(true)" onClick="alert('Je ne te crois pas !')"&gt;
&lt;/FORM&gt; &lt;/body&gt;
&lt;/html&gt;

Lui au moins il marche...

Commentaire de marilyn_manson le 23/05/2004 21:00:56

tu ne saurais pas comment faire pour eviter d'avoir des reaparition du bouton quand on bouge la souris?

Commentaire de WindPowa le 23/05/2004 21:02:19

Bah sans doute...

Commentaire de WindPowa le 23/05/2004 21:04:20

Si tu veux un site ou il y a pas mal de fonctions du genre, c'est

http://www.ccim.be/ccim328/js/even.htm
Ca dit pas mal de chose tu y trouveras ton bonheur...

Commentaire de WindPowa le 23/05/2004 21:05:30

Ah mince l'adresse c'était :

http://www.ccim.be/ccim328/js/even.htm#voyelle

Commentaire de WindPowa le 23/05/2004 21:06:48

J'AI UNE IDÉE ! Je vais la mettre dans une autre source car il faut un zip...

Commentaire de marilyn_manson le 24/05/2004 18:37:30

j'ai fait une nouvelle version. venez la voir c dans http://www.javascriptfr.com/code.aspx?ID=23119
c'est pareille sauf que le bouton change de nom

Commentaire de trabi11fr le 25/05/2004 12:14:03

Pour l'apostrophe, il te faut écrire:
alert('je m\'en doutais')
et si tu écris
alert('je m\'en doutais n\petit coquin')
il y aura un retour à la ligne avant "petit coquin"

Commentaire de WindPowa le 25/05/2004 22:07:19

Oui bah lis tous les commentaires avant d'en écrire un nouveau !
J'ai déjà corrigé la faute :P

Commentaire de marilyn_manson le 26/05/2004 15:26:07

porquoi g 2/10 en note?

Commentaire de WindPowa le 26/05/2004 21:46:58

Parce que c'est pas si super comparé aux autres sources !

P.S. : Moi j'ai rien noté alors ne te fache pas contre moi...

Commentaire de boblebricolo le 02/06/2004 19:42:54

Ouai eh ben moi je met 8/10 pour l'originalité. Il est vrai qu'il est assez facile de faire ceci mais d'abord c'est un bon exemple pour les débutants et puis il fallait y penser quand même !!!

Commentaire de Unenlagia le 12/05/2007 22:28:05

Mouhahahahahahahah XD je l'ai modifier pour faire croire que si on clique sur le bouton une photo de moi apparait xD trop fort 10/10 hahahahahahahahahahahahhaahhaah

Commentaire de sabri93270 le 17/08/2010 13:56:46

fat, le mec il s'est crus pgm nimpp

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Apple iPhone 4 Noir (32 Go)
Entre 1290€ et 1333€

Visiter le guide achat

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,624 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)