标签: show-hide

我想让这个简单的脚本工作.基本上,当用户单击"显示"链接时,它将在密码文本框中显示密码,并在再次单击时隐藏密码.我已经搜索了解决方案,但找不到任何我需要的东西.这是代码:

JavaScript的

    function toggle_password(target){
    var tag = getElementById(target);
    var tag2 = getElementById("showhide");
    if (tag2.innerHTML == 'Show'){
        tag.setAttribute('type', 'text');   
        tag2.innerHTML = 'Hide';
    }
    else{
        tag.setAttribute('type', 'password');   
        tag2.innerHTML = 'Show';
    }

    }

HTML

<label for="pwd0">Password:</label>
<input type="password" value="####" name="password" id="pwd0" />
<a href="#" onclick="toggle_password('pwd0');" id="showhide">Show</a>

当我点击链接时,没有任何反应.我已经测试了这个,没有使用if语句,但仍然没有做任何事情.

我正在使用twitter bootstrap开发应用程序.2列布局.一个侧边栏和主要内容.以下是布局.

<div class="container-fluid">
<div class="row-fluid">
<div class="span3 target">
<!--Sidebar content-->
</div>
<div class="span9 ">
        <i class="icon-chevron-left toggles"></i>
<!--Body content-->
</div>
</div>
</div> 

在单击内容中的链接时,我想隐藏侧边栏和内容以占用整个页面.目前我设法这样做,

$(document).ready(function(){
$(window).resize(function () { plot(); });

$('.toggles').click(function() {
  $('.target').toggle('fast', function() {
    $('.contents').toggleClass('span12'),
    $('.contents').toggleClass('span9'),
    $('.toggles').toggleClass('icon-chevron-right'),
  });
});
});

但是我在隐藏span3后看到左侧有一个边距.这需要删除.同样在这种隐藏方法中,在第一次单击时,span3隐藏和span9更改为span12.这在某种程度上工作正常.但是在第二次单击时,span3首先显示,然后只有内容span12减少到span9.由于这个内容跳了下来,直到它减少到span9.我想解决这个问题.在第二次单击时,span12首先跨越9,然后侧边栏显示..类似的东西.

我见过许多类似的帖子,其中使用了"content"和"sidebar"类而不是"spanXX".但它不适合我的情况.我不知道为什么.请帮帮我..

我正在研究3系列的动态flot图.我需要在点击图例时隐藏/显示系列.我已经看到了不同的例子,它们可以很好地用于静态图形,但是对于动态图形,即使它第一次工作,但是当使用新数据值更新图形时,一切都显示为默认选项.一旦我隐藏了系列,我希望它被隐藏,直到我再次点击显示它.

我正在尝试确定已使用CWnd :: ShowWindow()隐藏或启用的窗口控件的可见性.(或:: ShowWindow(hWnd,nCmdShow))

我不能简单地用:: IsWindowVisible(HWND)作为控制是在标签片,其自身可以被切换出,引起IsWindowVisible返回FALSE.

有没有办法获得SW_SHOW/HIDE(或其他)窗口状态或我是否需要使用ShowWindow()的重新调整值并相应地重置？

编辑:当控件被启用(或禁用)显示,但可能当前不可见,因为选项卡被切换,我认为它的SW_SHOW状态将保持不变,即使窗口本身实际上没有切换如果我对我的期望不太现实,那就没事了.

所以我真的在寻找'可以显示此窗口/控件'

我有一个webgrid,有一个列我想只对某些用户可见.目前我已按如下方式编码网格

if (Context.User.IsInRole(Role.Inputter) || Context.User.IsInRole(Role.Administrator))
{
    @grid.GetHtml(columns: grid.Columns(
        grid.Column(format: (item) => Html.ActionLink("Select", "Details", new { contractId = item.ContractId })),
        grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { contractId = item.ContractId })),
        grid.Column("SignOffDate", "Sign Off Date",
            format: @<text> <span>@item.SignOffDate.ToString("d/M/yyyy")</span></text>),
        grid.Column("FullContractNumber", "Contract Number"),
        grid.Column("ContractTitle", "Title")
    ));
}
else
{ 
    @grid.GetHtml(columns: grid.Columns(
        grid.Column(format: (item) => Html.ActionLink("Select", "Details", new { contractId = item.ContractId })),
        grid.Column("SignOffDate", "Sign Off Date",
            format: @<text> <span>@item.SignOffDate.ToString("d/M/yyyy")</span></text>),
        grid.Column("FullContractNumber", "Contract Number"),
        grid.Column("ContractTitle", "Title")
    ));
}

但是肯定有更好的方法而不重复所有代码？2列输入之间的唯一区别是我想显示特定用户的编辑链接.那么这样做的最佳替代方式是什么？

现在已经有一段时间了.基本上,我需要检查href带有类的锚标记的位置.pdf-download是否为空,如果是,则隐藏它.

我尝试了一些选择,但没有运气.这是我到目前为止:

$("a.pdf-download").each(function (i) {
  if ($('[href]:empty',this).length == 1) { 
    $(this).hide();
  } else {
    $(this).show();
  }
});

我正在我的asp.net MVC Web应用程序中实现jqgrid.

在我的网格中,我有两列编辑和删除.仅当用户以管理员身份登录时,删除才可见.

我们如何在jqgrid中动态隐藏.show列.我有一个会话变量来检查登录用户是否是管理员.

我在javascript中访问该变量.但是,不知道如何在jqgrid中隐藏/显示列

请帮忙..

有人知道隐藏标签的简单方法,让屏幕的其他视图使用空白处吗？在显示该视图时,反之亦然.类似于Android的setVisibility = GONE.

据我所知,使用setHidden = true只能隐藏屏幕上的视图,但不会重新排列它周围的任何内容.

谢谢

如何使用C#以编程方式显示/隐藏桌面图标？

我正在尝试创建一个使用小部件的替代桌面,我需要隐藏旧图标.

我想用离子2创建这样的设计 - > https://codepen.io/Floky87/pen/bVopyZ

这是一个具有隐藏/显示密码的登录功能.

这是我的HTML代码

<ion-header>

  <ion-navbar>
    <ion-title>Login</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
<ion-item>
      <ion-label floating primary>Username</ion-label>
      <ion-input type="text"></ion-input>
</ion-item> 
<ion-item>
      <ion-label floating primary>Password</ion-label>
      <ion-input type="password"></ion-input>
      <ion-icon name="eye" item-right (click)="showHide()"></ion-icon>
</ion-item> 
</ion-content>

这是结果 - > http://prntscr.com/gz12xg

这是我的.ts代码

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';

@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
})
export class LoginPage {

  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad LoginPage');
  }
  showHide() {
    console.log('hi');
  }

}

问题是,眼睛图标不可点击.没有来自控制台的日志.

当我点击眼睛图标时,它只允许我从密码字段输入. …