1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17 - 18 - 19 - 20 - 21 - 22 - 23 - 24 - 25 - 26 - 27 - 28 - 29 - 30 - 31 - 32 - 33 - 34 - 35 - 36 - 37 - 38 - 39 - 40 - 41 - 42 - 43 - 44 - 45 - 46 - 47 - 48 - 49 - 50 - 51 - 52 - 53 - 54 - 55 - 56 - 57 - 58 - 59 - 60 - 61 - 62 - 63 - 64 - 65 - 66 - 67 - 68 - 69 - 70 - 71 - 72 - 73 - 74 - 75 - 76 - 77 - 78 - 79 - 80 - 81 - 82 - 83 - 84 - 85 - 86 - 87 - 88 - 89 - 90 - 91 - 92 - 93 - 94 - 95 - 96 - 97 - 98 - 99 - 100 - 101 - 102 - 103 - 104 - 105 - 106 - 107 - 108 - 109 - 110 - 111 - 112 - 113 - 114 - 115 - 116 - 117 - 118 - 119 - 120 - 121 - 122 - 123 - 124 - 125 - 126 - 127 - 128 - 129 - 130 - 131 - 132 - 133 - 134 - 135 - 136 - 137 - 138 - 139 - 140 - 141 - 142 - 143 - 144 - 145 - 146 - 147 - 148 - 149 - 150 - 151 - 152 - 153 - 154 - 155 - 156 - 157 - 158 - 159 - 160 - 161 - 162 - 163 - 164 - 165 - 166 - 167 - 168 - 169 - 170 - 171 - 172 - 173 - 174 - 175 - 176 - 177 - 178 - 179 - 180 - 181 - 182 - 183 - 184 - 185 - 186 - 187 - 188 - 189 - 190 - 191 - 192 - 193 - 194 - 195 - 196 - 197 - 198 - 199 - 200 - 201 - 202 - 203 - 204 - 205 - 206 - 207

 


10 ... 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 ... 40 ... 50 ... 60 ... 70 ... 80 ... 90 ... 100 ... 110 ... 120 ... 130 ... 140 ... 150 ... 160 ... 170 ... 180 ... 190 ... 200 ...

<< ... 20 - 21 - 22 - 23 - 24 - 25 - 26 - 27 - 28 - 29 ... >>

Liste des pages ( 21 / 207 )
1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17 - 18 - 19 - 20 - 21 - 22 - 23 - 24 - 25 - 26 - 27 - 28 - 29 - 30 - 31 - 32 - 33 - 34 - 35 - 36 - 37 - 38 - 39 - 40 - 41 - 42 - 43 - 44 - 45 - 46 - 47 - 48 - 49 - 50 - 51 - 52 - 53 - 54 - 55 - 56 - 57 - 58 - 59 - 60 - 61 - 62 - 63 - 64 - 65 - 66 - 67 - 68 - 69 - 70 - 71 - 72 - 73 - 74 - 75 - 76 - 77 - 78 - 79 - 80 - 81 - 82 - 83 - 84 - 85 - 86 - 87 - 88 - 89 - 90 - 91 - 92 - 93 - 94 - 95 - 96 - 97 - 98 - 99 - 100 - 101 - 102 - 103 - 104 - 105 - 106 - 107 - 108 - 109 - 110 - 111 - 112 - 113 - 114 - 115 - 116 - 117 - 118 - 119 - 120 - 121 - 122 - 123 - 124 - 125 - 126 - 127 - 128 - 129 - 130 - 131 - 132 - 133 - 134 - 135 - 136 - 137 - 138 - 139 - 140 - 141 - 142 - 143 - 144 - 145 - 146 - 147 - 148 - 149 - 150 - 151 - 152 - 153 - 154 - 155 - 156 - 157 - 158 - 159 - 160 - 161 - 162 - 163 - 164 - 165 - 166 - 167 - 168 - 169 - 170 - 171 - 172 - 173 - 174 - 175 - 176 - 177 - 178 - 179 - 180 - 181 - 182 - 183 - 184 - 185 - 186 - 187 - 188 - 189 - 190 - 191 - 192 - 193 - 194 - 195 - 196 - 197 - 198 - 199 - 200 - 201 - 202 - 203 - 204 - 205 - 206 - 207

