Discussion :

[Danwan]

Je copie colle seulement sans modifier ?

Car une fois copié collé, plus rien ne fonctionne

Merci encore

[SpaceFrog]

Code :

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

$('button#ajouter')

Un id est unique ...

Code :

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

$('#ajouter')

suffit amplement !

[Toufik83]

tu garde ton code comme il est, t'ajoute juste :

Code :

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

1
2
3
4
5
6
 
     .keydown(function(e){
        if (e.keyCode == 13) {
           $('#ajouter').submit();
        }
     });

après LA FIN de $(document).ready(), pour avoir finalement un truc du genre :

Code jQuery :

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

1
2
3
4
5
6
7
 
$(document).ready(function(){ton ancien code...})
                  .keydown(function(e){
                    if (e.keyCode == 13) {
                      $('#ajouter').submit();
                    }
              });

[Danwan]

Je suis désolé Toufik83, j'ai honte.... mais je comprends pas

Quoi mettre dans "ton ancien code...", si je n'ai pas de code initial ?

Je cherche justement à binder la touche entre sur le bouton ajouter quand le curseur clignote sur l'input...

Encore désolé et merci

[Toufik83]

ben après que tu nous a montré ton code complet, nous l'avons modifié je pense :

Code jQuery :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
var $span = $("#nombreid"),
  $button = $("#ajouter"),
  $buttoni = $("#supprbtni"),
  $ul = $("#id-liens"),
  $title = $('#id-titre');
 
function compteID() {
  if (localStorage.getItem('id-abo')) { //get items from local storage
    $ul.html(localStorage.getItem('id-abo'));
    $span.html("<p>Storage dèja sauvegardé, Nbr li est :" + $("#id-liens li").length + "</p>");
  } else {// le storage n'existe pas encore
    $span.html("<p>Storage non sauvegardé, Nbr li est :" + $("#id-liens li").length + "</p>");
  }
 
}
 
$(document).ready(function() {
  compteID();// compter les li (avec ou sans localStorage)
  // add nwe item
  $button.click(function() {
    //add new item
    $ul.append('<li><a href="' + $title.val() + '" target="_blank">' + $title.val() + '</a><i  style="margin-right: 0px;" class="fa fa-check-circle supprbtn">Supprimer</i></li>');
    $span.text("Nbr li dans #id-liens APRES ajout est :" + $("ul#id-liens li").length);
    //save changes to localstorage
    localStorage.setItem('id-abo', $ul.html());
 
    //reset form
    $title.val("");
    $(this).slideToggle(100); // .ajouter-id et pas #ajouter-id, ou tu peux mettre tout simplement $(this), vu qu'on est sous la fonction $button.click().
                                        // mais il va falloir ré-afficher ce bouton pour permettre l'ajout des autres li...
  });
 
  //remove item
  $ul
    .on('click', '.supprbtn', function() {
      $(this).parents("li").remove();
      //save changes to localstorage
      localStorage.setItem('id-abo', $ul.html());
      compteID(); // on recompte les li après suppression.
    })
    .on("click", "li a", function() {
      alert($(this).attr("href"));
      return false; // empêcher le navigateur de suivre le href.
    });
 
})/* le keydown doit etre ici */
.keydown(function(e){
   if(e.keyCode==13){
         alert("Entrer");
         $("#ajouter").submit();//cette ligne ne donnera rien, par-ce que le bouton est de type button et pas de type submit.
     }
});

[Danwan]

c'est parfait. tout fonctionne parfaitement....

c'est beau...

Merci Toufik83 !

[Toufik83]

de rien,n'hésite pas si tu as d'autres questions.