source: Collectif_MU/www.sound-drop.org/squelettes/article-1.html @ 2807

Last change on this file since 2807 was 2807, checked in by kent1, 10 years ago

Diverses améliorations

File size: 21.0 KB
Line 
1<BOUCLE_article_principal(ARTICLES) {id_article}>
2<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR">
4<head>
5<title>[(#TITRE|supprimer_numero|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
6[<meta name="description" content="(#INTRODUCTION|couper{150}|attribut_html)" />]
7<INCLURE{fond=inc-head}{map=oui}{env}>
8[(#SET{couleur1,[(#SURTITRE|sinon{A7A19E})]})]
9[(#SET{couleur2,[(#SOUSTITRE|sinon{A7A19E})]})]
10<script type="text/javascript">
11        //<![CDATA[
12        var map;
13       
14        var customIcon = new GIcon(G_DEFAULT_ICON);
15        markerOptions = { icon:customIcon };
16        markermaps = [];
17        markerstatics = [];
18
19        function load() {
20                if (GBrowserIsCompatible()) {
21                        map = new GMap2(jQuery("#sounddrop_map")[0]);
22                        <BOUCLE_donnee1(FORMS_DONNEES){id_article}{par rang}{0,1}>
23                                <BOUCLE_lat1(FORMS_CHAMPS){id_form}{titre=latitude}>
24                                <BOUCLE_champlat(SPIP_FORMS_DONNEES_CHAMPS){id_donnee}{champ}>#SET{lat1,#VALEUR*}</BOUCLE_champlat>
25                                <BOUCLE_lng1(FORMS_CHAMPS){id_form}{titre=longitude}>
26                                <BOUCLE_champlng1(SPIP_FORMS_DONNEES_CHAMPS){id_donnee}{champ}>#SET{lng1,#VALEUR*}</BOUCLE_champlng1>
27                                <BOUCLE_zoom1(FORMS_CHAMPS){id_form}{titre=zoom}>
28                                map.setCenter(new GLatLng([(#GET{lat1})],[(#GET{lng1})]), [(#VALEUR|sinon{16})]);
29                                </BOUCLE_zoom1>
30                                </BOUCLE_lng1>
31                                </BOUCLE_lat1>
32                        </BOUCLE_donnee1>
33                map.addControl(new GMapTypeControl());
34                map.addControl(new GSmallMapControl());
35
36                pointsorig = [];
37               
38                GDownloadUrl("[(#URL_PAGE{inc-markers}|parametre_url{id_article,#ID_ARTICLE,'&'})]", function(data, responseCode) {
39                        var xml = GXml.parse(data);
40                        var markers = xml.documentElement.getElementsByTagName("marker");
41                       
42                        for (var i = 0; i < markers.length; i++) {
43                                var point = new GLatLng(parseFloat(markers[i].getAttribute("latitude")), parseFloat(markers[i].getAttribute("longitude")));
44                                var id = markers[i].getAttribute("id");
45                                point.id = id;
46                                pointsorig.push(point);
47                                var marker = new GMarker(point);
48                                if (markers[i].getAttribute("id_document")){
49                                        customIcon.image = markers[i].getAttribute("icone");
50                                        customIcon.shadow = "[(#CHEMIN{images/icon_shadow.png}|url_absolue)]";
51                                        customIcon.iconSize = new GSize(markers[i].getAttribute("iconewidth"), markers[i].getAttribute("iconeheight"));
52                                        customIcon.shadowSize = new GSize(37, 20);
53                                        customIcon.iconAnchor = new GPoint(parseFloat((markers[i].getAttribute("iconewidth")/2).toFixed(0)),parseFloat(markers[i].getAttribute("iconeheight")));
54                                        customIcon.infoWindowAnchor = new GPoint(13, 0);
55                                        customIcon.infoShadowAnchor = new GPoint(50, 50);
56                                        ZMarker(point,1,customIcon.image,i,id);
57                                        //marker = new GMarker(point,markerOptions);
58                                        //map.addOverlay(marker);
59                                        //openinfo(marker,id);
60                                }
61                        }
62                        map.addOverlay(new GPolyline(pointsorig,'#[(#SURTITRE|sinon{#A7A19E})]', 3, .8))
63        });
64                var marker = [];
65                function ZMarker(point,n,image,i,id) {
66                        function sendTop(marker,b) {
67                                return -GOverlay.getZIndex(marker.getPoint().lat());
68                        }
69                        markerOptions.zIndexProcess = sendTop;
70
71                        customIcon.image = image;
72                        marker[i] = new GMarker(point,markerOptions);
73                        map.addOverlay(marker[i]);
74                       
75                        GEvent.addListener(marker[i], "click", function() {
76                                marker[i].openExtInfoWindow(
77                                        map,
78                                        "sound_drop",
79                                        "<div id=\'marker_content\'>Loading...<\/div>",
80                                        {beakOffset: 3,paddingY:1}
81                                );
82                                jQuery('#marker_content').load('[(#URL_PAGE{marker}|url_absolue)]&id_donnee='+id,function(){
83                                        map.getExtInfoWindow().resize();
84                                });
85                        });
86                }
87        }
88        }
89
90
91        function play_parcours(){
92                delete pointsorig;
93                points = [];
94                time = [];
95                //toverlays = [];
96                <BOUCLE_donnee0(FORMS_DONNEES){id_article}{par rang}{1,1}>
97                        <BOUCLE_lat0(FORMS_CHAMPS){id_form}{titre=latitude}>
98                        <BOUCLE_champlat0(SPIP_FORMS_DONNEES_CHAMPS){id_donnee}{champ}>#SET{lat0,#VALEUR*}</BOUCLE_champlat0>
99                        <BOUCLE_lng0(FORMS_CHAMPS){id_form}{titre=longitude}>
100                        <BOUCLE_champlng0(SPIP_FORMS_DONNEES_CHAMPS){id_donnee}{champ}>#SET{lng0,#VALEUR*}</BOUCLE_champlng0>
101                                points[0] = new GLatLng(parseFloat(eval(#GET{lat0}-0.00001)),parseFloat(eval(#GET{lng0}-0.00001)));
102                                time[0] = "1";
103                        </BOUCLE_lng0>
104                        </BOUCLE_lat0>
105                </BOUCLE_donnee0>
106                GDownloadUrl("[(#URL_PAGE{inc-markers}|parametre_url{id_article,#ID_ARTICLE,'&'})]", function(data, responseCode){
107                                var xml = GXml.parse(data);
108                                var markers = xml.documentElement.getElementsByTagName("marker");
109                                for (var i = 0; i < markers.length; i++) {
110                                        var point = new GLatLng(parseFloat(markers[i].getAttribute("latitude")), parseFloat(markers[i].getAttribute("longitude")));
111                                        point.image = markers[i].getAttribute("icone");
112                                        point.iconSize = new GSize(markers[i].getAttribute("iconewidth"), markers[i].getAttribute("iconeheight"));
113                                        points.push(point);
114                                        time.push(markers[i].getAttribute("time"));
115                                }
116                                counter=0;
117                                cur_time=0;
118                                map.clearOverlays();
119                                stop_id = setInterval('drawRoute()',1000);
120                        });
121        }
122       
123        function drawRoute(){
124                if (counter == points.length){
125                        window.clearInterval(stop_id);
126                }
127                if (cur_time == time[counter]){
128                        curr_point = points[counter];
129                        prev_point = points[counter-1];
130                        if (points[counter].image){
131                                customIcon.image = points[counter].image;
132                                customIcon.iconSize = points[counter].iconSize;
133                                markerstatic = new GMarker(points[counter],markerOptions);
134                                markerstatic.id = counter;
135                                markerstatics.push(markerstatic);
136                                map.addOverlay(markerstatic);
137                                        markerstatic.openExtInfoWindow(
138                                                map,"sound_drop",
139                                                "<div id=\'marker_content\'>Loading...<\/div>",{
140                                                                beakOffset: 3
141                                                });
142                                                jQuery('#marker_content').load('spip.php?page=marker&id_donnee='+counter,function(){
143                                                        map.getExtInfoWindow().resize();
144                                                });
145                                        GEvent.addListener(markerstatic, 'click', function(){
146                                                markerstatic.openExtInfoWindow(
147                                                map,
148                                                "sound_drop",
149                                                "<div id=\'marker_content\'>Loading...<\/div>",
150                                                {
151                                                        beakOffset: 3
152                                                }
153                                                );
154                                                jQuery('#marker_content').load('[(#URL_PAGE{marker}|url_absolue)]&id_donnee='+markerstatic.id,function(){
155                                                map.getExtInfoWindow().resize();
156                                                });
157                                        });
158                        }
159                        counter++;
160                        capture_overlay_flag = 'n';
161                }
162                else {
163                        var capture_overlay_flag = 'y';
164                        var cur_tgap = time[counter]-cur_time;
165                        if(counter==0){
166                                var tgap = time[counter];
167                                var xgap = points[counter].x;
168                                var ygap = points[counter].y;
169                        }
170                        else{
171                                var tgap = time[counter]-time[counter-1];
172                                var xgap = points[counter].x - points[counter-1].x;
173                                var ygap = points[counter].y - points[counter-1].y;
174                        }
175                        curr_point = new GPoint((points[counter].x - (((xgap)/(tgap)) * cur_tgap)), (points[counter].y - (((ygap)/(tgap)) * cur_tgap)));
176                }
177
178                if (!points[counter].image){
179                        if (counter == 0){
180                               
181                        }
182                        else{
183                                var markermap = new GMarker(curr_point,markerOptions);
184                                map.addOverlay(markermap);
185                               
186                                if(markermaps.length){
187                                        map.removeOverlay(markermaps[0]);
188                                        markermaps.shift();
189                                }
190                                markermaps.push(markermap);
191                                //var toverlay = new GPolyline([prev_point, curr_point], '#[(#SURTITRE*|sinon{#A7A19E})]', 3, .8);
192                                //map.addOverlay(toverlay);
193                                map.panTo(new GLatLng(curr_point.y,curr_point.x));
194                        }
195                }
196                //if (capture_overlay_flag == 'y'){
197                //      toverlays.push(toverlay);
198                //}
199               
200                //if (capture_overlay_flag == 'n'){
201                        //      for (i=0; i<toverlays.length; i++){
202                                //      if(toverlays[i]){
203                                        //      map.removeOverlay(toverlays[i]);
204                                //      }
205                        //      delete toverlays;
206                        //      toverlays = [];
207                //      }
208                // }
209                prev_point = curr_point;
210                cur_time++;
211        }
212       
213        jQuery(document).ready(function() {
214                load();
215                jQuery(".play_parcours").click(function(){
216                        if (jQuery(this).attr("title") == "<:play_parcours:>"){
217                                jQuery(this).attr("title","<:pause_parcours:>");
218                                var img = '<img src="[(#CHEMIN{images/bouton_stop_petit.png}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]" onmouseover="$(this).attr(\'src\',\'[(#CHEMIN{images/bouton_stop_petit.png}|image_sepia{#GET{couleur2}}|extraire_attribut{src})]\')" onmouseout="$(this).attr(\'src\',\'[(#CHEMIN{images/bouton_stop_petit.png}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]\')" alt="<:pause_parcours:>" />';;
219                                jQuery(this).html(img);
220                                play_parcours();
221                        }
222                        else{
223                                jQuery(this).attr("title","<:play_parcours:>");
224                                var img = '<img src="[(#CHEMIN{images/bouton_lecture_petit.png}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]" onmouseover="$(this).attr(\'src\',\'[(#CHEMIN{images/bouton_lecture_petit.png}|image_sepia{#GET{couleur2}}|extraire_attribut{src})]\')" onmouseout="$(this).attr(\'src\',\'[(#CHEMIN{images/bouton_lecture_petit.png}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]\')" alt="<:pause_parcours:>" />';
225                                jQuery(this).html(img);
226                        }
227                        return false;
228                });
229
230                jQuery('.closelink').click(function(){
231                        var to_menu = jQuery(this).parent().attr('id');
232                        jQuery(this).parent().effect('transfer', {
233                                to: $('#boxmenu a[rel=#'+to_menu+']'),
234                                className:'transfer'
235                        }, 500,function(){
236                                jQuery(this).fadeOut(500);     
237                        });
238                });
239                jQuery('.openlink').click(function(){
240                        var id = jQuery(this).attr('rel');
241                        if(jQuery(id).is(':hidden')){
242                                jQuery(id).fadeIn(500);
243                                $.scrollTo(id, 800);
244                        }
245                        else{
246                                jQuery(id).effect('transfer', {
247                                        to: $('#boxmenu'),
248                                        className:'transfer'
249                                }, 500,function(){
250                                        jQuery(id).fadeOut(500);       
251                                });
252                        }
253                });
254                jQuery('.full_map').click(function(){
255                        if(jQuery(".closelink").parent(':visible').size()>0){
256                                jQuery('.closelink').parent().fadeOut(200);
257                        }
258                        else{
259                                jQuery('.closelink').parent().fadeIn(200);
260                        }
261                });
262                jQuery('.showhide').click( function() {
263                        if(jQuery(this).find('ul').is(':hidden')){
264                                jQuery(this).find('ul').toggle('slow');
265                                jQuery(this).find('span img').attr('src','#CHEMIN{images/minimize_tab.gif}').attr('alt','Minimize');
266                        }
267                        else {
268                                jQuery(this).find('ul').toggle('slow');
269                                jQuery(this).find('span img').attr('src','#CHEMIN{images/maximize_tab.gif}').attr('alt','Maximize');
270                        }
271                });
272                navOffset = jQuery('#navigation-absolu').offset();
273                navbottom = ((navOffset.top + jQuery('#navigation-absolu').height()) +50);
274                jQuery('#download-absolu').css("top",navbottom);
275        });
276        //]]>
277</script>
278</head>
279<body class="page_article" onunload="GUnload()">
280<div id="page">
281<img src="http://www.google.com/mapfiles/marker.png" alt="" style="display:none" />
282<img src="http://www.google.com/mapfiles/shadow50.png" alt="" style="display:none" />
283<img src="http://www.google.com/mapfiles/markerTransparent.png" alt="" style="display:none" />
284<img src="http://www.google.com/mapfiles/markerie.gif" alt="" style="display:none" />
285<img src="http://www.google.com/mapfiles/dithshadow.gif" alt="" style="display:none" />
286        [(#REM) Entete de la page + titre du site ]
287        <INCLURE{fond=inc-entete}{couleur=#GET{couleur1}}>
288
289        [(#REM) Contenu principal : contenu de l'article ]
290    <div class="hfeed" id="conteneur">
291    <div class="hentry" id="contenu">
292   
293        [(#REM) Fil d'Ariane ]
294        <div id="hierarchie">
295                <a href="#URL_SITE_SPIP/"><:accueil_site:></a>
296                [ &gt; <strong class="on">(#TITRE|supprimer_numero|couper{80})</strong>]
297        </div>
298               
299                <div id="boxmenu">
300                        <a href="javascript:;" class="openlink" title="<:open_infos:>" rel='#content-absolu'>
301                                <img src="[(#CHEMIN{images/icone_texte.gif}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]"
302                                        alt="<:open_infos:>"
303                                        onmouseover="$(this).attr('src','[(#CHEMIN{images/icone_texte.gif}|image_sepia{#GET{couleur2}}|extraire_attribut{src})]');" 
304                                        onmouseout="$(this).attr('src','[(#CHEMIN{images/icone_texte.gif}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]');" 
305                                />
306                        </a>
307                        <a href="javascript:;" class="openlink" title="<:open_menu:>" rel='#navigation-absolu'>
308                                <img src="[(#CHEMIN{images/icone_menu.gif}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]"
309                                        alt="<:open_menu:>"
310                                        onmouseover="$(this).attr('src','[(#CHEMIN{images/icone_menu.gif}|image_sepia{#GET{couleur2}}|extraire_attribut{src})]');" 
311                                        onmouseout="$(this).attr('src','[(#CHEMIN{images/icone_menu.gif}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]');" 
312                                />
313                        </a>
314                        <a href="javascript:;" class="openlink" title="<:open_docs:>" rel='#download-absolu'>
315                                <img src="[(#CHEMIN{images/icone_docs.gif}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]"
316                                        alt="<:open_docs:>"
317                                        onmouseover="$(this).attr('src','[(#CHEMIN{images/icone_docs.gif}|image_sepia{#GET{couleur2}}|extraire_attribut{src})]');" 
318                                        onmouseout="$(this).attr('src','[(#CHEMIN{images/icone_docs.gif}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]');" 
319                                />
320                        </a>
321                        <a href="javascript:;" class="full_map" title="<:full_map:>">
322                                <img src="[(#CHEMIN{images/icone_full_map.png}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]"
323                                        alt="<:open_menu:>"
324                                        onmouseover="$(this).attr('src','[(#CHEMIN{images/icone_full_map.png}|image_sepia{#GET{couleur2}}|extraire_attribut{src})]');" 
325                                        onmouseout="$(this).attr('src','[(#CHEMIN{images/icone_full_map.png}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]');" 
326                                />
327                        </a>
328                </div>
329               
330                <div>
331
332                <div id="content-absolu" class="ui-draggable">
333                        <a href="javascript:;" class="closelink"><img src="#CHEMIN{images/close.png}" alt="" /></a>
334                <div id="texte-content" class="surlignable">
335                        <div class="helper"></div>
336                                <div class="cartouche">
337                                        <div class="surlignable">
338                                                [(#LOGO_ARTICLE||image_reduire{200,200})]
339                                                [<h1 class="#EDIT{titre} entry-title">(#TITRE|supprimer_numero|image_typo{police=cicle.ttf,couleur=#GET{couleur1},taille=22})</h1>]
340                                        </div>
341
342                                        [(#REM) Inclure le modele des liens de traductions ]
343                                        #MODELE{article_traductions}
344                                </div>
345                                [<div class="#EDIT{chapo} chapo">(#CHAPO|image_reduire{500,0})</div>]
346
347                                [<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
348                                [<div class="#EDIT{texte} texte entry-content">(#TEXTE|image_reduire{500,0})</div>]
349
350                                [(#REM) Portfolio : album d'images ]
351                                <B_documents_portfolio>
352                                <div id="documents_portfolio">
353                                        <h2><:info_portfolio:></h2>
354                                        <BOUCLE_documents_portfolio(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date} {doublons}>
355                                                [<a href="#URL_DOCUMENT" type="#MIME_TYPE" onclick="location.href='[(#URL_ARTICLE|parametre_url{id_document,#ID_DOCUMENT})]#documents_portfolio';return false;"[ title="(#TITRE|supprimer_numero|couper{80}|texte_backend)"][ class="(#EXPOSE)"]>
356                                                        (#FICHIER|copie_locale|image_reduire{0,60}|inserer_attribut{class,spip_logos}|inserer_attribut{alt,[(#TITRE|supprimer_numero|couper{80}|texte_backend)]})
357                                                </a>]
358                                        </BOUCLE_documents_portfolio>
359                                </div>
360                                </B_documents_portfolio>
361       
362                                <BOUCLE_afficher_document(DOCUMENTS) {id_article}{id_document} {mode=document}{extension IN png,jpg,gif}>
363                                        <div class="spip_documents spip_documents_center" id="document_actif">
364                                                [(#EMBED_DOCUMENT|image_reduire{500,0})]
365                                                [<div class="#EDIT{titre} spip_doc_titre">(#TITRE|supprimer_numero)</div>]
366                                                [<div class="#EDIT{descriptif} spip_doc_descriptif">(#DESCRIPTIF)</div>]
367                                        </div>
368                                </BOUCLE_afficher_document>
369
370                                [<div class="ps surlignable"><h2 class="pas_surlignable"><:info_ps:></h2><div class="#EDIT{ps}">(#PS|image_reduire{500,0})</div></div>]
371                                [<div class="notes surlignable"><h2 class="pas_surlignable"><:info_notes:></h2>(#NOTES)</div>]
372
373                                [(#REM) Forum de l'article ]
374                                <a href="#forum" name="forum" id="forum"></a>
375                                <INCLURE{fond=inc-forum}{id_article}>
376                                [<p class="repondre"><a href="(#PARAMETRES_FORUM|url_reponse_forum)"><:repondre_article:></a></p>]
377                        </div>
378                </div>
379               
380        [(#REM) Menu de navigation laterale ]
381        <div id="navigation-absolu" class="ui-draggable">
382                <a href="javascript:;" class="closelink"><img src="#CHEMIN{images/close.png}" alt="" /></a>
383                <div id="navigation">
384                        <div class="helper"></div>
385                        [(#REM) Menu de navigation par rubriques ]
386                        <INCLURE{fond=inc-rubriques}{id_rubrique}{id_article}{couleur=#GET{couleur1}}>
387                </div>
388        </div>
389       
390        <div id="download-absolu" class="ui-draggable">
391                <a href="javascript:;" class="closelink"><img src="#CHEMIN{images/close.png}" alt="" /></a>
392                <div id="download">
393                        <div class="helper"></div>
394                        [(#REM) Autres documents joints a l'article ]
395                        <B_documents_joints>
396        <div class="menu" id="documents_joints">
397            <h2><:titre_documents_joints|image_typo{police=cicle.ttf,couleur=#GET{couleur1},taille=14}:></h2>
398            <ul>
399                <BOUCLE_documents_joints(DOCUMENTS) {id_article} {mode=document} {par num titre, date} {doublons}>
400                <li style="clear:both">
401                        <div style="float:left">[(#LOGO_DOCUMENT||image_reduire{24,24})]</div>
402                    <div>
403                        <strong><a href="#URL_DOCUMENT" title="<:bouton_telecharger:>" type="#MIME_TYPE">[(#TITRE|supprimer_numero|sinon{<:info_document:>})]</a></strong>
404                        <small>(#TYPE_DOCUMENT[ &ndash; (#TAILLE|taille_en_octets)])</small>
405                        #DESCRIPTIF
406                                        </div>
407                                        <br class="nettoyeur" />
408                </li>
409                </BOUCLE_documents_joints>
410            </ul>
411        </div>
412        </B_documents_joints>
413       
414        [(#REM) Podcast this sound Walk ]
415        <B_donnees>
416        <BOUCLE_donnees(FORMS_DONNEES){id_article}> </BOUCLE_donnees>
417                <div class="menu" id="podcast">
418                        <h2><:podcast_parcours|image_typo{police=cicle.ttf,couleur=#GET{couleur1},taille=14}:></h2>
419                        <p>
420                                <a class="podcast-link" href="itpc://[(#URL_PAGE{rss-itunes}|parametre_url{id_article,#ID_ARTICLE}|replace{'http://',''})]" title="Sound Podcast [(#_article_principal:TITRE|supprimer_numero)]">
421                                        <:podcast_son_itunes:>
422                                </a>
423                        </p>
424                        <BOUCLE_podcast_video(MOTS){id_mot=1}{id_article}>
425                        <p>
426                                <a class="podcast-link" href="itpc://[(#URL_PAGE{rss-video-itunes}|parametre_url{id_article,#ID_ARTICLE}|replace{'http://',''})]" title="Video Podcast [(#_article_principal:TITRE|supprimer_numero)]">
427                                        <:podcast_video_itunes:>
428                                </a>
429                        </p>
430                        </BOUCLE_podcast_video> 
431                </div>
432        </B_donnees>
433                [(#REM) <div class="menu" id="parcours_play">
434                        <h2><:play_temps_reel|image_typo{police=cicle.ttf,couleur=#GET{couleur1},taille=14}:></h2>
435                        <a href="#" class="play_parcours" title="<:play_parcours:>">
436                                <img src="[(#CHEMIN{images/bouton_lecture_petit.png}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]" 
437                                onmouseover="jQuery(this).attr('src','[(#CHEMIN{images/bouton_lecture_petit.png}|image_sepia{#GET{couleur2}}|extraire_attribut{src})]')"
438                                onmouseout="jQuery(this).attr('src','[(#CHEMIN{images/bouton_lecture_petit.png}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]')"
439                                alt="<:play_parcours:>" />
440                        </a>
441                </div>]
442        </div>
443        </div>
444       
445        <div id="content-map">
446                #MODELE{player_map}
447                <div id="sounddrop_map"></div>
448        </div>
449       
450        </div>
451        </div>
452        </div>
453
454        [(#REM) Pied de page ]
455        <INCLURE{fond=inc-pied}>
456</div>
457<div id="bottom_podcast" style="bottom:0;position:fixed;text-align:right;right:0;z-index:11">
458        <a href="itpc://[(#URL_PAGE{rss-itunes}|parametre_url{id_article,#ID_ARTICLE}|replace{'http://',''})]" title="<:tout_podcaster:>">
459                <img src="[(#CHEMIN{images/podcast_logo.png}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]"
460                        alt="<:open_infos:>"
461                        onmouseover="$(this).attr('src','[(#CHEMIN{images/podcast_logo.png}|image_sepia{#GET{couleur2}}|extraire_attribut{src})]');" 
462                        onmouseout="$(this).attr('src','[(#CHEMIN{images/podcast_logo.png}|image_sepia{#GET{couleur1}}|extraire_attribut{src})]');" 
463                />
464        </a>
465</div>
466<INCLURE{fond=credit}>
467<script type="text/javascript">
468        //<![CDATA[
469        function init(){
470                jQuery('a.spip_in,a.internal').unbind("click").click(function(){
471                        jQuery('#external-absolu').eq(0).remove();
472                        var windowW = $(window).width();
473                        var left = ((windowW - 522) / 2);
474                        jQuery('#contenu').append('<div id="external-absolu" class="ui-draggable" style="left:'+left+'px"><\/div>');
475                        href = jQuery(this).attr('href');
476                        href = href+'?external=oui[&couleur1=(#SURTITRE)][&couleur2=(#SOUSTITRE)]';
477                        jQuery('#external-absolu').load(href,function(){
478                                var contenuH = $('body').height();
479                                var divH = $('#external-absolu').height();
480                                if (divH > contenuH){ divH = 450;}
481                                var top = ((contenuH - divH)/2);
482                                $('#external-absolu').css("top",top);
483                                //$.scrollTo($('#external-absolu'), 800);
484                        });
485                        return false;
486                });
487                jQuery('.ui-draggable,#radiobox_map').draggable({
488                        handle: "div.helper",
489                        opacity: .4,
490                        zIndex:10,
491                        containment: "body",
492                        start: function(){
493                                $(this).css({bottom: "auto",right: "auto"});
494                        },
495                        stop: function(){
496                                $(this).css({opacity: "1"});
497                        }
498                });
499                jQuery('.ui-draggable').css({opacity:".8"}).hover(function(){
500                        if (jQuery(this).css("z-index") != 10) {
501                                jQuery(".ui-draggable").css({zIndex: "9",opacity:".8"});
502                                jQuery(this).css({zIndex: "10",opacity:"1"});
503                        }
504                        else{
505                                jQuery(".ui-draggable").not(this).css({zIndex: "9",opacity:".8"});
506                        }
507                },function(){
508                        jQuery(this).css({zIndex: "9",opacity:".8"});
509                });
510                jQuery('#external-absolu .closelink').click(function(){
511                        jQuery(this).parent().fadeOut();
512                });
513                if(window.cQuery){
514                        cQuery(".crayon:lt(1000)").initcrayon();
515                }
516          }
517
518        onAjaxLoad(init);
519
520        jQuery(document).ready(function(){
521                init();
522        });
523        //]]>
524</script>
525</body>
526</html>
527</BOUCLE_article_principal>
Note: See TracBrowser for help on using the repository browser.