- Iframe automatique sous la carte avec apparition ajax
authorLudovic CHEVALIER <ludovic.chevalier@heureux-cyclage.org>
Fri, 9 Mar 2012 13:22:26 +0000 (14:22 +0100)
committerLudovic CHEVALIER <ludovic.chevalier@heureux-cyclage.org>
Fri, 9 Mar 2012 13:22:26 +0000 (14:22 +0100)
- Intégration du lien plein écran dans la carte

contenu/page-carte_de_sites.html
inclure/iframe_carte.html [new file with mode: 0644]

index 17176fc..f66bd36 100755 (executable)
@@ -14,9 +14,9 @@
     - images = oui  : afficher les images
     - groupe = XXXX : Groupe de mot-clé dont il faut générer la carte
     - lien  = oui   : Lien automatique vers la grande carte
+    - iframe= oui   : Affichage du code iframe par défaut
 ]
 
-
 <!-- Carte -->
 
 <div id="map" style="[(#ENV{larg}|oui) width: [(#ENV{larg}|sinon{'540'})px;]] height: [(#ENV{haut}|sinon{'400'})]px">
@@ -46,7 +46,7 @@
                </BOUCLE_sites>
 </BOUCLE_mots_types>
 
-       var cloudmadeAttribution = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade',
+       var cloudmadeAttribution = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade<br/>[(#ENV{lien}|!={non}|oui)(<a href="#URL_SITE_SPIP/?page=carte_de_sites_plein&lien=non&groupe=#ENV{groupe}&boite=oui&haut=900[&coord=(#ENV{coord})][&zoom=(#ENV{zoom})][&legende=(#ENV{legende})]" rel="external" target="_parent">Voir la carte en plus grand</a>)]',
                cloudmadeOptions = {maxZoom: 18, attribution: cloudmadeAttribution},    
                cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/{styleId}/256/{z}/{x}/{y}.png';
                
@@ -92,8 +92,8 @@
 </script>
 </div>
 
-[(#ENV{lien}|!={non}|oui)
-<p><i>(<a class="ajax" href="#URL_SITE_SPIP/?page=carte_de_sites_plein&lien=non&groupe=#ENV{groupe}&boite=oui&larg=900&haut=900[&coord=(#ENV{coord})][&zoom=(#ENV{zoom})][&legende=(#ENV{legende})]" class='spip_out' rel='external'>Voir la carte ci-dessous en plus grand</a>)</i></p>
+[(#ENV{iframe}|!={non}|oui)
+<INCLURE{fond=inclure/iframe_carte}{ajax}{env}>
 ]
 
 <B_legende>
diff --git a/inclure/iframe_carte.html b/inclure/iframe_carte.html
new file mode 100644 (file)
index 0000000..bce32a1
--- /dev/null
@@ -0,0 +1,14 @@
+[(#ENV{afficher_iframe}|=={oui}|oui)
+<div>
+<p><i>Copier-coller le code ci-dessous dans une page pour l'intégrer à votre site oueb.</i></p>
+<textarea name="iframe" style="width: [(#ENV{larg}|?{[(#ENV{larg})px],'100%'})];" readonly>
+<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="#URL_SITE_SPIP/?page=carte_de_sites_plein&groupe=#ENV{groupe}&boite=non&images=non&haut=400[&coord=(#ENV{coord})][&zoom=(#ENV{zoom})][&legende=(#ENV{legende})]&iframe=non" style="border: 1px solid black"></iframe>
+</textarea>
+</div>
+]
+
+[(#ENV{afficher_iframe}|=={oui}|non)
+    <a class="ajax"
+href="[(#SELF|parametre_url{afficher_iframe,oui})]">
+    Pour inclure la carte dans votre site oueb ...</a>
+]
\ No newline at end of file