Title: Java script for subscribe window
Last modified: August 19, 2016

---

# Java script for subscribe window

 *  [cybercli](https://wordpress.org/support/users/cybercli/)
 * (@cybercli)
 * [15 years, 9 months ago](https://wordpress.org/support/topic/java-script-for-subscribe-window/)
 * I have been using a div style floating window for a subscribe successfully on
   another website but am having a problem getting it to run on the wordpress theme
   Elegant Grunge. Here is the script in the header.php
 *     ```
       <?php wp_head(); ?>
   
       <!--Message Box JS-->
       <script>
       function closeBox(toClose) {
       	document.getElementById(toClose).style.display = "none";
       	setCookie(toClose, "closed", 365);
       }
       function setCookie(cName, value, expiredays) {
       	var expDate = new Date();
       	expDate.setDate(expDate.getDate()+expiredays);
       	document.cookie=cName + "=" + escape(value) +
       	";expires=" + expDate.toGMTString();
       }
       function loadMsg(msgClass) {
       	msg = document.getElementsByTagName("div");
       	for (i=0; i<msg.length; i++) {
       		if(msg[i].className == msgClass) {
       			if(document.cookie.indexOf(msg[i].id) == -1) {
       				msg[i].style.display = "block";
       			}
       		}
       	}
       }
       </script>
       </head>
       ```
   
 * Basically it allows the window to appear only if a cookie does not exist. It 
   uses a call up in the body tag like so:
 *     ```
       <body onload="loadMsg('msgbox');">
       <div id="page">
       	<div id="message-1" class="msgbox">
       	<a href="#" class="close" onclick="closeBox('message-1'); return false;" title="Close This Box">X</a>
       	<?PHP include('signup.php'); ?>
       	</div>
       ```
   
 * However, the body tag for this theme is different than the others and I don’t
   know where to put the call up`onload="loadMsg('msgbox');"`
    `<body <?php if (
   defined('EG_BODY_CLASS') ) echo 'class="'.EG_BODY_CLASS.'"'; ?>>` Here is the
   CSS:
 *     ```
       /*Begin message box*/
       #message-1 {
   
       }
       .msgbox {
       	display: none; /* Start out hidden. */
       	position: fixed;
       	top: 0px;
       	right: 0px;
       	width: 425px;
       	background-color: #F3F4EE;
       	border: 1px solid #333;
       	/*color: #fff;
       	font-weight: bold; */}
       .msgbox p {
       	margin: 0;
       	padding: 5px 10px; }
       .msgbox a.close {
       	float: right;
       	text-decoration: none;
       	font-weight: bold;
       	color: #333;
       	background-color: #fff;
       	border-left: 1px solid #333;
       	border-bottom: 1px solid #333;
       	padding: 0 4px;
       	margin-left: 5px;
       }
       /*End Message Box*/
       ```
   
 * Any help would be appreciated

The topic ‘Java script for subscribe window’ is closed to new replies.

## Tags

 * [java-script](https://wordpress.org/support/topic-tag/java-script/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 0 replies
 * 1 participant
 * Last reply from: [cybercli](https://wordpress.org/support/users/cybercli/)
 * Last activity: [15 years, 9 months ago](https://wordpress.org/support/topic/java-script-for-subscribe-window/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
