popup

Status
Not open for further replies.

Geowix

Newbie
Joined
Feb 12, 2015
Messages
8
Reaction score
1
Hello, is there any method to open popup its self while web-page is loading?
Thanks
 
there is no method or technique to open the popup, you can click the mouse pointer while page loading some times it may be a chance to open the popup, but you not able to identify the popup because the page appear as blank while loading
there are various tools available for block the popup in the webpage even browser having settings to block the popup..
here you can find the script to open the popup while loading.
// class of popup
.white-popup {
position
: relative;
background
: #FFF;
padding
: 20px;
width
:auto;
max
-width: 550px;
margin
: 0px auto;
}

// INLINE POPUP
<div id="test-popup" class="white-popup mfp-hide">HELLO!</div

// if click it the popup work
<a href="#test-popup" class="open-popup-link">Show inline popup</a>

// this it should open the popup when the page is loaded
<script>
$
(document).ready(function() {
$
('.open-popup-link').magnificPopup({type:'inline', midClick: true });
});
</script>
 
there is no method or technique to open the popup, you can click the mouse pointer while page loading some times it may be a chance to open the popup, but you not able to identify the popup because the page appear as blank while loading
there are various tools available for block the popup in the webpage even browser having settings to block the popup..
here you can find the script to open the popup while loading.
// class of popup
.white-popup {
position
: relative;
background
:#FFF;
padding
:20px;
width
:auto;
max
-width:550px;
margin
:0pxauto;
}

// INLINE POPUP
<div id="test-popup"class="white-popup mfp-hide">HELLO!</div

// if click it the popup work
<a href="#test-popup"class="open-popup-link">Showinline popup</a>

// this it should open the popup when the page is loaded
<script>
$
(document).ready(function(){
$
('.open-popup-link').magnificPopup({type:'inline', midClick:true});
});
</script>

Use the CODE tags. :)
 
I need a pop up that freezes Chrome...can anyone help?

Not exactly.. You'd have to hack it. Set html & body to display: none; in CSS, set the popup modal to display, use javascript/jquery to change the css on close
 
Not exactly.. You'd have to hack it. Set html & body to display: none; in CSS, set the popup modal to display, use javascript/jquery to change the css on close

Can you freeze unbeforeunload using jquery modal?? I thought that was only possible with alert
 
Can you freeze unbeforeunload using jquery modal?? I thought that was only possible with alert

No, like I said you would be hacking it. You'd put the page content in a wrapper container that is hidden so its loaded but not visible except for the modal.

EXAMPLE.HTML

<html>
<head>
<title>test</title>
<style>
div#contentWrapper { float: left; width: 100%; display: none; opacity: 0; z-index: 1;}
div#modalWrapper { float: left; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2; opacity: 1; display: block; background: url('./img/transparent_white.png'); }
div#modalOuter { float: left; width: 350px; max-width: calc(90% - 40px); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; border: 1px solid #000000; box-shadow: 3px 3px 3px #888888; background: #FFFFFF; max-height: 80%; height: auto; display: block; }
div#modalContent { float: left; width: calc(100% - 40px); padding: 20px; overflow: auto; }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$('#modalContent').click(function(e){
e.stopPropagation();
});
$('#modalWrapper').click(function(){
$('#modalWrapper').animate({ opacity: 0 }, 200, function(){
$('#modalWrapper').hide(function(){
$('#contentWrapper').show(function(){
$('#contentWrapper').animate({ opacity: 1 }, 200);
});
});
});
});
</script>
</head>
<body>
<div id="contentWrapper">
<h1>Test Content</h1>
<div id="modalWrapper">
<div id="modalOuter">
<div id="modalContent">
This is my modal
</div>
</div>
</div>
</body>
</html>
 
No, like I said you would be hacking it. You'd put the page content in a wrapper container that is hidden so its loaded but not visible except for the modal.
</html>


Brilliant. Have you got any workaround with popup blocker. I have been trying for days to use click() or something for target=_blank
 
skype me rick.anubhav
DvGyY52


This isn't the Hire a Freelancer or Want To Buy sections.

This thread is also old and you responded to a user who hijacked this thread.

You're getting a warning for this.

Thread Closed
 
Status
Not open for further replies.
Back
Top