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
| <html>
<head>
<title>Empecher un rebond+ (Scriptacolous)</title>
<style type="text/css">
#Container
{
z-index: 1;
border: 1px solid #F9CB66;
}
#Sous_titre
{
float: left;
height: 20px;
background-image: url("images/Degrade_sous_titre.png");
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
text-align: left;
line-height: 18px;
text-indent: 15px;
color: #9E352F; /* Texte en rouge */
font-weight: bold; /* Texte en gras */
font-size: 13px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#Ombre_sous_titre_d
{
float: left;
background-color: #663D1D;
width:5px;
height:17px;
margin-top: 3px; /* Décalage de l'ombre */
}
#Bouton_plus
{
float: left;
width: 20px;
height: 19px;
background-color: #FFD9B3;
background-image: url("images/Plus_mini_2.gif");
background-position : right; /* Fond avec bouton "Plus" positionné à droite */
background-repeat: no-repeat;
}
#Texte
{
float: left;
height: 19px;
background-image: url("images/Fond_texte.png");
background-repeat: repeat-x;
text-align: left;
line-height: 17px;
text-indent: 1px;
color: black;
font-weight: normal;
font-size: 12px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#Ombre_ligne_d
{
float: left;
background-color: #663D1D;
width:5px;
height:19px;
}
#Texte_caché
{
float: left;
background-color: #FFE9D2;
background-image: url("images/Ombre_ligne_droit.png");
background-position : right; /* Fond avec ombre positionnée à droite */
background-repeat: repeat-y;
text-align: left;
padding-left: 5px;
padding-right: 10px;
line-height: 17px;
text-indent: 7px;
color: black;
font-weight: normal;
font-size: 12px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
</style>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script>
$(document).ready(function(){
var mobilite="non"
var demande_remontee="non"
var demande_descente="non"
function memoire(){
mobilite="non"
if(demande_remontee=="oui"){
demande_remontee="non"
new Effect.BlindDown('Texte_caché');
}
};
$('Bouton_plus').mouseover(function(){ /* Si demande de descente... */
if(mobilite=="non"){ /* Si il n'y a aucun mouvement en cours... */
mobilite="oui" /* Alors on autorise la descente */
var euh="hum"
new Effect.BlindDown('Texte_caché');
}
});
$('Bouton_plus').mouseout(function(){ /* Même principe que pour la descente */
if(mobilite=="non"){
mobilite="oui"
new Effect.BlindUp('Texte_caché');
}else{ /* Si un mouvement est déjà présent... */
demande_remontee="oui" /* ... On mémorise la demande, qui sera exécutée à la fin de la descente en cours */
}
});
});
</script>
</head>
<body bgcolor="#FFFFFF" background="images/Fond.png">
<div id="Container" style="position:absolute; width:310px; height:100px; left: 200px; top: 10px">
<div id="Sous_titre" style="width:300">Sous titre</div>
<div id="Ombre_sous_titre_d"></div>
<div id="Bouton_plus" class="numero_de_bouton1"></div>
<div id="Texte" style="width:280px">Texte</div>
<div id="Ombre_ligne_d"></div>
<span class="message_numero1">
<!-- Gestion / texte caché -->
<div id="Texte_caché" style="display:none; width:290px">
<span>Texte qui apparait... Texte qui apparait... Texte qui apparait... Texte qui apparait... </span>
<br /><br />
</div>
</span>
</div>
</body>
</html> |
Partager