CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

JQuery événement

myhideout
myhideout
Niveau 7
22 mai 2013 à 18:34:17

Salut,

Pseudo supprimé
Pseudo supprimé 22 mai 2013 à 18:36:19

:oui: Oui.

myhideout
myhideout
Niveau 7
22 mai 2013 à 18:38:54

Owned by tab :hap:

J'essaye d'utiliser jquery pour déclencher un événement lorsque je passe la souris sur un bouton, j'ai regardé plusieurs tutos, j'ai essayé avec le sélecteur $("#id") et document.getelementbyid('id), mais je n'arrive à rien .

Voilà ma dernière "création" .

Quelqu'un aurait un exemple avec :
-Les évenements stockés dans un fichier externe
-En Jquery

?

:pf:

myhideout
myhideout
Niveau 7
22 mai 2013 à 18:39:18

http://pastebin.com/uu3WeaP2 * manque le lien :hap:

Pseudo supprimé
Pseudo supprimé 22 mai 2013 à 18:44:08

Salut,

N'hésites pas à lire la doc de jQuery, tu aurais vu comment utiliser hover :

$('#btn').hover(function() {
alert();
});

;)

myhideout
myhideout
Niveau 7
22 mai 2013 à 19:07:20

Mais puisque je vous dit qu'avec moi ça ne fonctionnait pas

:snif2:

Maintenant, avec un script externe .

event.js : http://pastebin.com/7n2TRcdb
test.html : http://pastebin.com/vZt4xCAx

Qu'est ce qui cloche maintenant ? j'ai pourtant bien utilisé $(document).ready(... :(

myhideout
myhideout
Niveau 7
22 mai 2013 à 19:09:02

Oups y'a un "$(doc)" en trop dans mon js, mais il ne change rien quand on l'enlève de toute façon

Thymotep
Thymotep
Niveau 10
22 mai 2013 à 19:44:06

http://api.jquery.com/hover/ :(

$("#btn").hover(
function () {
alert("entrée");
},
function () {
alert("sortie");
}
);

myhideout
myhideout
Niveau 7
22 mai 2013 à 20:06:24

Thymotep : Mais en le mettant dans mon fichier event.js ça ne fonctionne pas .

En cours on a vu qu'il fallait que la page soit entièrement chargée avant de pouvoir affecter certaines évenements à certains objets, d'où mon utilisation de $(document).ready

... Sauf qu'on a pas encore fait le TP dessus :hap: donc la théorie c'est bien.. la pratique c'est pas mal :hap:

Popovitch
Popovitch
Niveau 26
23 mai 2013 à 12:58:10

Enlève les balise <script> dans ton fichier event.js :ok:

myhideout
myhideout
Niveau 7
23 mai 2013 à 18:19:49

ça change rien popovitch :(

Pseudo supprimé
Pseudo supprimé 23 mai 2013 à 18:57:49

C'est quoi ta version de jQuery ?

myhideout
myhideout
Niveau 7
23 mai 2013 à 19:04:08

v2.0.0

Pseudo supprimé
Pseudo supprimé 23 mai 2013 à 19:11:52

Gaffe à ça : http://jquery.com/upgrade-guide/1.9/#hover-pseudo-event

"Le pseudo-élément hover n'est plus utilisé comme raccourci pour les événements mouseneter et mouseleave" dans cette nouvelle mouture (la différence entre 2.0 et 1.9 est la compatibilité du 1.9 avec d'anciennes version d'IE (jusqu'à la 8)).

Quoiqu'il en soit, voici un exemple : http://jsfiddle.net/3HCq5/

myhideout
myhideout
Niveau 7
23 mai 2013 à 21:31:05

Humm ok :hap:

Pour les évenement en mettant le JS dans la page même ça va, par contre, pas moyen de faire fonctionner mes evenements depuis un fichier externe invoqué avec <script src="..." type=...></script> :(
le code veut pas d'executer, j'ai essayé de mettre $(document).ready avant mais ça marche pas, j'ai aussi essayé de ré-inclure jquery dans mon event.js mais ça veut pas marcher, Jquery c'est nul :-((

Pseudo supprimé
Pseudo supprimé 24 mai 2013 à 01:27:53

Rien à voir avec jquery (et tu n'es pas obligé de mettre $(document).ready() ; tu n'est pas obligé de préciser le type dans la balise script aussi si tu es en html5).

Bref, il y a un soucis dans ton procédé, tout simplement. Est-ce que l'adresse de ton fichier est le bon ? Essaie d'héberger tout ça, que je regarde ; ou bien copie-colle tout le contenu de ton js et de ton html.

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware