How to Open popup in chrome without scrollbars, Disable Resize of popup and Auto resize according to content
UPDATED NOW WORKING
Today I am going to show a tutorials which is a deadly need for many webmasters these days.
Chrome is the most popular browser used by many users these days. Popup is a thing which is used by from Facebook to simple advertisers. Sometimes situations may arise when we want features in opened popup windows.
We Usually ask some Questions related to Popups specially for Chrome:
- How to disable scroll-bars in chrome popup ?
- How to prevent Re-size of popup window opened ?
- How to Auto Re-size Popup window according to the content inside it ?
Now its a YES.
Here we go ....
All changes or Additions will be done in the page which will open inside the Popup Window.
Step 1)
Add Below code in file from where Pop Window will open or having click to pop like Button
<head>
<script type="text/javascript">
<!--
function myPopup2() {
window.open( "pop.html", "myWindow",
"status = 1, height = 300, width = 300, resizable = 0" )
}
//-->
</script>
</head>
<body>
<form>
<input type="button" onClick="myPopup2()" value="POP2!">
</form>
<p onClick="myPopup2()">CLICK ME TOO!</p>
</body>​
Step 2)
Now add Below code in the file [ pop.html ] which will open in the pop up window
You can any type of content in place of GREEN code below
<script src="http://remove-chrome-scroll-bars.googlecode.com/files/control_popup.js"></script> <img width="400px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzwWK0QeYBssg0UmOvYxQIPyvuQlSJYSJjMRFwgS5Fs7xXbgLu50NOalWAILSK_1Cc9mGJTOC_iyhn0359z6VTBK8oWurTdfKwCSqyN1-wvho3bSMO9YvUTg02hn5D-3mwQyh-R2IpyvA/s320/57screen-cut.png"> <b>Blogger Plug n Play</b> You Can't Hide Me :>
![Drag To Share | Cool Social Widget For Blogger[ Easy Install] Like Mashable Using jQuery](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEq06afLULlAMM80-A0Twg_nku0-CVYZcCHSfoLXwyo_mc2bvOTMMWsh_X_GnE6_Mn1DK5SFnn5rIpelNlWk3DofJXtB8sO4iIigOobQsEzSmGADNzn8QKIbDzqhvSkHbC91-QdQZ-i5k/s72-c/screen-cut.png)
![Auto Horizontal Image Slider[Style 1] Using jQuery For Blogger Blog](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFIhB5RObh_g9GtjzU3JyQ49ekc2WTKh6-K4OHT6l4BHcg0na-E962mckeBCVEtEidPUU2KIwPhkAiOGT4xUGLUY-r5Pf9-SC2Ghc2wkHfMBgIQY6ZFQYz5f4vprXS7YJGYD0edOrtcrE/s72-c/screen-cut.png)
![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYV3gv2z4Y2XHaKgtaFQqtp8tQv8N9WDq9vSgnPjxQV3RWVqWlBLKZ8fm-_wAsydesMGMbIiDOC7CPM7bHnLzMykSvKLJCw12wERb4X9N4ac4sNCYbHRS38NrLgh8QixaTfBBh33QUiU/s320/twitter.png)
![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq_Y6UTTOpjBjTOFD3F0HzGDazYEZYt6mcqV1V3Fu83F3hoLSMNccvVSA091xFd12pCuDunhlcLRORLY-0p87cnOEEo5lhT6E_V1nSkgd3NFNFd4CXnb904fFTnrT3sQOk280NTgeT2PM/s320/stumbleupon.png)
![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8-PRVD0_ilfe1o7yINUflbvhi3Zi-E_3nymhb91F8asEbbgM9LLIrHKl_ek8zYN-rIC5xDe88eSd5X84n9nX4k-KSZnAel_kyjC3_M8x8nvh9kSWuCem_SGIilF80G-RAF_5c_XveFRI/s320/facebook.png)
![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgASqt4SJgdYSu9j-GliS5rs5WiJQTT3QVujwA5cPS7fFh3zlIm3Tbyv_4PwVVkwzUDgfUybNAk07qVbKlcVFhXSe0VJYN1MQt3YgZhN4cbq-dYAqpYuW3fG1bBGaqIS3i11N59pC42CA/s320/rss.png)
![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxeLbuHpJcy2CM_w-PT7NrP6qvGGwOKCwVC4f-m3oo6ZemZpxxCEwcYPmJDTgoD5vEXu1oHcImR1hFWnKn02fBdNjWYiRAD9T8W9L17LpyIVTvrxhZZhK-Sql9Klk1mK3XtaUWj5h6OAQ/s320/technorati.png)
0 comments :
Feel free to leave comment if you like above widget, have any questions or just say Hi! :)