Changeset 21480 in spip-zone


Ignore:
Timestamp:
Jul 14, 2008, 2:02:49 PM (11 years ago)
Author:
apachot@…
Message:
  • positionnement des lieux sur la carte 2D
  • jquery.dimension est incluse dans jquery-1.2.6
Location:
_plugins_/_stable_/panoramas
Files:
6 added
2 deleted
4 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/_stable_/panoramas/css/jquery.panorama.css

    r20469 r21480  
    114114        left: 0;
    115115}
    116 img.panorama-carte, div.panorama-panier {
     116div.panorama-carte, div.panorama-panier {
    117117        float: left;
    118118        display: none;
     
    121121        filter: alpha(opacity=90);
    122122}
     123
    123124div.panorama-panier ul {
    124125        list-style-type: none;
     
    149150        height: 70px;
    150151}
    151 .type-objet {
     152.type-objet, .type-personnage {
    152153        border: none;
    153154        background: none;
  • _plugins_/_stable_/panoramas/modeles/lieu.html

    r20531 r21480  
    1616                                [(#TYPE|=={'url'}|?{' ',''}) href="#URL_CIBLE" class="interaction#ID_INTERACTION type-url"]
    1717                                [(#TYPE|=={'descriptif'}|?{' ',''}) href="#URL_PAGE{descriptif_interaction_ajax,id_interaction=#ID_INTERACTION}" class="interaction#ID_INTERACTION type-descriptif thickbox"]
    18                                 <BOUCLE_documentpointe(DOCUMENTS){id_document=#ID_DOCUMENT_CIBLE}>[(#TYPE|=={'document'}|?{' ',''})  href="#URL_DOCUMENT" class="interaction#ID_INTERACTION type-document thickbox"]</BOUCLE_documentpointe>
     18                                <BOUCLE_documentimagepointe(DOCUMENTS){id_document=#ID_DOCUMENT_CIBLE}{extension IN jpg,JPG}>[(#TYPE|=={'document'}|?{' ',''})  href="#URL_DOCUMENT" class="interaction#ID_INTERACTION type-document thickbox"]</BOUCLE_documentimagepointe>
     19                                <BOUCLE_documentmp3pointe(DOCUMENTS){id_document=#ID_DOCUMENT_CIBLE}{extension IN mp3,MP3}>[(#TYPE|=={'document'}|?{' ',''})  href="#URL_PAGE{document_ajax,id_document=#ID_DOCUMENT_CIBLE}" class="interaction#ID_INTERACTION type-audio thickbox"]</BOUCLE_documentmp3pointe>
     20                                <BOUCLE_documentvideopointe(DOCUMENTS){id_document=#ID_DOCUMENT_CIBLE}{extension IN flv,FLV}>[(#TYPE|=={'document'}|?{' ',''})  href="#URL_PAGE{document_ajax,id_document=#ID_DOCUMENT_CIBLE}" class="interaction#ID_INTERACTION type-video thickbox"]</BOUCLE_documentvideopointe>
    1921                                [(#TYPE|=={'jeu'}|?{' ',''}) href="#URL_PAGE{jeu_interaction_ajax,id_interaction=#ID_INTERACTION&KeepThis=true&TB_iframe=true&height=400&width=600}" class="interaction#ID_INTERACTION type-jeu thickbox"]
    2022                                <BOUCLE_objet(DOCUMENTS){id_document=#ID_OBJET}>[(#TYPE|=={'objet'}|?{' ',''})  href="#" class="interaction#ID_INTERACTION type-objet type-objet#ID_DOCUMENT"]</BOUCLE_objet>
     
    4547<BOUCLE_carte(DOCUMENTS){id_document=#ID_CARTE}>
    4648$(document).ready(function(){
    47         $('.panorama-viewport').append("<div class='panorama-onglets'><img class='panorama-carte' src='(#URL_DOCUMENT)' height='"+parseInt($('.panorama-viewport').css('height'))+"' /><div class='panorama-panier' style='width: "+parseInt(parseInt($('.panorama-viewport').css('width'))/3)+"px; height: "+parseInt($('.panorama-viewport').css('height'))+"px;' ><:panoramas:contenu_panier:><ul><?php echo(str_replace('"', '\'', $_COOKIE['objets_ramasses'])); ?></ul></div><div class='panorama-onglets-titres'><h2 class='panorama-carte'><a href='#'><:panoramas:carte:></a></h2><h2 class='panorama-panier'><a href='#'><:panoramas:panier:></a></h2></div></div>");
     49        $('.panorama-viewport').append("<div class='panorama-onglets'><div class='panorama-carte'><img src='#URL_DOCUMENT' height='"+parseInt($('.panorama-viewport').css('height'))+"' /><BOUCLE_position(VISITES_VIRTUELLES_LIEUX){id_visite=#ID_VISITE}><span class='lien-plan' style='[left: (#POSITION_X_CARTE)px;][ top: (#POSITION_Y_CARTE|moins{40})px;]'><a href='#URL_PAGE{lieu,id_lieu=#ID_LIEU}'>#TITRE</a></span></BOUCLE_position></div><div class='panorama-panier' style='width: "+parseInt(parseInt($('.panorama-viewport').css('width'))/3)+"px; height: "+parseInt($('.panorama-viewport').css('height'))+"px;' ><:panoramas:contenu_panier:><ul><?php echo(str_replace('"', '\'', $_COOKIE['objets_ramasses'])); ?></ul></div><div class='panorama-onglets-titres'><h2 class='panorama-carte'><a href='#'><:panoramas:carte:></a></h2><h2 class='panorama-panier'><a href='#'><:panoramas:panier:></a></h2></div></div>");
    4850        $('.panorama-onglets h2.panorama-carte a').flipv().bind('click', function() {
    49                                 $('img.panorama-carte').toggle();
    50                                 if ($('img.panorama-carte').css('display') != 'none')
     51                                $('div.panorama-carte').toggle();
     52                                if ($('div.panorama-carte').css('display') != 'none')
    5153                                        $('h2.panorama-panier').hide();
    5254                                else
     
    7375                <BOUCLE_objetcourant(DOCUMENTS){id_document=#ID_OBJET}>
    7476                        [(#TYPE|=={'objet'}|?{' ',''}) 
     77                                $('.type-objet#ID_DOCUMENT').append("<img src='#URL_DOCUMENT' width='100%' height='100%' />");
     78                                $('.type-objet#ID_DOCUMENT').draggable({helper: 'clone', opacity: .4, revert: true});
     79                                $('h2.panorama-panier').droppable({
     80                                        accept: ".type-objet#ID_DOCUMENT",
     81                                        activeClass: 'droppable-active',
     82                                        hoverClass: 'droppable-hover',
     83                                        drop: function(ev, ui) {
     84                                                $('div.panorama-panier ul').append("<li><div class='objet#ID_DOCUMENT'><img src='#URL_DOCUMENT' /><span style='display: none;'>#ID_DOCUMENT</span></div></li>");
     85                                                $('div.panorama-panier ul li div').draggable({helper: 'clone', opacity: .4, revert: true});
     86                                                $('.type-objet#ID_DOCUMENT').remove();
     87                                               
     88                                                //mis à jour des cookies
     89                                                var objets_ramasses = $('div.panorama-panier ul').html();
     90                                                $.cookie('objets_ramasses', objets_ramasses);
     91                                               
     92                                        }
     93                                });
     94                               
    7595                                [ (#REM) suppression des objets qui sont déjà dans le panier ]
    76                                 /*if ($('div.panorama-panier ul').find('.objet#ID_DOCUMENT')) {
    77                                         //$('.type-objet#ID_DOCUMENT').remove();
    78                                 } else {*/                             
    79                                         $('.type-objet#ID_DOCUMENT').append("<img src='#URL_DOCUMENT' width='100%' height='100%' />");
    80                                         $('.type-objet#ID_DOCUMENT').draggable({helper: 'clone', opacity: .4, revert: true});
    81                                         $('h2.panorama-panier').droppable({
    82                                                 accept: ".type-objet#ID_DOCUMENT",
    83                                                 activeClass: 'droppable-active',
    84                                                 hoverClass: 'droppable-hover',
    85                                                 drop: function(ev, ui) {
    86                                                         $('div.panorama-panier ul').append("<li><div class='objet#ID_DOCUMENT'><img src='#URL_DOCUMENT' /><span style='display: none;'>#ID_DOCUMENT</span></div></li>");
    87                                                         $('div.panorama-panier ul li div').draggable({helper: 'clone', opacity: .4, revert: true});
    88                                                         $('.type-objet#ID_DOCUMENT').remove();
    89                                                        
    90                                                         //mis à jour des cookies
    91                                                         var objets_ramasses = $('div.panorama-panier ul').html();
    92                                                         $.cookie('objets_ramasses', objets_ramasses);
    93                                                        
    94                                                 }
    95                                         });
    96                                 //}
    9796                                if ($('div.panorama-panier ul').find('.objet#ID_DOCUMENT').length > 0) {
    9897                                        $('.type-objet#ID_DOCUMENT').remove();
    9998                                }
     99                               
    100100                        ]
    101101                </BOUCLE_objetcourant>
     
    106106                                .unbind('click')
    107107                                .bind('click', function() {
    108                                                         alert("<:panoramas:manque_objet:> #TITRE");
     108                                                        alert("#TEXTE_AVANT_ACTIVATION");
    109109                                                        return false;
    110110                                                })
     
    114114                                        hoverClass: 'droppable-hover',
    115115                                        drop: function(ev, ui) {
    116                                                 alert("<:panoramas:merci:>");
     116                                                alert("#TEXTE_APRES_ACTIVATION");
    117117                                                $('div.panorama-panier').hide();
    118118                                                $('h2.panorama-carte').show();
  • _plugins_/_stable_/panoramas/panorama.css.html

    r20442 r21480  
    3131        background-position: right bottom;
    3232}
     33.type-video {
     34        background-image: url(#CHEMIN{img_pack/interactions/type-video.gif});
     35        background-repeat: no-repeat;
     36        background-position: right bottom;
     37}
     38.type-audio {
     39        background-image: url(#CHEMIN{img_pack/interactions/type-audio.gif});
     40        background-repeat: no-repeat;
     41        background-position: right bottom;
     42}
     43div.panorama-carte .lien-plan {
     44        position: absolute;
     45        color: white;
     46        font-size: 13px;
     47        padding: 0;
     48        margin: 0;
     49        background-image: url(#CHEMIN{img_pack/bg_fleche_plan.png});
     50        background-repeat: no-repeat;
     51        background-position: left bottom;
     52        opacity: .9;
     53        padding: 0;
     54        padding-bottom: 19px;
     55       
     56}
     57div.panorama-carte .lien-plan a {
     58        background: #ff3f00;
     59        color: white;
     60        padding: 5px;
     61}
  • _plugins_/_stable_/panoramas/panoramas_pipelines.php

    r20531 r21480  
    55{
    66
    7         return "<script type=\"text/javascript\" src=\""._DIR_PLUGIN_PANORAMAS."js/jquery.js\"></script>
     7        return "<script type=\"text/javascript\" src=\""._DIR_PLUGIN_PANORAMAS."js/jquery-1.2.6.min.js\"></script>
    88        ".$flux.panoramas_stylesheet_html("panorama")."
    99        <link rel=\"stylesheet\" type=\"text/css\" href=\""._DIR_PLUGIN_PANORAMAS."css/thickbox.css\" />
    10         <script type=\"text/javascript\" src=\""._DIR_PLUGIN_PANORAMAS."js/jquery.dimensions.min.js\"></script>
    1110        <script type=\"text/javascript\" src=\""._DIR_PLUGIN_PANORAMAS."js/jquery-ui-personalized-1.5b3.min.js\"></script>
    1211        <script type=\"text/javascript\" src=\""._DIR_PLUGIN_PANORAMAS."js/jquery.panorama.js\"></script>
Note: See TracChangeset for help on using the changeset viewer.