html中的弹出框

    拿去就是可以用的,一个css,两js,要是没有效果,怪我喽!!!

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 

<link href="/web/newict/framework/thirdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>


 
<script type="text/javascript" language="javascript"
 src="/web/newict/framework/thirdparty/jquery-1.10.2.min.js"></script>
<script type="text/javascript"
 src="/web/newict/framework/thirdparty/bootstrap/js/bootstrap.min.js"></script>

 

 

<!--写个js举个栗子·················-->

<script type="text/javascript" charset="utf-8">
 
 function deleteItem(selectId){
  var selectOption = $("#"+selectId+" option:selected");
  if(selectOption.length==0){
   var showHtml = "<p>";
    showHtml = showHtml+"<span style='font-weight: bold;'>'"+"没有选择要删除的内容"+"'</span></p>";
   $("#returnContent").html(showHtml);
   $("#errorinfo").modal("show");
   return;
  }

</script>
</head>


      <!--无耻的分割线-->      
           <img src="/web/res/web-csp-rm/images/set/u54.gif" class="imgCur" οnclick="deleteItem('sceneSelect')" title="delete"/>    
      
        <select id="sceneSelect" size="10" class="form-control" >
      
      </select>
       <!--无耻的分割线-->   

 
 
 <!--下面就是整个“弹出框”了,一点都不能少·······-->
 <div class="modal fade" id="errorinfo" tabindex="-1" role="dialog"  data-backdrop = "false" aria-hidden="false">
     <div class="modal-dialog ">
        <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
      <h5 class="modal-title" >
      <!--<script type="text/javascript">document.write(web_set_message)</script>-->
      消息
      </h5>
      </div>
      <div class="modal-body" id="returnContent">
       
      </div>
      <div class="modal-footer">
        <button id="errorclose" type="button" class="btn btn-default" data-dismiss="modal">
      <!--<script type="text/javascript">document.write(web_set_close)</script>-->
      关闭
      </button>
      </div>
    </div>
   </div>
  </div>


</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值