[javascript] chercher un mot dans une phrase

Fermé

aoline Messages postés 2 Date d'inscription vendredi 27 janvier 2012 Statut Membre Dernière intervention 27 janvier 2012 - 27 janv. 2012 à 14:20
matthoffman Messages postés 405 Date d'inscription lundi 24 mars 2008 Statut Membre Dernière intervention 22 janvier 2013 - 28 janv. 2012 à 00:28

Bonjour,

Je cherche une function javascript simple permettant de recherché un mot dans une phrase récupérer grâce à un input avec "x-webkit-speech" ( fonction de google chrome)sur un site en html5 et d'affiché une petite phrase si le mot est effectivement dans la phrase ou non.

J'aimerai que pour par exemple la première question quand on prononce une phrase la function arrive a reconnaître le mot "chat" dans le phrase, car pour le moment s'il n'y a pas que un mot ça met directement réponse fausse

Merci pour vos réponse

P.S. : c'est assez urgent j'en ai besoin pour mon projet de fin d'année.

voici mes codes

//reconnaissance vocale.html

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" href="style.css" />
    <title>Speech</title>
</head>

<body>
	<object data='reco_vocale.html' type="text/html" width="400" height="350"></object>
	
	<object data='reco_vocale1.html' type="text/html" width="400" height="350"></object>
</body>
</html>

//reco_vocale.html

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" href="style.css" />
    <title>Speech</title>
</head>
<script type="text/javascript" charset="utf-8">
	function onChange() {
		var reponse=document.getElementById('speechInput');
		if (reponse.value == 'chat') {				/* Placez entre cote ('........') la réponse à la question  */
		correct();       								/* Placez entre cote ('.......') le message si la réponse est exact  */
		} else if(reponse.value =='') {
		vide();											/* Placez entre cote('.......') le message si la réponse n'a pas été saisie */
		} else if(reponse.value != 'chat'){				
		incorrect();									/* Placez entre cote ('.......') message si la réponse est incorrect */
		}
	}
	
	function correct(){
	document.getElementById('Resultat').innerHTML = 'Bonne réponse'; 
	}
	
	function incorrect(){
	document.getElementById('Resultat').innerHTML = 'réponse fausse, réessaie !';
	}
	
	function vide(){
	document.getElementById('Resultat').innerHTML = 'tu as oublié de répondre !';
	}
</script>


<body>
	<p><h3>Quel animal est représenté par l'image ?</h3></br></br>			<!-- Placez ici votre question -->
	<img src="images/chat.gif" title="Miaw !" /></p>				<!-- Ici l'image, si nécessaire -->
    <input id="speechInput" type="text" lang="fr" style="font-size:25px;" x-webkit-speech onchange="javascript:onChange()" title="Cliquez sur le micro puis parlez"/>		<!-- Ceci va affiché l'élément pour la reconnaissance vocale -->
	<div id='Resultat'></div>			<!-- Ici va s'affiché votre message si la réponse est juste ou fausse -->
	
	
</body>
</html>

//reco_vocale1.html

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" href="style.css" />
    <title>Speech</title>
</head>
<script type="text/javascript" charset="utf-8">
	function onChange() {
		var reponse=document.getElementById('speechInput');
		if (reponse.value == 'berlin') {				/* Placez entre cote ('........') la réponse à la question  */
		correct();										/* Placez entre cote ('.......') le message si la réponse est exact  */
		} else if(reponse.value == ''){
		vide();											/* Placez entre cote('.......') le message si la réponse n'a pas été saisie */
		} else if(reponse.value != 'berlin') {
		incorrect();									/* Placez entre cote ('.......') message si la réponse est incorrect */
		}
	}
	
	function correct(){
	document.getElementById('Resultat').innerHTML = 'Bonne réponse'; 
	}
	
	function incorrect(){
	document.getElementById('Resultat').innerHTML = 'réponse fausse, réessaie !';
	}
	
	function vide(){
	document.getElementById('Resultat').innerHTML = 'tu as oublié de répondre !';
	}
</script>


<body>
	<p><h3>Dans quel ville se trouve ce bâtiment ?</h3></br></br>			<!-- Placez ici votre question -->
	<a href="images/berlin-porte-brandebourg.jpg"><img src="images/berlin-porte-brandebourg_mini.jpg" title="Cliquez pour agrandir" /></a></br></p>		<!-- Ici  on trouve une image puis l'image en miniature ce qui permet d'avoir l'image en petit format puis en cliquant dessus l'image en format original -->
    <input id="speechInput" type="text" lang="fr" style="font-size:25px;" x-webkit-speech onchange="javascript:onChange()" title="Cliquez sur le micro puis parlez"/>		<!-- Ceci va affiché l'élément pour la reconnaissance vocale -->
	<div id='Resultat'></div>			<!-- Ici va s'affiché votre message si la réponse est juste ou fausse -->
	
</body>
</html>

A voir également:

[javascript] chercher un mot dans une phrase
Trousseau mot de passe iphone - Guide
Mot de passe - Guide
Voir mot de passe wifi android - Guide
Mot de passe administrateur - Guide
Mettre un mot de passe sur un dossier - Guide

2 réponses

Réponse 1 / 2

matthoffman Messages postés 405 Date d'inscription lundi 24 mars 2008 Statut Membre Dernière intervention 22 janvier 2013 47
27 janv. 2012 à 16:20

Bonjour,
Quelque chose comme ca? :

phrase.search(/chat/gi)

Réponse 2 / 2

aoline Messages postés 2 Date d'inscription vendredi 27 janvier 2012 Statut Membre Dernière intervention 27 janvier 2012
27 janv. 2012 à 16:24

mais il faudrait que je mette ça où, ou à la place de quoi pour que cela fonctionne ?
j'ai essayé plusieurs chose j'ai essayé aussi avec le .search mais j'arrive à rien...

matthoffman Messages postés 405 Date d'inscription lundi 24 mars 2008 Statut Membre Dernière intervention 22 janvier 2013 47
28 janv. 2012 à 00:28

Ba ca devrait pas être compliqué a savoir ou mettre!
C'est simple la fonction te renvoi la position de l'occurence trouvée.

Donc si la fonction renvoie -1 c'est que "chat" n'a pas été trouvé dans ta phrase
Autrement, ca veut dire que "chat" a été trouvé dans ta phrase.

Donc voila après selon ce que tu veux faire a toi de savoir ou placer ton appel a la fonction.

Discussions similaires

présentation en-tête