Make Money Blogging Tips For Free » Javascript

Popup Script Javascript

admin — Sat, 12 Sep 2009 15:22:19 +0000

We all hate them, yet there’s no way around them .. sometimes. Well, actually sometimes they can be even useful. What if you are programming a web 2.0 site and want to create some neat popups that explain how this or that works? Popups can also come in handy if you want to make sure that visitors to your blog don’t miss any important information.

Anyway, after looking around I found two solutions. From now on, I’ll always differentiate between the “Blogger solution” and the “Marketeer solution”. If you don’t know why I am doing that, I suggest you subscribe to our mailing list and grab your free eBook.

Popup Script in Javascript for Bloggers

The following script is intended for bloggers. This is *not* a popup that will automatically popup, although you could probably modify the code so it does, but it is a neat plugin that helps you to open a windows “on click”.

A link would look like this:

<a onclick="superPopup({url:this.href, type: 'someGroup'}); return false;" href="popup_window_url.html">link texta>

Eric “Webstar”’s Superpopup: http://www.ericwebster.net/

Popup Script in Javascript for Marketeers

Looking for a popup that is unblockable? Looking for a way to open up a little advertising window that can will open:

a) once per browser session
b) every site refresh
c) once every “x” minutes

If so, then you might want to look into this little script:

	var nba_pop_toolbar = ( typeof nba_pop_toolbar != 'undefined' ) ? nba_pop_toolbar : 0;
	var nba_pop_status = ( typeof nba_pop_status != 'undefined' ) ? nba_pop_status : 0;
	var nba_pop_menubar = ( typeof nba_pop_menubar != 'undefined' ) ? nba_pop_menubar : 0;
	var nba_pop_scrollbars = ( typeof nba_pop_scrollbars != 'undefined' ) ? nba_pop_scrollbars : 0;
	var nba_pop_resizable = ( typeof nba_pop_resizable != 'undefined' ) ? nba_pop_resizable : 1;
	var nba_pop_page_delay = ( typeof nba_pop_page_delay != 'undefined' ) ? nba_pop_page_delay : 1;
	var nba_pop_limit = ( typeof nba_pop_limit != 'undefined' ) ? nba_pop_limit : 'session';
	var nba_pop_type = ( typeof nba_pop_type != 'undefined' ) ? nba_pop_type : 'over';
 
	var nba_ie = false;
	var nba_popped = false;
 
	function nba_launch()
	{
		if ( ( nba_get_cookie( 'nba_pop' ) == false ) &amp;& ( nba_popped == false ) )
		{
			nba_set_cookie( 'nba_pop', 1 );
			nba_popped = true;
			window.open( nba_url, '', 'height=' + nba_pop_height + ',width=' + nba_pop_width + ',left=' + ( ( screen.width - nba_pop_width ) / 2 ) + ',top=' + ( ( screen.height - nba_pop_height ) / 2 ) + ',toolbar=' + nba_pop_toolbar + ',status=' + nba_pop_status + ',menubar=' + nba_pop_menubar + ',scrollbars=' + nba_pop_scrollbars + ',resizable=' + nba_pop_resizable );
			if ( nba_pop_type == 'under' )
			{
				window.focus();
				window.setTimeout( 'window.focus()', 100 );
			}
		}
	}
	var nba_url = 'http://domain.com' ;
	function nba_init()
	{
		if ( navigator.appVersion.indexOf( 'MSIE' ) != -1 )
		{
			nba_ie = true;
		}
		window.setTimeout( 'nba_trigger()', ( nba_pop_page_delay * 1000 ) );
	}
	function nba_trigger()
	{
		if ( nba_ie == true )
		{
			document.getElementById( 'nba_field' ).fireEvent( 'onchange' );
		}
	}
	function nba_set_cookie( name, value )
	{
		var expires = '';
		if ( nba_pop_limit != false )
		{
			if ( typeof( nba_pop_limit ) == 'number' )
			{
				var d = new Date();
				d.setTime( d.getTime() + nba_pop_limit * 60 * 1000 );
				expires = '; expires=' + d.toGMTString();
			}
			document.cookie = name + '=' + escape( value ) + expires + '; path=/';
		}
	}
	function nba_get_cookie( name)
	{
		var re = new RegExp( '(\;|^)[^;]*(' + name + ')\=([^;]*)(;|$)' );
		var res = re.exec( document.cookie );
		return res != null ? unescape( res[ 3 ] ) : false;
	}
 
	var nba_body = document.getElementsByTagName( 'BODY' ).item( 0 );
	window.onload = nba_init;
	window.onclick = nba_launch;
	document.write( '' );

Now that’s quite a long script and you will have to call it like that:

<script type="text/javascript">script>

Uncomment whatever you need

