如何在asp.net中从另一个页面动态更改一个页面的锚标记样式 [英] How to dynamically change anchor tag styles of one page from another page in asp.net

问题描述

我有主页标题DIV和两个左右分开的iframe。



标题div包含一些锚标记，其中包含一些用Jquery编写的样式和样式。当用户点击锚标记时，它会突出显示。

< script type =   text / javascript> 
 $（ document ）。ready（ function （）{
 $（< span class =code-string>'  #lnkHomePage'）。click（ function  （）{
 $（'  #lnkHomePage'）。css（'  background-color'，' ＃498120'）; 
 $（'  #lnkHomePage'）。css（'  color'，' ＃fff'）; 
 
 $（'  #lnkMyProf'）。css（'  background-color' ，' ＃fff'）; 
 $（'  #lnkMyProf'）。css（'  color'，' ＃ 556B2F'）; 
 
 $（'  #lnkChgPwd'）。css（  background-color'， ＃FFF）; 
 $（'  #lnkChgPwd'）。css（'  color'，' ＃ 556B2F'）; 
}）; 
 
 $（'  #lnkMyProf'）。click（ function （）{
 $（'  #lnkMyProf'）。css（'  background-color'， ' ＃498120'）; 
 $（'  #lnkMyProf'）。css（'  color'，' ＃fff'）; 
 
 $（'  #lnkChgPwd'）。css（'  background-color， ＃fff'）; 
 $（'  #lnkChgPwd'）。css（'  color'，' ＃556B2F'）; 
 
 $（'  #lnkHomePage'）。css（  background-color'， ＃FFF）; 
 $（'  #lnkHomePage'）。css（'  color'，' ＃ 556B2F'）; 
}）; 
 
 $（'  #lnkChgPwd'）。click（ function （）{
 $（' ＃lnkChgPwd'）。css（'  background-color'， ' ＃498120'）; 
 $（'  #lnkChgPwd'）。css（'  color'，' ＃fff'）; 
 
 $（'  #lnkHomePage'）。css（'  background-color， ＃fff'）; 
 $（'  #lnkHomePage'）。css（'  color'，' ＃556B2F'）; 
 
 $（'  #lnkMyProf'）。css（  background-color'， ＃FFF）; 
 $（'  #lnkMyProf'）。css（'  color'，' ＃ 556B2F'）; 
}）; 
 
}）; 
< / script> 

左侧我已加载菜单树视图页面。



当用户点击左侧框架（菜单树视图aspx）时，如果锚标记在标题div中突出显示，那么我必须删除突出显示的样式。



任何人都可以告诉我怎么做？

解决方案

（ document ）。ready（ function （）{

（' #lnkHomePage'）。click（ function （）{

（' #lnkHomePage'）。css（ background-color'， ＃498120' ）;

I have "Home Page" with header DIV and two iframes which is divided left and right.

Header div contain few anchor tag with some styles and styles written in Jquery. When user clicks anchor tag it will highlighted.

<script type="text/javascript">
        $(document).ready(function () {
            $('#lnkHomePage').click(function () {
                $('#lnkHomePage').css('background-color', '#498120');
                $('#lnkHomePage').css('color', '#fff');

                $('#lnkMyProf').css('background-color', '#fff');
                $('#lnkMyProf').css('color', '#556B2F');

                $('#lnkChgPwd').css('background-color', '#fff');
                $('#lnkChgPwd').css('color', '#556B2F');
            });

            $('#lnkMyProf').click(function () {
                $('#lnkMyProf').css('background-color', '#498120');
                $('#lnkMyProf').css('color', '#fff');

                $('#lnkChgPwd').css('background-color', '#fff');
                $('#lnkChgPwd').css('color', '#556B2F');

                $('#lnkHomePage').css('background-color', '#fff');
                $('#lnkHomePage').css('color', '#556B2F');
            });

            $('#lnkChgPwd').click(function () {
                $('#lnkChgPwd').css('background-color', '#498120');
                $('#lnkChgPwd').css('color', '#fff');

                $('#lnkHomePage').css('background-color', '#fff');
                $('#lnkHomePage').css('color', '#556B2F');

                $('#lnkMyProf').css('background-color', '#fff');
                $('#lnkMyProf').css('color', '#556B2F');
            });

        });
    </script>

Left side i loaded Menu Tree View page.

When user clicks left side frame (menu tree view aspx), if anchor tag is highlighted in the header div then i must remove the highlighted styles.

Can any one please tell me how to do this?

解决方案

(document).ready(function () {

('#lnkHomePage').click(function () {

('#lnkHomePage').css('background-color', '#498120');

这篇关于如何在asp.net中从另一个页面动态更改一个页面的锚标记样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！