Click here to Skip to main content
15,901,373 members
Home / Discussions / ASP.NET
   

ASP.NET

 
AnswerRe: WCF service with sql server stored procedure for android Pin
Vincent Maverick Durano2-Aug-18 4:58
professionalVincent Maverick Durano2-Aug-18 4:58 
GeneralRe: WCF service with sql server stored procedure for android Pin
Member 103645166-Aug-18 8:22
Member 103645166-Aug-18 8:22 
AnswerRe: WCF service with sql server stored procedure for android Pin
Mycroft Holmes6-Aug-18 14:39
professionalMycroft Holmes6-Aug-18 14:39 
QuestionHTML2PDF: does it support HTML OL tag type? Pin
Member 137012511-Aug-18 0:38
Member 137012511-Aug-18 0:38 
AnswerRe: HTML2PDF: does it support HTML OL tag type? Pin
Vincent Maverick Durano1-Aug-18 8:16
professionalVincent Maverick Durano1-Aug-18 8:16 
GeneralRe: HTML2PDF: does it support HTML OL tag type? Pin
Member 137012511-Aug-18 20:02
Member 137012511-Aug-18 20:02 
GeneralRe: HTML2PDF: does it support HTML OL tag type? Pin
Vincent Maverick Durano2-Aug-18 4:52
professionalVincent Maverick Durano2-Aug-18 4:52 
QuestionOpen ChildPage's Modal on Parent Page Pin
kktt28-Jul-18 7:55
kktt28-Jul-18 7:55 

ParentPage.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ParentPage.aspx.cs" Inherits="ParentPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <iframe src="ChildPage.aspx" id="frameid" width="500" height="500" style="background-color: #00FF00"></iframe>
        <iframe src="ChildPage2.aspx" id="frameid2" width="500" height="500" style="background-color: #00FFFF"></iframe>
    </div>
    </form>
</body>
</html>

ChildPage.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChildPage.aspx.cs" Inherits="ChildPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style>

/* The Modal (background) /
.modal {
    display: none; / Hidden by default /
    position: fixed; / Stay in place /
    z-index: 1; / Sit on top /
    padding-top: 100px; / Location of the box /
    left: 0;
    top: 0;
    width: 100%; / Full width /
    height: 100%; / Full height /
    overflow: auto; / Enable scroll if needed /
    background-color: rgb(0,0,0); / Fallback color /
    background-color: rgba(0,0,0,0.4); / Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,

.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;

}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

</style>

</head>
<body>
<h2>Animated Modal with Header and Footer</h2> 

<!-- Trigger/Open The Modal -->
<button id="myBtn">Open Modal</button> 

<div id="myModal" class="modal" >
  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
      ×
      <h2>Modal Header</h2>
    </div>
    <div class="modal-body">
      <p>Some text in the Modal Body</p>
      <p>Some other text...</p>
    </div>
    <div class="modal-footer">
      <h3>Modal Footer</h3>
    </div>
  </div>
</div>

<script>

// Get the modal
var modal = document.getElementById('myModal');

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal
btn.onclick = function() {   

<pre>
modal.style.display = "block";

}

// When the user clicks on (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}

$(document).ready(function(){
modal.style.display = "block";
});
}






ChildPage2.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChildPage2.aspx.cs" Inherits="ChildPage2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

<pre>
</div>
</form>





How Can I Open the Iframe's modal popup on Parent Page, Not on Child's page?

AnswerRe: Open ChildPage's Modal on Parent Page Pin
Vincent Maverick Durano30-Jul-18 11:17
professionalVincent Maverick Durano30-Jul-18 11:17 
QuestionWant to Hide a span element using class selector using CSS Pin
indian14327-Jul-18 9:10
indian14327-Jul-18 9:10 
AnswerRe: Want to Hide a span element using class selector using CSS Pin
indian14327-Jul-18 11:09
indian14327-Jul-18 11:09 
AnswerRe: Want to Hide a span element using class selector using CSS Pin
Richard Deeming30-Jul-18 11:20
mveRichard Deeming30-Jul-18 11:20 
QuestionCan we have only one code behind page for two aspx pages in Asp.net? Pin
Member 1370125127-Jul-18 2:22
Member 1370125127-Jul-18 2:22 
AnswerRe: Can we have only one code behind page for two aspx pages in Asp.net? Pin
dan!sh 27-Jul-18 2:52
professional dan!sh 27-Jul-18 2:52 
GeneralRe: Can we have only one code behind page for two aspx pages in Asp.net? Pin
Member 1370125129-Jul-18 22:53
Member 1370125129-Jul-18 22:53 
AnswerRe: Can we have only one code behind page for two aspx pages in Asp.net? Pin
Vincent Maverick Durano30-Jul-18 11:44
professionalVincent Maverick Durano30-Jul-18 11:44 
AnswerRe: Can we have only one code behind page for two aspx pages in Asp.net? Pin
DerekT-P31-Jul-18 5:52
professionalDerekT-P31-Jul-18 5:52 
GeneralRe: Can we have only one code behind page for two aspx pages in Asp.net? Pin
Member 137012511-Aug-18 0:21
Member 137012511-Aug-18 0:21 
GeneralRe: Can we have only one code behind page for two aspx pages in Asp.net? Pin
DerekT-P1-Aug-18 4:38
professionalDerekT-P1-Aug-18 4:38 
Question'Newtonsoft.Json, Version=6.0.0.0, Culture=neutral, PublicKeyToken=30ad4fe6b2a6aeed' Pin
Member 35932626-Jul-18 13:25
Member 35932626-Jul-18 13:25 
AnswerRe: 'Newtonsoft.Json, Version=6.0.0.0, Culture=neutral, PublicKeyToken=30ad4fe6b2a6aeed' Pin
Richard Deeming27-Jul-18 0:48
mveRichard Deeming27-Jul-18 0:48 
AnswerRe: 'Newtonsoft.Json, Version=6.0.0.0, Culture=neutral, PublicKeyToken=30ad4fe6b2a6aeed' Pin
jkirkerx30-Jul-18 13:23
professionaljkirkerx30-Jul-18 13:23 
Questionasp:CalendarExtender position problem Pin
harish kashyap0125-Jul-18 19:23
harish kashyap0125-Jul-18 19:23 
QuestionAn exception of type 'System.ArgumentNullException' occurred in System.Web.Mvc.dll but was not handled in user code Pin
indian14325-Jul-18 14:21
indian14325-Jul-18 14:21 
AnswerRe: An exception of type 'System.ArgumentNullException' occurred in System.Web.Mvc.dll but was not handled in user code Pin
Richard Deeming26-Jul-18 1:45
mveRichard Deeming26-Jul-18 1:45 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.