Trucsweb.com

Trucsweb 1997-2017 - 20 ans de partage.

Javascript

Menu et Navigation

RDFFav

Menu ImageMap - Le most du menu dynamique

Testez ce menu, il faut bien sur avoir quelques notions en graphisme mais la chandelle en vaut la peine. Notez que cette exemple est très simple, et le RollOver peut tout aussi bien se retrouver ailleurs, dans un autre cadre par exemple. Ce qui est exceptionnel avec ce menu, c’est la possibilité d’offrir une centaine de lien dans un tout petit espajavascript menu dynamique rollover réactive pré-chargement images new Image document.imagesm eval src navigator.userAgent switch status function window.location.href onmouseout onmouseover name map area coords shape rect

Testez ce menu, il faut bien sur avoir quelques notions de graphisme mais la chandelle en vaut la peine. Notez que cette exemple est très simple, et le RollOver peut tout aussi bien se retrouver ailleurs, dans un autre cadre par exemple. Ce qui est exceptionnel avec ce menu, c’est la possibilité d’offrir une centaine de liens dans un tout petit espace. Le principe est basé sur un Passe moi d’sus et j’allume (image réactive ou RollOver) conventionnel à la différence qu’une variable est ajustée selon le choix désirez. Ensuite l’autre image est basée sur le système de zone sensible (l’ImageMap) et redirige le choix du visiteur selon la variable en question et un test conditionnel. Il ne reste plus qu’à modifier l’attribut STATUS pour afficher le message désiré... Noter qu’il est possible de faire un deuxième sous-menu tout simplement en fessant la même chose en redondance.

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

  • Dommage que le résultat comme le script ne soit plus en ligne (erreur 404)
    64x64
    Brunerie Sylvain

    Date (GMT) : 2019-06-14 11:58:34 (UTC +0000)
    Date local : Fri Jun 14 2019 13:59:15 GMT+0200 (Europe de l’Oue
    • Ouf, ce tutoriel a déjà 20 ans ! Un peu pas mal dépassé comme script, mais toujours fonctionnel comme quoi le Web n'évolue pas si vite qu'il y parait ;- ) L'exemple fonctionne à nouveau ainsi que le téléchargement du fichier ZIP. Merci.
      64x64
      oznog
      http://www.trucsweb.com
      Date (GMT) : 2019-06-14 15:37:52 (UTC +0000)
      Date local : Fri Jun 14 2019 11:38:35 GMT-0400 (heure d’été de


    Ajouter un commentaire
    Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
    Votre évaluation du tutoriel

           Visites : 22664 - Pages vues : 22669
    X

    Trucsweb.com Connexion

    Connexion

    X

    Trucsweb.com Mot de passe perdu

    Connexion

    X

    Trucsweb.com Conditions générales

    Conditions

    Responsabilité

    La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

    Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

    Droit applicable et juridiction compétente

    Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

    X

    Trucsweb.com Trucsweb

    X

    Trucsweb.com Glossaire

    X

    Trucsweb.com Trucsweb

    X

    Trucsweb.com Trucsweb

    Conditions

    Aucun message!

    Merci.

    X
    Aucun message!
    X

    Trucsweb.com Créer un compte

    Créer un compte

    .
    @