Saisir un mot clé pour afficher une page html
Nikokoko
Messages postés
5
Statut
Membre
-
Nikokoko Messages postés 5 Statut Membre -
Nikokoko Messages postés 5 Statut Membre -
Salut,
Je réfléchis à un concept de site web et j'aurais voulu avoir un renseignement.
Je me demande si il est possible d'afficher une page web en écrivant un mot clé dans un champ de texte ?
J'écris "Accueil" et le site me dirige vers la page "accueil" en gros ...
Si oui, comment celà fonctionne t'il ?
Merci !
Je réfléchis à un concept de site web et j'aurais voulu avoir un renseignement.
Je me demande si il est possible d'afficher une page web en écrivant un mot clé dans un champ de texte ?
J'écris "Accueil" et le site me dirige vers la page "accueil" en gros ...
Si oui, comment celà fonctionne t'il ?
Merci !
5 réponses
-
Salut,
Je crois que ce que tu dis est possible. Il faudrait pour cela utiliser du javascript et plus precisement du ajax.
tu as une zone html :
<div id='contenu'></div>
et le contenu de ce div varira en fonction de la saisi de texte controler a chaque pression sur le clavier. -
Merci pour ta réponse, je vais continuer à chercher de ce côté là ;)
-
http://www.tizag.com/javascriptT/javascript-innerHTML.php
Un début de réponse pour ceux que ça intéresse. -
Utilise le framework jquery ...
tu inclus jquery et ensuite tu auras :<input type'text' id='mot_clef' /> <div id='contenu'></div>
el dans le javascript tu auras :$(document).ready(function(){ $('#mot_clef').keyup(function() { if ($('#mot_clef').val() == 'accueil') $('#contenu').html('accueil.html'); else if if ($('#mot_clef').val() == 'test') $('#contenu').html('test.html'); }); }); -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
C'est juste comme celà ?
<script type=" text/javascript " src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
$(document).ready(function(){
$('#mot_clef').keyup(function() {
if ($('#mot_clef').val() == 'accueil')
$('#contenu').html('accueil.html');
else if ($('#mot_clef').val() == 'test')
$('#contenu').html('test.html');
});
});
</script>