<%@ Page Language="vb" AutoEventWireup="false"%>
<html>
<head>
<title>Exemple Slide</title>
<script type="text/javascript" src="ext-base.js"></script> <!--permet de faire le slide, librairie Ext.2-->
<script type="text/javascript" src="/lib/_extjs3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/lib/_extjs3/adapter/ext/ext-core-debug.js"></script>
<script type="text/javascript" src="/lib/_extjs3/ext-all.js"></script>
<script type="text/javascript">
var clique = false;
function getSlide() {
if( !clique) {
Ext.get('slide').slideIn('t',
{
duration: .5,
remove: false,
useDisplay: true,
});
clique = true;
} else{
if (clique) {
Ext.get('slide').slideOut('t',
{
duration: .5,
remove: false,
useDisplay: true,
});
clique = false;
}
}
}
</script>
</head>
<body>
<div id="slide" style="color=red; visibility:hidden; display:none;">
<script type="text/javascript">
MyPanel = new Ext.Panel({
id: "slide",
width: 250,
height: 352,
layout: 'fit',
title: 'Création de requêtes étape 1',
items: [
{
xtype: 'label',
text: 'Etape 1 : Choisissez l\'opérateur souhaité'
}
]
});
</script>
</div>
<a href ="#" onclick="getSlide();">Slide avec ExtJs</a>
</body>
</html>
Partager