Popup Window
Make a Popup Window
You can create the html code for a popup window with this online tool.
Just use the form below to generate the necessary popup windows code to paste into your HTML.
This tool is good for quick one time use but if you want to have popup functionality built into your website then you should learn about the javascript code needed to create pop-up windows for your site or an even better way is to use the jQuery popup code.
Using this popup window generator script lets you control the pop-up window size and appearance, along with the option to make the pop up resizable or not.
All the necessary HTML code is generated by this tool so all you have to do is copy and paste the script. So go ahead and generate some popup window code for yourself.
I've added some observations about current cross browser support for pop-up windows at the bottom of the page.
Making a Popup Windows on Modern browsers
Most modern browsers will no longer let you hide the bar at the top containing the URL of your pop-up windows. This was changed for security reasons in order to let the visitor always know what site they're on.
Chrome Problem with Scrollbars Appearing on Popup Window
It seems to me that currently Chrome will not suppress the scrollbars on your pop-up window when you set the scrollbars to "no" or "0". On Chrome, the scrollbars for the pop-up will appear when the content is larger than the pop-up size and you have set the scrollbars not to appear.
I'm guessing that this is a decision they made for accessibility reasons. Sometimes people have their fonts or what not set to appear larger for visual readability reasons and if there are no scrollbars then part of the content might be inaccessible to them.
Generally you should not hide the scrollbars but instead you should try to design the content to appear in the pop-up window for the majority of your viewers. Although it's not a best practice to hide the scrollbars, here's a quick fix if you really want to do this for all browsers.
//Add the following code to the HTML head of your pop-up:
<style type="text/css">
body{overflow:hidden;}
</style>
Sometimes you gotta do what ya gotta do.
The Most Popular Tools
- Random Word Generator: Generate a list of random words. Great tool for brainstorming ideas.
- Random Sentence Generator: Create random sentences for creative brainstorming.
- Random Number Generator: Generate some random numbers in a specific number range.
- Remove Line Breaks: Remove unwanted line breaks from your text.
- Random Choice Generator: Let this tool make a random decision for you.
- Reverse Text Generator: create social media posts or text messages in reverse or mirrored text
- Convert Word to HTML: Automatically convert word contents to HTML code.
- Text to HTML: Quickly change plain text into HTML paragraphs.
- HTML to Text: Remove HTML tags, leaving only text content.
- Alphabetical Order: Alphabetize lists, or other text content with this tool.
- Random Decision Maker: Generate a random decision with this app.
- Capitalize the First letter of Sentences
- HTML Table Generator: Generate the code for a simple HTML table.
- Word Counter: Count the number of words in your text.
- Remove Duplicate Lines: Remove duplicate lines from a text file.
- HTML Compression: Compress HTML contents into a smaller size.
The Newest Tools by Category
Text Fixing Tools
- Remove Line Breaks
- Add Line Breaks Online
- Remove Duplicate Lines
- Paragraph to Single Line
- Remove Extra Whitespaces
- Uppercase or Lowercase Text
- Unscramble Letters to Make Words
HTML Coding Tools
- Remove HTML Tags from a String
- HTML Text Generator
- HTML List Generator
- Convert URLs to HTML Links
- Convert CSV Text to HTML Table
- HTML Character Encoding Tool
Word & Language Tools
- Word Counter
- Title Capitalization Tool
- Page Title and Description Letter Counter
- List of Common Words
- Plural Noun Generator
- Random Nouns Generator
- Random Letter Generator