Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  Sélection de page par champ texte

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de proposer au visiteur de taper le nom d'un fichier qu'il souhaite visualiser, cela peut être utile pour voir un numéro précis d'une revue par exemple.
  Principe
Un champ texte où le visiteur tapera le nom du fichier et une fonction qui reprend cette saisie, l'assemble avec un modèle de nom de fichier et charge la page demandée.
  Le script
dans la partie <head>
<script language="JavaScript">
function navigation() {

// on supposera ici que les fichiers à visualiser sont dans un répertoire 'revue' et se nomment 'direct_1.html, direct_2.html...'
window.location.href = "revue/direct_" + document.formulaire.numero.value + ".html";
}
</script>

dans la partie <body>
<form name="formulaire">
Tapez le numéro de la revue que vous souhaitez voir :
(sont disponible les numéros de 1 à 10)
<input type="text" name="numero" size="5">
<input type="button" value="Voir le numero" OnClick="navigation();">
</form>
  Démonstration
Tapez le numéro de la revue que vous souhaitez voir :
(sont disponible les numéros de 1 à 10)

  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    nav_texte.zip
    4 Ko
    telechargez le script telechargez le script
    Script séparé :
    nav_texte2.zip
    4 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter