Tutoriel : Ajouter une carte de France

Proposez ici vos templates, vos plugins ou demandez en un.
Tous les tutoriels disponibles pour Arfooo Annuaire sont disponible dans cette rubrique

Tutoriel : Ajouter une carte de France

Messagede vtt » Jeu 12 Mai 2011 03:01

Bonjour,

Voici la solution pour ajouter une carte de France...

1 - Télécharger "carte_france_ligams_v2.zip" http://www.ligams.com/Publications/Serveur-Web/Carte-de-France-Flash-v2

2 - Ajouter les fichiers à la racine "www" data.xml et france.swf

3 - Récupérer ce fichier http://www.gmarwaha.com/jquery/jcarousellite/js/jcarousellite_1.0.1.min.js
Ajouter le fichier dans le répertoire arfooo/javascript/jcarousellite_1.0.1.min.js

4 - Ajouter dans header.tpl

après la ligne

Code: Tout sélectionner
<script type="text/javascript" src="{'/javascript/main/loadSearchEngine.js'|resurl}"></script>


Ajouter le code

Code: Tout sélectionner
<script type="text/javascript" src="{'/javascript/jquery/cartefrance.js'|resurl}"></script>
<script type="text/javascript" src="{'/templates/arfooo/javascript/jcarousellite_1.0.1.min.js'|resurl}" ></script>


5 - Copier le code suivant et enregistrer sous le nom cartefrance.js

ajouter le fichier cartefrance.js dans le répertoire www/javascript/jquery/cartefrance.js

Code: Tout sélectionner
//v1.7
// Flash Player Version Detection
// Detect Client Browser type
// Copyright 2005-2008 Adobe Systems Incorporated.  All rights reserved.
var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
function ControlVersion()
{
   var version;
   var axo;
   var e;
   // NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
   try {
      // version will be set for 7.X or greater players
      axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
      version = axo.GetVariable("$version");
   } catch (e) {
   }
   if (!version)
   {
      try {
         // version will be set for 6.X players only
         axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
         
         // installed player is some revision of 6.0
         // GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
         // so we have to be careful.
         
         // default to the first public version
         version = "WIN 6,0,21,0";
         // throws if AllowScripAccess does not exist (introduced in 6.0r47)      
         axo.AllowScriptAccess = "always";
         // safe to call for 6.0r47 or greater
         version = axo.GetVariable("$version");
      } catch (e) {
      }
   }
   if (!version)
   {
      try {
         // version will be set for 4.X or 5.X player
         axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
         version = axo.GetVariable("$version");
      } catch (e) {
      }
   }
   if (!version)
   {
      try {
         // version will be set for 3.X player
         axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
         version = "WIN 3,0,18,0";
      } catch (e) {
      }
   }
   if (!version)
   {
      try {
         // version will be set for 2.X player
         axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
         version = "WIN 2,0,0,11";
      } catch (e) {
         version = -1;
      }
   }
   
   return version;
}
// JavaScript helper required to detect Flash Player PlugIn version information
function GetSwfVer(){
   // NS/Opera version >= 3 check for Flash plugin in plugin array
   var flashVer = -1;
   
   if (navigator.plugins != null && navigator.plugins.length > 0) {
      if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
         var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
         var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
         var descArray = flashDescription.split(" ");
         var tempArrayMajor = descArray[2].split(".");         
         var versionMajor = tempArrayMajor[0];
         var versionMinor = tempArrayMajor[1];
         var versionRevision = descArray[3];
         if (versionRevision == "") {
            versionRevision = descArray[4];
         }
         if (versionRevision[0] == "d") {
            versionRevision = versionRevision.substring(1);
         } else if (versionRevision[0] == "r") {
            versionRevision = versionRevision.substring(1);
            if (versionRevision.indexOf("d") > 0) {
               versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
            }
         }
         var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
      }
   }
   // MSN/WebTV 2.6 supports Flash 4
   else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
   // WebTV 2.5 supports Flash 3
   else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
   // older WebTV supports Flash 2
   else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
   else if ( isIE && isWin && !isOpera ) {
      flashVer = ControlVersion();
   }   
   return flashVer;
}
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
   versionStr = GetSwfVer();
   if (versionStr == -1 ) {
      return false;
   } else if (versionStr != 0) {
      if(isIE && isWin && !isOpera) {
         // Given "WIN 2,0,0,11"
         tempArray         = versionStr.split(" ");    // ["WIN", "2,0,0,11"]
         tempString        = tempArray[1];         // "2,0,0,11"
         versionArray      = tempString.split(",");   // ['2', '0', '0', '11']
      } else {
         versionArray      = versionStr.split(".");
      }
      var versionMajor      = versionArray[0];
      var versionMinor      = versionArray[1];
      var versionRevision   = versionArray[2];
           // is the major.revision >= requested major.revision AND the minor version >= requested minor
      if (versionMajor > parseFloat(reqMajorVer)) {
         return true;
      } else if (versionMajor == parseFloat(reqMajorVer)) {
         if (versionMinor > parseFloat(reqMinorVer))
            return true;
         else if (versionMinor == parseFloat(reqMinorVer)) {
            if (versionRevision >= parseFloat(reqRevision))
               return true;
         }
      }
      return false;
   }
}
function AC_AddExtension(src, ext)
{
  if (src.indexOf('?') != -1)
    return src.replace(/\?/, ext+'?');
  else
    return src + ext;
}
function AC_Generateobj(objAttrs, params, embedAttrs)
{
  var str = '';
  if (isIE && isWin && !isOpera)
  {
    str += '<object ';
    for (var i in objAttrs)
    {
      str += i + '="' + objAttrs[i] + '" ';
    }
    str += '>';
    for (var i in params)
    {
      str += '<param name="' + i + '" value="' + params[i] + '" /> ';
    }
    str += '</object>';
  }
  else
  {
    str += '<embed ';
    for (var i in embedAttrs)
    {
      str += i + '="' + embedAttrs[i] + '" ';
    }
    str += '> </embed>';
  }
  document.write(str);
}
function AC_FL_RunContent(){
  var ret =
    AC_GetArgs
    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
     , "application/x-shockwave-flash"
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}
function AC_SW_RunContent(){
  var ret =
    AC_GetArgs
    (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
     , null
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}
function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
  var ret = new Object();
  ret.embedAttrs = new Object();
  ret.params = new Object();
  ret.objAttrs = new Object();
  for (var i=0; i < args.length; i=i+2){
    var currArg = args[i].toLowerCase();   
    switch (currArg){   
      case "classid":
        break;
      case "pluginspage":
        ret.embedAttrs[args[i]] = args[i+1];
        break;
      case "src":
      case "movie":   
        args[i+1] = AC_AddExtension(args[i+1], ext);
        ret.embedAttrs["src"] = args[i+1];
        ret.params[srcParamName] = args[i+1];
        break;
      case "onafterupdate":
      case "onbeforeupdate":
      case "onblur":
      case "oncellchange":
      case "onclick":
      case "ondblclick":
      case "ondrag":
      case "ondragend":
      case "ondragenter":
      case "ondragleave":
      case "ondragover":
      case "ondrop":
      case "onfinish":
      case "onfocus":
      case "onhelp":
      case "onmousedown":
      case "onmouseup":
      case "onmouseover":
      case "onmousemove":
      case "onmouseout":
      case "onkeypress":
      case "onkeydown":
      case "onkeyup":
      case "onload":
      case "onlosecapture":
      case "onpropertychange":
      case "onreadystatechange":
      case "onrowsdelete":
      case "onrowenter":
      case "onrowexit":
      case "onrowsinserted":
      case "onstart":
      case "onscroll":
      case "onbeforeeditfocus":
      case "onactivate":
      case "onbeforedeactivate":
      case "ondeactivate":
      case "type":
      case "codebase":
      case "id":
        ret.objAttrs[args[i]] = args[i+1];
        break;
      case "width":
      case "height":
      case "align":
      case "vspace":
      case "hspace":
      case "class":
      case "title":
      case "accesskey":
      case "name":
      case "tabindex":
        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
        break;
      default:
        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
    }
  }
  ret.objAttrs["classid"] = classid;
  if (mimeType) ret.embedAttrs["type"] = mimeType;
  return ret;
}
// -->


6 - Ajouter le code suivant dans la page index.tpl

Après la ligne
Code: Tout sélectionner
{include file="includes/header.tpl" title=$setting.siteTitle|htmlspecialchars includeSearchEngine=true}

{displayAd place="overCategories"} 


Ajouter le code

Code: Tout sélectionner
<div class="title_h_2">
<h2>La carte de France</h2>
</div>
<div class="column_in">
<center>
<script language="JavaScript" type="text/javascript">
   AC_FL_RunContent(
      'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
      'width', '500',
      'height', '570',
      'src', 'france',
      'quality', 'medium',
      'pluginspage', 'http://www.adobe.com/go/getflashplayer_fr',
      'align', 'middle',
      'play', 'true',
      'loop', 'true',
      'scale', 'showall',
      'wmode', 'window',
      'devicefont', 'false',
      'id', 'france',
      'wmode', 'transparent',
      'bgcolor', '#ffffff',
      'name', 'france',
      'menu', 'true',
      'allowFullScreen', 'false',
      'allowScriptAccess','sameDomain',
      'movie', 'france',
      'salign', ''
      ); //end AC code