Liste des pages ( 21 / 207 )
1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17 - 18 - 19 - 20 - 21 - 22 - 23 - 24 - 25 - 26 - 27 - 28 - 29 - 30 - 31 - 32 - 33 - 34 - 35 - 36 - 37 - 38 - 39 - 40 - 41 - 42 - 43 - 44 - 45 - 46 - 47 - 48 - 49 - 50 - 51 - 52 - 53 - 54 - 55 - 56 - 57 - 58 - 59 - 60 - 61 - 62 - 63 - 64 - 65 - 66 - 67 - 68 - 69 - 70 - 71 - 72 - 73 - 74 - 75 - 76 - 77 - 78 - 79 - 80 - 81 - 82 - 83 - 84 - 85 - 86 - 87 - 88 - 89 - 90 - 91 - 92 - 93 - 94 - 95 - 96 - 97 - 98 - 99 - 100 - 101 - 102 - 103 - 104 - 105 - 106 - 107 - 108 - 109 - 110 - 111 - 112 - 113 - 114 - 115 - 116 - 117 - 118 - 119 - 120 - 121 - 122 - 123 - 124 - 125 - 126 - 127 - 128 - 129 - 130 - 131 - 132 - 133 - 134 - 135 - 136 - 137 - 138 - 139 - 140 - 141 - 142 - 143 - 144 - 145 - 146 - 147 - 148 - 149 - 150 - 151 - 152 - 153 - 154 - 155 - 156 - 157 - 158 - 159 - 160 - 161 - 162 - 163 - 164 - 165 - 166 - 167 - 168 - 169 - 170 - 171 - 172 - 173 - 174 - 175 - 176 - 177 - 178 - 179 - 180 - 181 - 182 - 183 - 184 - 185 - 186 - 187 - 188 - 189 - 190 - 191 - 192 - 193 - 194 - 195 - 196 - 197 - 198 - 199 - 200 - 201 - 202 - 203 - 204 - 205 - 206 - 207

a
b
c
d
e
f
g
h
i
j
k
l
m

<?php

/**
 * @file multipage.php
 * @brief Page d'essai de menu pour multipage avec beaucoup de pages.
 *
 * @author hughes monget
 * @see http://monget.com/
 */
 
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
        <title>test multipage</title>
        <script type="text/javascript">
        <!--;

        function on_load()
        {
            if (!document || !document.getElementById)
            {
                return
            }

            // Gestion du rollover sur le menu déroulant.
            var obj_menu_deroulant = document.getElementById("bouton_affichage")
            var obj_sous_menu      = document.getElementById("liste_cachee")
            if (obj_menu_deroulant && obj_sous_menu && obj_menu_deroulant.style && obj_sous_menu.style)
            {
                // Mouseover.

                // On rend le menu invisible en javascript: xomme ça,
                // si le js est désactivé, le menu sera visible.

                obj_sous_menu.style.display = "none"
                var callback_onmouseover = function()
                {
                    if (obj_sous_menu.style.display == "none")
                    {
                        obj_sous_menu.style.display = "block"
                    }
                }
                obj_menu_deroulant.onmouseover = callback_onmouseover
                obj_sous_menu.onmouseover      = callback_onmouseover

                // Mouseout.
                var callback_onmouseout = function()
                {
                    if (obj_sous_menu.style.display == "block")
                    {
                        obj_sous_menu.style.display = "none"
                    }
                }
                obj_menu_deroulant.onmouseout = callback_onmouseout
                obj_sous_menu.onmouseout      = callback_onmouseout
            }
        }

        // -->
        </script>

        <style type="text/css">
        <!--

        body
        {
            color: #000;
        }

        div.liste_complete a, div.liste_allegee a, div.liste_glissante a
        {
            color: #00f;
            text-decoration: none;
            font-size: 9px;
        }

        div.liste_allegee a
        {
            font-size: 12px;
        }

        div.liste_complete a.cur, div.liste_allegee a.cur, div.liste_glissante a.cur
        {
            color: #f00;
            border-bottom: 1px solid #f00;
        }

        div.liste_complete a.dizaine
        {
            background: #eee;
        }

        div.liste_selection .changer_page
        {
            margin: 0;
            padding: 0;
        }

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

/* remove the bullets, padding and margins from the lists */

.liste_numero_page
{
    display: block;
    height: 25px;
}

.liste_numero_page ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.liste_numero_page li
{
    float: left;
    position: relative;
    z-index: 100;
}

/* use the table to position the dropdown list */
.liste_numero_page table
{
    border-collapse: collapse;
    left: -1px;
    position: absolute;
    top: 25px;
    z-index: 80;
}

/* style all the links */
.liste_numero_page a, .liste_numero_page :visited
{
    display: block;
    color: #000;
    background: #eee;
    font-size: 12px;
    margin-right: 1px;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    width: 25px;
}

