Auteur : DotSharp
Nous pouvons voir la fonction de la barre de navigation dans le coin supérieur gauche du forum CSDN. Simulons cette fonction et utilisons JS pour créer une simple fonction de masquage de la barre de navigation gauche sans actualisation dans asp.net
. frame Page, nous l'appelons main.aspx
<!-- code principal de main.aspx-->
<script>
document.write("<frameset rows='54,28,*,19' frameborder='NO' border='0' framepacing='0'>");
document.write("<frame src='title.aspx' name='topFrame' scrolling='NO' noresize>");
document.write("<frame src='bar.aspx' name='MainNaviFrame' scrolling='NO'>");
<!-- left.aspx est la page de navigation, menuswitch.aspx est la page des boutons interactifs-->
document.write("<frameset name='forum' cols='150,8,*' frameborder='NO' border='0' framepacing='0'>");
document.write("<frame src='left.aspx' name='LeftFrame' scrolling='auto'>");
document.write("<frame src='menuswitch.aspx' name='SwichFrame' scrolling='No'>");
document.write("<frameset rows='100%,*' frameborder='NO' border= '0' framepacing='0'>");
document.write("<frame src='' name='MainFrame' scrolling='no'>");
document.write("</frameset></frameset>");
document.write("<frame src='bottom.aspx' name='BottomFrame' scrolling='No'></frameset>");
</script>
<!-- code principal de menuswitch.js -->
var leftwin = vrai;
fonction changeWin()
{
si (gauchewin == vrai)
{
parent.forum.cols = "0,8,*";
parent.SwichFrame.menuSwitch.innerHTML = "<a onclick='changeWin();' style='cursor:hand;'><img src='images/ArrowOpen.gif' border='0'></a>" ;
gauchegain = faux ;
}
autre
{
parent.forum.cols = "150,8,*";
parent.SwichFrame.menuSwitch.innerHTML = "<a onclick='changeWin();' style='cursor:hand;'><img src='images/ArrowClose.gif' border='0'></a>" ;
gauchegain = vrai ;
}
}
<!-- code principal de menuswitch.aspx -->
<table height="100%" cellSpacing="0" cellPadding="0" width="8" background="images/MiddleBg1.gif"
bordure="0">
<tr>
<td onclick="changeWin();" style="cursor:hand;" id="menuSwitch" align="center">
<img id="Image1" src="images/ArrowClose.gif" border="0" />
</td>
</tr>
</table>
Les fonctions ci-dessus ne sont pas parfaites et ne peuvent servir que de guide. Les internautes sont invités à communiquer avec moi.