Jquerry : Élément qui disparaissent sous Mozilla

Résolu/Fermé

ElexXVII Messages postés 45 Date d'inscription dimanche 10 août 2014 Statut Membre Dernière intervention 1 juillet 2017 - 6 févr. 2016 à 13:20
ElexXVII Messages postés 45 Date d'inscription dimanche 10 août 2014 Statut Membre Dernière intervention 1 juillet 2017 - 6 févr. 2016 à 14:03

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 38174 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 13 mai 2024 4 665
Modifié par jordane45 le 6/02/2016 à 13:44

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

ElexXVII Messages postés 45 Date d'inscription dimanche 10 août 2014 Statut Membre Dernière intervention 1 juillet 2017 1
6 févr. 2016 à 14:03

Merci, c’était en fait tout bête :D
Euh, je ne connais pas "onclick", je vais faire des recherches et essaies ...
Encore Merci ;)

Newsletters