Popup 不使用javascript警报和URL创建弹出窗口

Popup 不使用javascript警报和URL创建弹出窗口,popup,popupwindow,Popup,Popupwindow,我试图在alink上创建一个弹出窗口,其中包含链接主题的定义。我不想使用javascript警报,因为警告图标。我使用了window.createpopup,但它在IE以外的浏览器中不起作用。javascript或jquery中是否有其他功能仅用于创建带有信息文本的弹出窗口 这是我在我的页面上的内容 <script type="text/javascript" src="/javascript/jquery/jquery-ui-

我试图在alink上创建一个弹出窗口,其中包含链接主题的定义。我不想使用javascript警报,因为警告图标。我使用了window.createpopup,但它在IE以外的浏览器中不起作用。javascript或jquery中是否有其他功能仅用于创建带有信息文本的弹出窗口 这是我在我的页面上的内容

               <script type="text/javascript" src="/javascript/jquery/jquery-ui-                                                                                            1.8.17.custom.min.js"></script>
             <script type="text/javascript" src="/javascript/jquery/jquery-ui-1.10.3.custom.min.js"></script>
              <script type="text/javascript" src="/javascript/jquery/jquery-ui-1.10.3.custom.js"></script>
          <script type="text/javascript" src="/javascript/jquery/jquery-ui.js"></script>
            <script type="text/javascript" src="/javascript/jquery/charCount.js"></script>
               <link rel="stylesheet" type="text/css" href="/javascript/jquery/css/smootheness/jquery-ui-1.10.3.custom.css"/>
                   <link rel="stylesheet" type="text/css" href="/javascript/jquery/css/smoothness/jquery-ui-1.10.3.custom.min.css"/> 

$(文档).ready(函数(){
$('#PopupExposure')。对话框({autoOpen:false});
$(“#Exposurepopup”)。单击(函数(){
$('PopupExposure')。对话框('open');
});
$('PopupStatus')。对话框({autoOpen:false});
$(“\\35;状态弹出式”)单击(函数(){
$('PopupStatus')。对话框('open');
});
$('PopupFunction')。对话框({autoOpen:false});
$(“#函数弹出窗口”)。单击(函数(){
$('PopupFunction')。对话框('open');
});
$('PopupEffect')。对话框({autoOpen:false});
$('#Effectpopup')。单击(函数(){
$('PopupEffect')。对话框('open');
});
$('popuresearch')。对话框({autoOpen:false});
$('#Research Popup')。单击(函数(){
$('popuresearch')。对话框('open');
});
$('PopupProgram')。对话框({autoOpen:false});
$('#Programpopup')。单击(函数(){
$('PopupProgram')。对话框('open');
});
$('#popuplicity')。对话框({autoOpen:false});
$('#Policypopup')。单击(函数(){
$('PopupPolicy')。对话框('open');
});
});
*
人类
非人灵长类
啮齿动物
其他
*
面临
地位
作用
影响
区分饮食不足与慢性健康状况的反应\n确定群体或社区特定营养素的摄入水平以及与该水平相关的需求/风险

解释一个人或一群人如何与公认的营养标准进行比较。\n与这些标准相关的指导行动,如提供补充

确定特定营养素在生物系统中的作用。\n确定生物系统中不同营养素之间的潜在相互作用。\n确定营养素在生命周期不同阶段和不同生理状态下的作用,例如怀孕

评估营养状况的直接影响(即营养的充足、不足或过剩)。\n评估干预措施的影响,包括营养干预措施的影响\n1)或非营养干预措施(如药物)对营养状况或功能的影响

指对现有证据的评估和使用,以支持:\n 1)制定有关饮食和健康的新指导或政策,\n 2)资助机构决定资助申请的质量或确定食品和营养方面的研究重点,\n 3)捐助机构就优先需求领域做出决策。\n政策制定者作为数据消费者,需要对这些数据有一定程度的信心,以支持制定基于证据的政策。\n QBS将更好地让他们解释文献,并帮助支持确定优先需求领域的工作

