Joomladay francophone 2018 à Paris 18 et 19 mai

Image Map dans un article

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] Image Map dans un article

    Bonjour ,avant tout je suis débutant sous Joomla

    Je voudrais inséré une image ou différentes parties sont cliquablent dans un des mes articles
    cependant lorsque j'insère le code dans la partie HTML - JCE me supprime
    les balises MAP et AREA disparaissent

    Code Inséré
    Code:
    <IMG height=285 src="/plan_1809.gif" width=355 useMap=#plan_1809 border=0 name=plan_1809>
    <BR>
    <STRONG>Cadastre de 1809</STRONG>
    <BR>Cliquez sur la commune que vous désirez consulter
    <MAP name=plan_1809>
    	<AREA shape=POLY alt="Saint André d'Ornay" coords=176,258,123,89,103,95,90,59,57,65,12,97,24,140 href="lien1">
    	<AREA shape=POLY alt=Napoléon coords=210,30,226,18,209,2,183,4,97,68,105,91,123,86,158,188 href="lien2">
    	<AREA shape=POLY alt="Château Fromage" coords=315,206,299,193,302,164,281,143,246,131,256,95,296,71,337,99,316,149,352,185 href="lien3">
    	<AREA shape=POLY alt="Le Bourg sous Napoléon" coords=208,283,314,206,298,194,301,163,280,145,243,132,255,95,281,76,235,22,213,33,160,192,180,262 href="lien4">
    </MAP>
    Code après validation
    Code:
    <img src="plan_1809.gif" border="0" width="355" height="285" name="plan_1809" />
    <br />
    <strong>Cadastre de 1809</strong>
    <br />Cliquez sur la commune que vous désirez consulter
    J'avoue que je ne sait pas pourquoi ça me modifie mon code surtout que celui-marche deja ailleurs et que j'ai vu en cherchant sur le net que cela était possible sous Joomla

    Ma config est un serveur local Wamp5 - Joomla 1.5 - template BEEZ modifié

    D'avance merci

  • #2
    soit tu désactive l'éditeur dans ta configuration, tu fais ta page et tu sauvegardes.

    tu pourras réactiver l'éditeur ensuite

    soit tu mets les balises map et area en liste blanche dans la config de l'éditeur

    apparté

    les balises et les attributs ça s'écrit en minuscule, on n'est plus au temps de html 3

    Règles syntaxiques

    Commentaire


    • #3
      Bonjour ,

      Merci pour la réponse

      Pour se qui est des balises en Majuscules j'avoue que je ne le savait pas deplus je les importées d'un ancien code de mon prédéceur j'ai donc rectifié.

      Pour les balises je vais essayer en mettant dans la liste blanche . Pour l'instant j'ai inséré directement dans la BDD MySQL et du coup la ca marche mais c'est pas trés pratique comme solution.

      Commentaire


      • #4
        Bonjour,

        Je viens de lire qu'il faut ajouter les balises dans la liste blanche mais comment accède-t-on à cette liste blanche ? Que faut-il y mettre exactement ?

        J'ai bien tester l'autre solution (pas d'éditeur pour insérer le code HTML), elle fonctionne mais n'est pas optimale car on retombe sur le même problème dès qu'on entre à nouveau sur l'article avec l'éditeur...

        Merci de votre aide. Je ne suis pas encore très expérimentée dans la création de site... mais ça va venir !

        Sévy34.

        Commentaire


        • #5
          Personne n'a de solution pour m'aider ???

          Sévy34.

          Commentaire


          • #6
            Bonsoir ,

            J'avoue n'avoir pas réussi à passer par la liste blanche et être passer par la désactivation de l'éditeur car dans rmon cas le site et relativement statique De plus il se trouve que je n'avait que quelque cas à traiter.

            Désolé .

            Je referait un test demain au taf si tu veux.

            Commentaire


            • #7
              Merci.
              Si quelqu'un a un jour la solution... Je suis preneuse !

              Sévy34

              Commentaire


              • #8
                Bonjour,

                Je relance le sujet car j'ai exactement le même problème...

                Envoyé par Sevy34 Voir le message
                Bonjour,

                Je viens de lire qu'il faut ajouter les balises dans la liste blanche mais comment accède-t-on à cette liste blanche ? Que faut-il y mettre exactement ?

                J'ai bien tester l'autre solution (pas d'éditeur pour insérer le code HTML), elle fonctionne mais n'est pas optimale car on retombe sur le même problème dès qu'on entre à nouveau sur l'article avec l'éditeur...

                Merci de votre aide. Je ne suis pas encore très expérimentée dans la création de site... mais ça va venir !

                Sévy34.

                Quelqu'un peut-il nous dire comment modifier cette "liste blanche" ?

                Est-ce que cela se trouve au niveau de l'init de tiny ? (après le code : tinyMCE.init({)
                dans ce cas il faudrait ajouter uniquement la balise map, ou aussi area ??
                mes divers tests n'ont pas marché...


                Merci de votre réponse !

                Commentaire


                • #9
                  la liste blanche se règle dans les paramètres de la gestion des articles

                  Commentaire


                  • #10
                    résolu pour moi

                    Merki mon lapinou!

                    ta méthode doit marcher (effectivement il y a 2 champs, "Filtrer les balises" et "Filtrer les attributs", à mettre en liste blanche ou noire)

                    mais je viens de réussir ma modification du tiny
                    je vous l'indique ça peut vous être utile :

                    - un fichier à modifier :
                    /plugins/editors/tinymce.php

                    - ajout des balises et des attributs dans le "extended_valid_elements :" (vers ligne 307)
                    map[class|name],area[shape|coords|href|title]
                    et ajout dans img de : usemap

                    cela permet d'autoriser uniquement certains attributs pour des balises données


                    Bonne journée.

                    Commentaire


                    • #11
                      Je suis désolé je n'ai absoluement pas eu le temps de regarder alors que je l'avait proposé

                      ceci dit merci à lapin7 et laurent36 d'avoir repondu et fait vivre se Post

                      Commentaire


                      • #12
                        Salut, j'ai un peu de retard sur le sujet mais tu peux utiliser le plugin HTMLmap. Je l'ai utilisé pour intégrer une map cliquable et ça fonctionne très bien

                        Commentaire


                        • #13
                          marche niquel
                          Dernière édition par Minikeys à 25/06/2009, 10h38

                          Commentaire


                          • #14
                            Et pour ceux qui veulent perfectionner un ptit peu leur map, y'a possibilité d'ajouter des images différentes en fonction de la zone survolée. Idéal pour créer un petit effet bien sympathique

                            Commentaire


                            • #15
                              Envoyé par NagasH Voir le message
                              Et pour ceux qui veulent perfectionner un ptit peu leur map, y'a possibilité d'ajouter des images différentes en fonction de la zone survolée. Idéal pour créer un petit effet bien sympathique
                              à moi je suis intéressé, si tu pourrais m'aider sa serais sympa

                              Commentaire

                              Annonce

                              Réduire
                              1 sur 2 < >

                              C'est [Réglé] et on n'en parle plus ?

                              A quoi ça sert ?
                              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                              Comment ajouter la mention [Réglé] à votre discussion ?
                              1 - Aller sur votre discussion et éditer votre premier message :


                              2 - Cliquer sur la liste déroulante Préfixe.

                              3 - Choisir le préfixe [Réglé].


                              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                              2 sur 2 < >

                              Assistance au forum - Outil de publication d'infos de votre site

                              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                              UTILISER À VOS PROPRES RISQUES :
                              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                              Problèmes connus :
                              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                              Installation :

                              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                              Archive zip : https://github.com/AFUJ/FPA/zipball/master

                              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                              et remplacer www. votresite .com par votre nom de domaine


                              Exemples:
                              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/
                              Pour executer le script: http://www..com/fpa-fr.php

                              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/cms/
                              Pour executer le script: http://www..com/cms/fpa-fr.php

                              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                              Voir plus
                              Voir moins
                              Travaille ...
                              X