Changeset 21163 in spip-zone


Ignore:
Timestamp:
Jun 29, 2008, 10:41:01 AM (11 years ago)
Author:
cam.lafit@…
Message:

Début de jquerisation

  • createControls()
  • ready() et resize()

Objectif

  • rendre un poil plus multiplateforme / multinavigateur
  • comme jquery est chargé, autant profité des fonctions existantes
Location:
_squelettes_/s5-slideshow
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/s5-slideshow/s5.html

    r21162 r21163  
    2828        <script type='text/javascript'>
    2929            window.onresize = function(){
    30                 /*alert('resize');
    31                 */setTimeout('fontScale()', 50);
     30                /*alert('resize');*/
     31                //setTimeout('fontScale()', 50);
    3232            }
    3333        </script>
     
    4040
    4141            $(document).ready(function() {
    42                     startup ('<:s5:next|texte_script:>','<:prev|texte_script:>','<:toggle|texte_script:>');
     42                    //startup ('<:s5:next|texte_script:>','<:prev|texte_script:>','<:toggle|texte_script:>');
    4343            });
    4444        </script>
    45        
     45
    4646        <style type='text/css'>
    4747            .spip_code {border: 1px solid #CCC; padding: 2px; background: #EFEFEF;}
     
    7676                [(#REM) premiere slide = presentation de la rubrique]
    7777                <div class="slide">
    78                 <h1>[(#TITRE|supprimer_numero)]</h1>
    79                         [<div class="#EDIT{descriptif}">(#DESCRIPTIF)</div>]
    80                         [[(#DESCRIPTIF*|?{'','<br />'})]
    81                         <div class="#EDIT{texte}">(#TEXTE|paragrapher)</div>]
    82                         [<div class="notes">(#NOTES)</div>]
     78                    <h1>[(#TITRE|supprimer_numero)]</h1>
     79                    [<div class="#EDIT{descriptif}">(#DESCRIPTIF)</div>]
     80                    [[(#DESCRIPTIF*|?{'','<br />'})]
     81                    <div class="#EDIT{texte}">(#TEXTE|paragrapher)</div>]
     82                    [<div class="notes">(#NOTES)</div>]
    8383
    84             [(#REM) Liste des autres présentations disponibles]
    85                 <BOUCLE_shows(RUBRIQUES){id_parent}{par num titre,titre}>
    86                         <h3><a href="#URL_PAGE{s5,id_rubrique=#ID_RUBRIQUE}">#TITRE</a></h3>
    87                 </BOUCLE_shows>
    88                 </div>[(#REM) /premiere slide]
     84                [(#REM) Liste des autres présentations disponibles]
     85                    <BOUCLE_shows(RUBRIQUES){id_parent}{par num titre,titre}>
     86                            <h3><a href="#URL_PAGE{s5,id_rubrique=#ID_RUBRIQUE}">#TITRE</a></h3>
     87                    </BOUCLE_shows>
     88            </div>[(#REM) /premiere slide]
    8989
    90                 [(#REM) suivantes = les articles ]
     90            [(#REM) suivantes = les articles ]
    9191                <BOUCLE_slides(ARTICLES){id_rubrique}{par num titre, titre}>
    9292                <div class="slide">
  • _squelettes_/s5-slideshow/ui/default/slides.js

    r9566 r21163  
    373373
    374374function createControls() {
    375         var controlsDiv = document.getElementById("controls");
    376         if (!controlsDiv) return;
    377         var hider = ' onmouseover="showHide(\'s\');" onmouseout="showHide(\'h\');"';
    378         var hideDiv, hideList = '';
     375       
     376    $('#controls').html(
     377         '<form action="#" id="controlForm">' +
     378            '<div id="navLinks">' +
     379            '<a accesskey="t" id="toggle" href="javascript:toggle();">&#216;<\/a>' +
     380            '<a accesskey="z" id="prev" href="javascript:go(-1);">&laquo;<\/a>' +
     381            '<a accesskey="x" id="next" href="javascript:go(1);">&raquo;<\/a>' +
     382            '<div id="navList"><select id="jumplist" onchange="go(\'j\');"><\/select><\/div>' +
     383            '<\/div><\/form>'
     384    );
     385
     386
    379387        if (controlVis == 'hidden') {
    380                 hideDiv = hider;
    381         } else {
    382                 hideList = hider;
    383         }
    384         controlsDiv.innerHTML = '<form action="#" id="controlForm"' + hideDiv + '>' +
    385         '<div id="navLinks">' +
    386         '<a accesskey="t" id="toggle" href="javascript:toggle();">&#216;<\/a>' +
    387         '<a accesskey="z" id="prev" href="javascript:go(-1);">&laquo;<\/a>' +
    388         '<a accesskey="x" id="next" href="javascript:go(1);">&raquo;<\/a>' +
    389         '<div id="navList"' + hideList + '><select id="jumplist" onchange="go(\'j\');"><\/select><\/div>' +
    390         '<\/div><\/form>';
    391         if (controlVis == 'hidden') {
    392                 var hidden = document.getElementById('navLinks');
    393         } else {
    394                 var hidden = document.getElementById('jumplist');
    395         }
    396         addClass(hidden,'hideme');
     388            objet = '#controlForm';
     389            $('#navLinks').addClass('hideme');
     390        } else {
     391            objet = '#navList';
     392                $('#jumplist').addClass('hideme');
     393        }
     394   
     395    $(objet).mouseover(function() {
     396        showHide('s');   
     397    });
     398
     399    $(objet).mouseout(function() {
     400        showHide('h');   
     401    });
     402
    397403}
    398404
     
    549555}
    550556
    551 window.onload = startup;
    552 window.onresize = function(){setTimeout('fontScale()', 50);}
     557$('document').ready( function() {
     558    startup();
     559});
     560
     561
     562$('document').resize( function() {
     563    setTimeout('fontScale()', 50);
     564});
Note: See TracChangeset for help on using the changeset viewer.