Bonjour,

J'ai créé une jauge interactive permettant l'affichage de la valeur en temps réel, sur Firefox je n'ai aucun souci.

<script type='text/javascript'>
				$(function() 
				{
					$('.range').next().text('Choisissez votre note'); // Valeur par défaut
					$('.range').on('input', function() 
					{
						var $set = $(this).val();
						$(this).next().text($set);
					});
				});
			</script>
			
			<section class="col-md-offset-1 col-md-10" style="padding-top : 20px;">	<!-- cré une section et classe permettant de sauter 1 colonne et de prendre les 10 autres colonnes suivantes -->
				<div class="slideExpandUp"><p><h2 style="text-align : left;">5. De quoi auriez-vous besoin pour progresser ?<span style="color:red;">*</span></h2></p></div>	<!-- écrire du texte et permet de créer une animation d'apparition de droite vers la gauche de mettre en paragraphe et de styliser avec la balise h1 + le css lié à la balise -->
				<div class="well">	<!-- classe permettant de faire un encadré stylisé de tout ce qu'il y a à l'intérieur -->
					<legend style="text-align : center;">Une seule réponse possible par ligne</legend>	<!-- permet de mettre le texte au centre et de le mettre en évidence grâce à la balise légend -->
					<fieldset>	 <!-- permet de regrouper plusieurs éléments du formulaire -->
						<div class="row">
							<div class="col-xs-offset-1 col-xs-10">
								<input type="range" class="range" name="service" min="0" max="10" step="1" value="5"/>
								Votre note est : <output name="result" style="font-size:32px;"></output>
							</div>
						</div>
					</fieldset>
				</div>
			</section>

Quand je suis sur IE j'ai juste le message par défaut "Choisissez votre note", j'ai beau bouger la jauge le message ne change pas en la valeur du curseur sur la jauge contrairement à Firefox, vous avez une idée de comment faire pour adapter sur IE juste pour faire l'affichage de la valeur.

Merci par avance,

Cdlt,

Panam

-
Edité par p@n@m 25 juillet 2016 à 11:43:56