Instructions
Create a New HTML Document
Before you add the pop up window code to your page, you need to create the page that will display inside the window. Create a new document in Notepad (or your plain text editor of choice) and save it as "popup.html." Whatever text or images you want to show up in the pop up, needs to go into popup.html. Once you have finished with the document, save and upload.
2
The Pop Up Window Code
The javascript code to create an automatic pop up window is very simple. This code goes in the header of your index page (or whatever page you want to window to pop up on). Whenever a visitor loads the page, popup.html will automatically pop up in a small window on top of the page:
<script language="javascript">
window.open('http://bit.ly/X2Hphu','','width=200,height=200,left=10,top=10')
</script>
Popup Windows: left & top
window.open(href, windowname, 'width=250,height=150,left=50,top=100,scrollbars=yes');
To create your pop up window, you need to change "http://www.url.com/popup.html" to the URL of your popup.html document. You may also need to adjust the width and height if popup.html is larger than the size of the pop up. You can change the width and height by playing around with the preset values (350 and 200, respectively) until you find the right combination.
3
Adding a Close Option
You can add a link to your pop up window that users can click to automatically close the window. To start, add this code to your popup.html page wherever you want it to show up - usually at the bottom:
<*a href="javascript: self.close()">Close Window<*/a>
You can change "Close Window" to whatever you want the text for your close link to be.
Read more: How to Create a Pop Up Window (Automatic) | eHow.com http://www.ehow.com/how_5145852_create-pop-up-window-automatic.html#ixzz28jcUeUaF
All muhaza's note in developing website. Front-end & uiux method. Real life implementation for webdesigner.
email mailto: pretext
<a href="mailto:designoutsourced.com+info@gmail.com?subject=Maklumat%20lanjut%20pakej&body=Hai,%20saya%20berminat%20tahu%20lebi...
-
Looking at vue-cli repository I see two different ways of scaffolding vue projects. The v3 (beta) version, installed as npm install ...
-
component need at least this 3 component file 1. customers.component.ts import { Component , OnInit } from '@angular/core...