指社区、国家、区域或全球层面的公共卫生活动,旨在通过循证干预措施解决基于人口的需求。\n支持发展,此类活动的监测和评估包括用于识别风险人群的监测数据。\n QBS旨在支持参与任何旨在支持公共卫生干预措施的制定、实施、监测或评估的活动的人员

评估营养状况以支持健康促进、疾病预防或特定情况治疗的背景。\n QBS旨在提高临床医生诊断、监测和改善患者状况及治疗反应的能力

BOND使用了一个包容性的研究定义,包括一系列活动,从利用细胞培养或非人动物模型进行细胞/分子水平研究的基础/台架研究到人类和人群临床研究(监测/流行病学)研究。\nQBS提供了关于特定用途的生物标记物范围的科学状态,并设计为无论用户的营养专业水平如何,都可以访问用户。


jQuery的对话框可能就是您要查找的:

编辑:下面是一个演示,展示了一个工作示例:

HTML:

编辑:确保包含jQuery、jQuery UI和其中一个jQuery UI样式表。您可以在jQuery的CDN站点上找到所有这些文件的链接:


我正在将内容放在一个隐藏的div中,并尝试使用链接代码,但它根本不起作用网页错误详细信息用户代理:Mozilla/4.0(兼容;MSIE 8.0;Windows NT 6.1;WOW64;Trident/4.0;SLCC2;.NET CLR 2.0.50727;.NET CLR 3.5.30729;.NET CLR 3.0.30729;.NET4.0C;.NET4.0E;InfoPath.3;MS-RTC LM 8)时间戳:Wed,2013年8月28日18:54:50 UTC消息
    $(document).ready(function () {
        $('#PopupExposure').dialog({ autoOpen: false });
        $('#Exposurepopup').click(function () {
            $('#PopupExposure').dialog('open');
        });
        $('#PopupStatus').dialog({ autoOpen: false });
        $('#Statuspopup').click(function () {
            $('#PopupStatus').dialog('open');
        });
        $('#PopupFunction').dialog({ autoOpen: false });
        $('#Functionpopup').click(function () {
            $('#PopupFunction').dialog('open');
        });
        $('#PopupEffect').dialog({ autoOpen: false });
        $('#Effectpopup').click(function () {
            $('#PopupEffect').dialog('open');
        });
        $('#PopupResearch').dialog({ autoOpen: false });
        $('#Researchpopup').click(function () {
            $('#PopupResearch').dialog('open');
        });
        $('#PopupProgram').dialog({ autoOpen: false });
        $('#Programpopup').click(function () {
            $('#PopupProgram').dialog('open');
        });
        $('#PopupPolicy').dialog({ autoOpen: false });
        $('#Policypopup').click(function () {
            $('#PopupPolicy').dialog('open');
        });
    });