/* style the links hover */
.liste_numero_page :hover
{
    background: #ccc;
    color: #444;
}

/* hide the sub level links */
.liste_numero_page ul ul
{
    height: 0;
    position: absolute;
    visibility: hidden;
    width: 25px;
}

/* make the sub level visible on hover list or link */
.liste_numero_page ul li:hover ul, .liste_numero_page ul a:hover ul
{
    visibility: visible;
}


#bouton_affichage
{
}

#position_mouseover
{
    position: relative;
}

#position_mouseover span
{
    border: 1px dotted #ccc;
    background: #f0f0f0;
}

#liste_mouseover
{
    display: none;
    visibility: hidden;
    float: left;
    position: absolute;
    top: 20px;
    left: 1px;
    background: cyan;
    padding: 5px;
    background: #f0f0f0;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
}

        -->
        </style>
    </head>
    <body onload="on_load()">
<?php

// Gestion du paramètre http.
define('SN'$_SERVER['SCRIPT_NAME']);
define('INT_MAX_ELEMENT'207);
define('HTTP_PAGE''p');

$int_page_courante 1;
if (isset(
$_REQUEST[HTTP_PAGE]))
{
    
$int_tmp intval($_REQUEST[HTTP_PAGE]);
    if (
$int_tmp && $int_tmp <= INT_MAX_ELEMENT)
    {
        
$int_page_courante $int_tmp;
    }
}


//------------------------------------------------------------------------------
echo "\n",
    
'<hr />',
    
'<div class="liste_complete">';

for (
$ii 1$ii <= INT_MAX_ELEMENT$ii++)
{
    
$str_classe '';
    if (
$int_page_courante === $ii)
    {
        
$str_classe .= ' cur';
    }
    if ((
$ii 10) == 0)
    {
        
$str_classe .= ' dizaine';
    }
    if (
$str_classe)
    {
        
$str_classe ' class="'.$str_classe.'"';
    }
    echo 
'<a href="'.SN.'?'.HTTP_PAGE.'='.$ii.'"'.$str_classe.'>'.$ii.'</a>';
    if (
$ii INT_MAX_ELEMENT) { echo ' - '; }
}

echo 
'</div>';


//------------------------------------------------------------------------------
echo "\n",
    
'<hr />',
    
'<div class="liste_selection">';

echo
    
'<form class="changer_page" action="">',
    
'<select name="',HTTP_PAGE,'" onchange="this.form.submit();">';

for (
$ii 1$ii <= INT_MAX_ELEMENT$ii++)
{
    
$str_classe '';
    if ((
$ii 10) == 0)
    {
        
$str_classe ' class="dizaine"';
    }
    
$str_selected '';
    if (
$int_page_courante === $ii)
    {
        
$str_selected ' selected="selected"';
    }
    echo 
'<option',$str_classe,$str_selected,'>',$ii,'</option>';
}

echo
    
'</select>',
    
'&nbsp;',
    
'<input type="submit" value="go" />',
    
'</form>';

echo 
'</div>';


//------------------------------------------------------------------------------

$arr_arr_int_page range(0INT_MAX_ELEMENT);
$arr_arr_int_page array_chunk($arr_arr_int_page10);
unset(
$arr_arr_int_page[0][0]);

echo 
"\n",
    
'<hr />',
    
'<div class="liste_numero_page">',
    
'<ul>';
foreach (
$arr_arr_int_page as $arr_int_page)
{
    
$ii array_shift($arr_int_page);
    echo 
"\n",
        
'<li><a href="',SN,'?',HTTP_PAGE,'=',$ii,'">',$ii,'<!--[if IE 7]><!--></a><!--<![endif]-->',
        
'<!--[if lte IE 6]><table><tr><td><![endif]-->';
    if (
$arr_int_page)
    {
        echo 
'<ul>';
        foreach (
$arr_int_page as $ii)
        {
            echo 
"\n",'<li><a href="',SN,'?',HTTP_PAGE,'=',$ii,'">',$ii,'</a></li>';
        }
        echo 
'</ul>';
    }
    echo
        
'<!--[if lte IE 6]></td></tr></table></a><![endif]-->',
        
'</li>';
}
echo
    
'</ul>',
    
'</div>';




//------------------------------------------------------------------------------
echo "\n",
    
'<hr />',
    
'<div class="liste_allegee">';

$int_intervalle 10;

function 
echo_a($ii$int_page_courante)
{
    
$str_classe '';
    if (
$int_page_courante === $ii)
    {
        
$str_classe ' class="cur"';
    }
    echo 
' <a href="'.SN.'?'.HTTP_PAGE.'='.$ii.'"'.$str_classe.'>'.$ii.'</a> ';
}

