Jquerry : Élément qui disparaissent sous Mozilla

Résolu
ElexXVII Messages postés 45 Date d'inscription   Statut Membre Dernière intervention   -  
ElexXVII Messages postés 45 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, je suis un nouveau en JQuerry et je me heurte a un problème,
Voici le code : 
<!DOCTYPE html>
<html>
	<head>
	  <meta charset="UTF-8">
          <title>Test Jquerry</title>
	  <style type="text/css">
		table{margin: auto; height: 10%; width: 55%; border: 2px solid Black;}
		th, td, tr {border: 2px solid black; text-align: center; height: 10%;
        width: 15%;}
		#page {width: 1000px; margin-left: auto; margin-right: auto;}
	  </style>
	</head>
	
	<body>
	<div id="page">	
		
		<form id="formbutton">
		  <input id="Button" type="submit" value="Mettre à jour" name="Add" />
		</form>
		
		<br>
		
		<table>
		  <tr id="Input">
		    <th id="Heure">1</th><th id="Numero">2</th><th id="Temps">3</th>
		  </tr>
		</table>
		
	</div>
		
	 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	 <script>
		
	  $('#formbutton').submit(function(e) {
	    $('#Input').after('<tr><td>0/0</td><td>Elève0</td><td>0:0:0</td></tr>').show();
	    event.preventDefault();
	  });
			
	 </script>
	</body>
Donc quand j'appuie sur le bouton, sur Chrome, le tableau se remplie ligne par ligne a chaque fois alors que sur Mozilla il n'y a qu'une seule ligne qui s'affiche puis s'efface ...

Ce que je voudrais faire c'est de rajouter une ligne à chaque fois que j'appuie sur le bouton, mais je ne sais pas si c'est une erreur au niveau de chrome (il laisse afficher alors qu'il ne devrais pas ?) ou au niveau de Mozilla (il ne laisse pas afficher alors qu'il devrais ?).

Le but étant que ça fonctionne sur les deux, je ne sais pas comment regler le problème, merci a ceux qui me reponderons ;)
Bye

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,
Il faut mettre "event" dans les arguments de la fonction... pas seulement "e" 
$('#formbutton').submit(function(event) {
  $('#Input').after('<tr><td>0/0</td><td>Elève0</td><td>0:0:0</td></tr>');
  event.preventDefault();
});


... mais bon... je ne vois pas l’intérêt de passer par un submit ... alors qu'un simple "onclick" suffirait....




Cordialement, 
Jordane                                                                 
0
ElexXVII Messages postés 45 Date d'inscription   Statut Membre Dernière intervention   1
 
Merci, c’était en fait tout bête :D
Euh, je ne connais pas "onclick", je vais faire des recherches et essaies ...
Encore Merci ;)
0