</script>
<noscript>
   <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="500" height="570" id="france" align="middle">
   <param name="allowScriptAccess" value="sameDomain" />
   <param name="allowFullScreen" value="false" />
   <param name="movie" value="france.swf" /><param name="quality" value="medium" /><param name="bgcolor" value="#ffffff" />   <embed src="france.swf" quality="medium" bgcolor="#ffffff" width="500" height="570" name="france" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_fr" />
   </object>
</noscript>
</center>
</div>


7 - Pour modifier la couleur de la carte et entrer les URL " voir fichier data.xml "

:arrow: exemple : http://www.annuaire-cycliste.com Annuaire en cours...

;)
Dernière édition par vtt le Mer 18 Mai 2011 17:55, édité 1 fois.
vtt
 
Messages: 90
Inscription: Dim 21 Nov 2010 15:50


Re: Tutoriel : Ajouter une carte de France

Messagede Grafidiz » Jeu 12 Mai 2011 07:04

merci pour ce partage ... jeune travailleur infatiguable :)
Templates Arfooo Premium
http://www.grafidiz.com
Grafidiz
 
Messages: 304
Inscription: Ven 1 Mai 2009 17:28

Re: Tutoriel : Ajouter une carte de France

Messagede Hexa-67 » Jeu 12 Mai 2011 07:44

Merci, c'est très sympa ce partage!
Avatar de l’utilisateur
Hexa-67
 
Messages: 966
Inscription: Lun 1 Mar 2010 17:59

Re: Tutoriel : Ajouter une carte de France

Messagede Angra-Mainyu » Sam 14 Mai 2011 06:09

Excellent ça.
J'ai une partie de mon site qui utilise le script de carousel et je pensais me tourner vers France Map mais ce sera peut être une alternative plus pratique que tu nous propose la.

J'arrive sur le point ou je vais pouvoir utiliser un bout de mon annuaire, on verra ce que cela donnera plus tard.
En tout cas, je note les sources :P
Angra-Mainyu
 
Messages: 455
Inscription: Dim 14 Sep 2008 23:37

Re: Tutoriel : Ajouter une carte de France

Messagede spartacus » Sam 30 Juil 2011 09:42

Superbe !

Mais quel galère s'il faut entrer manuellement les données dans le fichier data.xml

Il faudrait pouvoir le générer automatiquement comme le sitemap.xml

A étudier.

Amicalement,

Spart
spartacus
 
Messages: 4
Inscription: Mer 27 Juil 2011 19:11

Re: Tutoriel : Ajouter une carte de France

Messagede cleweb » Ven 19 Oct 2012 22:56

Merci beaucoup C'est impeccable et fonctionne sans soucis

est il possible d'ajouter la carte dans certaines catégories de l'annuaire ?

clairement j'ai un annuaire avec des sites physiques et des sites online. J'aurai bien affiché la carte interactive dans la catégorie des sites physiques en plus de l index
cleweb
 
Messages: 31
Inscription: Dim 20 Avr 2008 10:47

Re: Tutoriel : Ajouter une carte de France

Messagede aiel62 » Dim 12 Mar 2017 19:52

Bonjour,

Moi quand je clique sur la carte ça redirige vers le site du concepteur http://www.ligams.com/

et pas sur mon annuaire http://www.annuaire-web-france.fr
aiel62
 
Messages: 94
Inscription: Sam 24 Déc 2011 18:03

Recherche par département ou région

Messagede aiel62 » Dim 12 Mar 2017 23:12

Oui mais ensuite il faudrait peur être ajouter un champ région dans soumission ou en fonction du code postal
aiel62
 
Messages: 94
Inscription: Sam 24 Déc 2011 18:03

Re: Tutoriel : Ajouter une carte de France

Messagede aiel62 » Mar 14 Mar 2017 12:56

Comment dire dans les critère de recherche d'afficher les site web dont le code postal commence par.
merci
aiel62
 
Messages: 94
Inscription: Sam 24 Déc 2011 18:03

Re: Tutoriel : Ajouter une carte de France

Messagede aiel62 » Sam 8 Avr 2017 13:40

J ai mis en place la carte sauf erreur il manque le département de Mayotte y est pas et pourquoi les dom tom sont pas cliquable ?
merci
aiel62
 
Messages: 94
Inscription: Sam 24 Déc 2011 18:03


Retourner vers Templates, plugins et tutoriels

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

 
Copyright © arfooo.com  2007 - 2011  -  Tous droits réservés  -  Partenaires de confiance
Sites du groupe: petites annonces gratuites   voyance en direct - tirage tarot   Consultant en référencement
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group | phpBB SEO Traduction par: phpBB-fr.com
cron