$int_minimum max(0$int_page_courante $int_intervalle);
$int_maximum min(INT_MAX_ELEMENT 1$int_page_courante $int_intervalle);

$bool_3_points false;
for (
$ii 1$ii <= INT_MAX_ELEMENT$ii++)
{
    if ((
$ii 10) == 0)
    {
        
echo_a($ii$int_page_courante);
        
$bool_3_points true;
    }
    else
    {
        if (
$int_minimum $ii  &&  $ii $int_maximum)
        {
            
echo_a($ii$int_page_courante);
        }
        else
        {
            if (
$bool_3_points)
            {
                echo 
'...';
                
$bool_3_points false;
            }
        }
    }
}

echo 
'</div>';


//------------------------------------------------------------------------------
echo "\n",
    
'<hr />',
    
'<div class="liste_glissante">';

$int_dizaine intval(floor($int_page_courante 10)) * 10;

$int_minimum max(1$int_dizaine);
$int_maximum min(INT_MAX_ELEMENT$int_dizaine 9);

if (
$int_minimum != 1)
{
    echo 
'<a href="'.SN.'?'.HTTP_PAGE.'='.($int_dizaine-10).'"'.$str_classe.'>&lt;&lt;</a> ... ';
}

for (
$ii $int_minimum$ii <= $int_maximum$ii++)
{
    
echo_a($ii$int_page_courante);
    if (
$ii != INT_MAX_ELEMENT && $ii != $int_maximum)
    {
        echo 
' - ';
    }
}

if (
$int_maximum != INT_MAX_ELEMENT)
{
    echo 
' ... <a href="'.SN.'?'.HTTP_PAGE.'='.($int_dizaine+10).'"'.$str_classe.'>&gt;&gt;</a> ';
}

echo 
'</div>';

//------------------------------------------------------------------------------
echo "\n",
    
'<hr />';

echo <<<JS
<script type="text/javascript">
<!--;
function afficherListePages()
{
    document.getElementById('liste_mouseover').style.visibility = 'visible'
    document.getElementById('liste_mouseover').style.display = 'block'
}
function cacherListePages()
{
    document.getElementById('liste_mouseover').style.visibility = 'hidden'
    document.getElementById('liste_mouseover').style.display = 'none'
}
//-->
</script>
JS;

echo 
'<div id="position_mouseover"><span onmouseover="afficherListePages()" onmouseout="cacherListePages()">Liste des pages ( ',$int_page_courante,' / ',INT_MAX_ELEMENT,' )</span>';

echo 
'<div id="liste_mouseover" class="liste_complete" onmouseover="afficherListePages()" onmouseout="cacherListePages()">';

for (
$ii 1$ii <= INT_MAX_ELEMENT$ii++)
{
    
$str_classe '';
    if (
$int_page_courante === $ii)
    {
        
$str_classe .= ' cur';
    }
    if ((
$ii 10) == 0)
    {
        
$str_classe .= ' dizaine';
    }
    if (
$str_classe)
    {
        
$str_classe ' class="'.$str_classe.'"';
    }
    echo 
'<a href="'.SN.'?'.HTTP_PAGE.'='.$ii.'"'.$str_classe.'>'.$ii.'</a>';
    if (
$ii INT_MAX_ELEMENT) { echo ' - '; }
}

echo 
'</div>';
echo 
'</div>';

//------------------------------------------------------------------------------
echo "\n",
    
'<hr />';

echo 
'<div id="bouton_affichage">Liste des pages ( ',$int_page_courante,' / ',INT_MAX_ELEMENT,' )';

echo 
'<div id="liste_cachee" class="liste_complete">';

for (
$ii 1$ii <= INT_MAX_ELEMENT$ii++)
{
    
$str_classe '';
    if (
$int_page_courante === $ii)
    {
        
$str_classe .= ' cur';
    }
    if ((
$ii 10) == 0)
    {
        
$str_classe .= ' dizaine';
    }
    if (
$str_classe)
    {
        
$str_classe ' class="'.$str_classe.'"';
    }
    echo 
'<a href="'.SN.'?'.HTTP_PAGE.'='.$ii.'"'.$str_classe.'>'.$ii.'</a>';
    if (
$ii INT_MAX_ELEMENT) { echo ' - '; }
}

echo 
'</div>';
echo 
'</div>';

//--- hr final
echo '<hr />';

foreach(
range('a''m') as $ii) { echo $ii'<br />'; }

echo 
'<hr />';
highlight_file(__FILE__);


?>
    </body>
</html>