</script>

       <asp:ScriptManagerProxy ID="ScriptManagerproxy1" runat="server">
        </asp:ScriptManagerProxy>
      <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
             <ContentTemplate>
          <div id="studysub_animal" runat="server">
                        <asp:Label ID="lbl_studysubj" CssClass="questions" runat="server" AssociatedControlID="rdb_studysubj"
                            Text="1. Select the study subject."></asp:Label><span class="red">*</span>

                        <asp:RadioButtonList ID="rdb_studysubj" runat="server" OnSelectedIndexChanged="rdb_studysubj_SelectedIndexChanged"
                            AutoPostBack="True" ValidationGroup="UserProfile">
                            <asp:ListItem Value="Humans">Humans</asp:ListItem>
                            <asp:ListItem Value="Non-Human primates">Non-Human primates</asp:ListItem>
                            <asp:ListItem Value="Rodents">Rodents</asp:ListItem>
                            <asp:ListItem Value="Others">Others</asp:ListItem>
                        </asp:RadioButtonList>                            
                    </div>

        <div id="bimarkerinterest" runat="server">
                        <asp:Label ID="Label1" CssClass="questions" runat="server" AssociatedControlID="rdb_biomarkerinterest"
                            Text="1.Select the Biomarker of interest."></asp:Label><span class="red">*</span>
                        <asp:RadioButtonList ID="rdb_biomarkerinterest" runat="server" AutoPostBack="true"
                            OnSelectedIndexChanged="rdb_biomarkerinterest_SelectedIndexChanged">
                            <asp:ListItem Value="Exposure"><a id="Exposurepopup">Exposure</a></asp:ListItem>
                            <asp:ListItem Value="Status"><a id="Statuspopup">Status</a></asp:ListItem>
                            <asp:ListItem Value="Function"><a id="Functionpopup">Function</a></asp:ListItem>
                            <asp:ListItem Value="Effect"><a id="Effectpopup">Effect</a></asp:ListItem>
                        </asp:RadioButtonList>

                    </div>

              <div id="PopupExposure" title="Exposure Definition" style="display:none;"><p>Distinguishing dietary insufficiencies from responses to chronic health conditions\nDetermining the level of intake for a specific nutrient for a group or community and the needs/risks associated with that level</p></div>
              <div id="PopupStatus" title="Status Definition" style="display:none;"><p>Explaining how a person or group of people compare to accepted standards of nutrition.\n Guiding actions related to these standards, such as providing supplementation.</p></div>
              <div id="PopupFunction" title="Function Definition" style="display:none;"><p>Identifying the role of specific nutrients in biological systems.\nIdentifying potential interactions amongst different nutrients in biological systems.\nIdentifying the role for nutrients at different stages of the life span and under different physiological states, e.g., pregnancy.</p></div>
                <div id="PopupEffect" title="Effect Definition" style="display:none;"><p>Assessing the direct impact of nutrient status (i.e., adequacy, deficiency or excess of nutrient.\nEvaluating the impact of an intervention, to include the impact of \n1) a nutritional intervention or \n2) the impact of a non-nutritive intervention, e.g., a drug, on nutrient status or function.</p></div>
                <div id="PopupPolicy" title="Policy Definition" style="display:none;"><p>Refers to the evaluation and use of the extant evidence to support:\n 1) the development of new guidance or policy about diet and health,\n 2) funding agencies making decisions about either the quality of funding applications or the identification of research priorities in food and nutrition,\n 3) donor agencies making decisions about priority areas of need.\nPolicy makers, as data consumers, need a level of confidence in those data to support the generation of evidence-based policy.\n The QBS will better allow them to interpret the literature and help support efforts to determine priority areas of need.</p></div>
                 <div id="PopupProgram" title="Program Definition" style="display:none;"><p>Refers to public health activities, i.e., at community, national, regional or global level, intended to address population based needs through evidence-based interventions.\nThe support for the development, monitoring and evaluation of such activities includes data from surveillance to identify populations at risk.\nThe QBS is intended to support those who are involved in any activity designed to support the development, implementation, monitoring or evaluation of public health interventions</p></div>
                <div id="PopupClinical" title="Clinical Definition" style="display:none;"><p>The context within which nutritional status is assessed to support health promotion, disease prevention or treatment of specific conditions.\n The QBS is intended to improve clinicians’ ability to diagnose, monitor and improve patient status and response to treatment</p></div>
                <div id="PopupResearch" title="Research Definition" style="display:none;"><p>BOND uses an inclusive definition of research that encompasses a continuum of activity from basic/bench research involving studies at a cellular/molecular level utilizing cell cultures or non-human animal models to clinical studies in humans and population-based (surveillance/epidemiology) research.\nThe QBS provides the state of the science with regard to the range of biomarkers available for a given use and is designed to be accessible to users irrespective of their level of nutritional expertise.</p></div> 
<a href="#" id="triggerDialog">Show Dialog</a>
<div id="dialog" style="display:none;">Some text</div>
$(function() {

    // Create the dialog and make it hidden initially
    $('#dialog').dialog({ autoOpen: false });

    // When the link is clicked, open the dialog
    $('#triggerDialog').click(function() {
        $('#dialog').dialog('open');    
        return false;
    });

});