//var nba_pop_limit = 1; //once every x minutes
//var nba_pop_limit = false; //every page load
var nba_pop_limit = 'session'; //once every browser session

You need to specify your URL in the first snippet, modify nba_url:

var nba_url = 'http://domain.com' ;

Unblockable Pop Under Script

admin — Sat, 13 Jun 2009 09:03:13 +0000

No worries, I won’t add any popunder to this site. However, a pop under is still a good marketing strategy for some sites where you want to make sure that visitors don’t miss that very special offer!

Most of the scripts you will find on the net are blocked automatically by Firefox and IE7+8.
It’s a bit sneaky to be honest and I recommend to use it rarely and only if you are sure that visitors don’t know what popunders are. This script will send out a welcome message your visitor has to close. When the visitor does that he allows the browser to load the pop under beneath the current windows. Smart, eh?

I’ve found the script on this site:
http://www.guysindex.com/

<head>
<script type='text/javascript'>
function doOpen(url)
{
if (get_cookie('popunder')==''){
// attempt to open the popup
win = window.open(url, 'test', 'toolbar,status,resizable,scrollbars,menubar,location,height=600,width=800');
if (win)
{
// popup successfully created
win.blur();
setTimeout('win.focus();',10000);
} else {
// popup was not created.
showPopupMessage(url);
}
var today = new Date();
today.setTime( today.getTime() );
expires = 1 * 1000 * 60 * 60 * 24;
var expires_date = new Date( today.getTime() + (expires) );
document.cookie="popunder=yes;expires=" + expires_date.toGMTString()
}
return win;
}
function init()
{
var win = doOpen('http://www.yoursite.com/');
}
function showPopupMessage(url)
{
if (!document.createElement)
{
return;
}
var elmDiv = document.createElement('div');
if (typeof(elmDiv.innerHTML) != 'string')
{
return;
}
elmDiv.id = 'popupmessage';
elmDiv.style.cssText =
'position: absolute; left: 300px; top: 225px;' +
'width: 350px;' +
'color: 000099; ' +
'background-color: white; ' +
'font-weight: bold; ' +
'font-size: 14; ' +
'border: solid black 2px; ' +
'padding: 1em;';
 
var html = 'Thank you for visiting this-site.com. ' +
'Please enjoy your stay. ' +
'Visit back tomorrow for more exciting news! ' +
 
'' +
' +
'onclick="document.cookie=\'popunder=\'; win = doOpen(\'' + url + '\'); hidePopupMessage(); return false;">' +
'close' +
 
'<\/div>';
document.body.appendChild(elmDiv);
elmDiv.innerHTML = html;
}
function hidePopupMessage()
{
var elmDiv = document.getElementById('popupmessage');
if (elmDiv)
{
elmDiv.parentNode.removeChild(elmDiv);
}
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if the cookie exists
offset += search.length
end = document.cookie.indexOf(";", offset); // set the index of beginning value
 
if (end == -1) // set the index of the end of cookie value
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
script>
head>
<body onload='init()'>

Aweber Javascript errors crash Internet Explorer

admin — Fri, 12 Jun 2009 06:08:14 +0000

I’ve been using Aweber for a while and they are definetly a must have nowadays for any real webmaster.

However, I think Aweber is doing their best to loose as many clients as possible.

First of all they increased the price to ridiculous high amounts. Any smart person knows that there are Aweber PLR sites, which still offer the old price e.g. Profollow (ProSender sucks they have the new price).

Then today I noticed a major flaw (I almost freaked out). Your fancy aweber scripts makes the internet explorer crash. Can you even imagine that? They are in business for 10 years+ and they make your sites crash. Ridiculous. Sorry, but I’m very disappointed. It was sheer luck that I noticed it and I already lost tons of visitors because of that.

Errors:
Javascript error: “Object not found”. (IE8)
Javascript error: Internet Explorer Cannot Open the Internet Site Operation Aborted. (IE7) – Some sources say Kontera has the same problem.

Luckily, I do not give up that easily. I found a workaround for the second error.

Add this to your javascript code:

defer="defer"

It could look like this now:

<script type="text/javascript" src="http://forms.profollow.com/form/xx/xxxx.js" defer="defer">script>

What is Javascript “defer”? Defer explained

GET URL parameter via Javascript

admin — Sat, 20 Dec 2008 18:35:03 +0000

If you want to retrieve various URL parameters without using PHP you can also do it via Javascript.

The following function can be used to do that:
Source

function gup( name ){  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");  var regexS = "[\\?&]"+name+"=([^&#]*)";  var regex = new RegExp( regexS );  var results = regex.exec( window.location.href );  if( results == null )    return "";  else    return results[1];}

To get the value simply call it this way:

var frank_param = gup( 'frank' );

Another easy solution would be to do it via PHP but it’s not as elegant:

<script type="text/javascript" language="javascript">

script>