Discussion :

[soeursourire]

Bonjour,

J'aimerais pouvoir cliquer sur la font icon à côté de l'input text et avoir un message d'alerte mais rien ne se passe... Je ne comprends pas mon erreur:

Le code html pour l'input text et la font icon à côté:

Code :

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

1
2
3
4
5
6
<div class="recherche">
            <form action='' method='post'>
              <input name='input' placeholder='Recherche ...' type='text' class="recherche-entry"> <!--oninput="alert('Vous venez de saisir du contenu')"-->
              <i class="fa fa-search" aria-hidden="true" id="runSearch" ></i>
            </form>          
          </div>

Dans la même page tout en bas avant le body:

Code :

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

1
2
3
4
5
6
7
 <script>
 
      $(document).ready(function(){
        $( "#runSearch").on('click',function(){
          alert('run');
        });
</script>

Voyez-vous mon erreur? Merci,

[mathieu]

Vous n'avez aucun message d'erreur dans la console ?

[Toufik83]

la fonction $(document).ready() n'est pas fermé :

Code :

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

1
2
3
4
5
 
$(document).ready(function(){
        $( "#runSearch").on('click',function(){
          alert('run');
        });

corrigez votre code ainsi

Code :

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

1
2
3
4
5
6
 
$(document).ready(function(){
        $( "#runSearch").on('click',function(){
          alert('run');
        });
});

[soeursourire]

Ah oui mince c'était tout bête... Et les erreurs on peut les voir ou? Avec l'inspecteur web je ne vois pas ces erreurs? Pour voir les prochaines erreurs..
Merci!

[Toufik83]

le raccourci clavier CTRL+MAJ+I te permet d'afficher l'outil de développement.

[soeursourire]

Ca marche aussi sur Safari? Parce que ça n'a pas l'air de fonctionner chez moi...

[Toufik83]

non pour Safari, il faut allez dans les "préférences" puis l'onglet "avancé" et cochez la case en bas "Afficher le menu de développement dans la barre des menus".
après ce changement normalement vous devriez voir un onglet en haut "Développement", cliquez dessus et choisissez "Afficher la console des erreurs".