popup - Creating a pop up without using javascript alert and URL -
i trying create pop on alink have definition of linked topic. don't want use javascript alert becoz of warning icon. used window.createpopup doesn't works in other browsers ie. there other function in javascript or jquery creating pop information text have in page
<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"/> $(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 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 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 responses chronic health conditions\ndetermining level of intake specific nutrient group or community , needs/risks associated level</p></div> <div id="popupstatus" title="status definition" style="display:none;"><p>explaining how person or group of people compare accepted standards of nutrition.\n guiding actions related these standards, such providing supplementation.</p></div> <div id="popupfunction" title="function definition" style="display:none;"><p>identifying role of specific nutrients in biological systems.\nidentifying potential interactions amongst different nutrients in biological systems.\nidentifying role nutrients @ different stages of life span , under different physiological states, e.g., pregnancy.</p></div> <div id="popupeffect" title="effect definition" style="display:none;"><p>assessing direct impact of nutrient status (i.e., adequacy, deficiency or excess of nutrient.\nevaluating impact of intervention, include impact of \n1) nutritional intervention or \n2) impact of non-nutritive intervention, e.g., drug, on nutrient status or function.</p></div> <div id="popuppolicy" title="policy definition" style="display:none;"><p>refers evaluation , use of extant evidence support:\n 1) development of new guidance or policy diet , health,\n 2) funding agencies making decisions either quality of funding applications or identification of research priorities in food , nutrition,\n 3) donor agencies making decisions priority areas of need.\npolicy makers, data consumers, need level of confidence in data support generation of evidence-based policy.\n qbs better allow them interpret literature , support efforts determine priority areas of need.</p></div> <div id="popupprogram" title="program definition" style="display:none;"><p>refers public health activities, i.e., @ community, national, regional or global level, intended address population based needs through evidence-based interventions.\nthe support development, monitoring , evaluation of such activities includes data surveillance identify populations @ risk.\nthe qbs intended support involved in activity designed support development, implementation, monitoring or evaluation of public health interventions</p></div> <div id="popupclinical" title="clinical definition" style="display:none;"><p>the context within nutritional status assessed support health promotion, disease prevention or treatment of specific conditions.\n qbs intended improve clinicians’ ability diagnose, monitor , improve patient status , response treatment</p></div> <div id="popupresearch" title="research definition" style="display:none;"><p>bond uses inclusive definition of research encompasses continuum of activity basic/bench research involving studies @ cellular/molecular level utilizing cell cultures or non-human animal models clinical studies in humans , population-based (surveillance/epidemiology) research.\nthe qbs provides state of science regard range of biomarkers available given use , designed accessible users irrespective of level of nutritional expertise.</p></div>
jquery's dialog might you're looking for:
edit: here demo showing working example: jsfiddle
html:
<a href="#" id="triggerdialog">show dialog</a> <div id="dialog" style="display:none;">some text</div> jquery:
$(function() { // create dialog , make hidden $('#dialog').dialog({ autoopen: false }); // when link clicked, open dialog $('#triggerdialog').click(function() { $('#dialog').dialog('open'); return false; }); }); edit: make sure include jquery, jquery ui, , 1 of jquery ui stylesheets. can find links of these files on jquery's cdn site:
Comments
Post a Comment