Author Archives: JS Marasigan

About JS Marasigan

Jhovenell Marasigan is a web designer and developer specializing in WordPress, Adobe Photoshop and Adobe Dreamweaver. He spends a lot of his time thinking about and studying the latest treands about the internet, information philosophy, web design and development.

How To Create Exit Pop

Use the sample HTML code below :

<!DOCTYPE HTML PUBLIC "-//W#C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
<!--
var PreventExitPop = false;
function ExitPop() {
	if(PreventExitPop == false)	{
		PreventExitPop=true;
		document.getElementById("MainBody").style.display='none';
		document.getElementById("ExitDive").style.display='block';
		scroll(0, 0);
		return "EXIT POP!"
	}
}
// -->
</script>
<script language="JavaScript">
<!--
window.onbeforeunload = ExitPop;
// -->
</script>
</head>
<body >
<div id="MainBody"> <a href="http://www.google.com" onClick="PreventExitPop=true">This is the link </a> </div>
<div id="ExitDive" style="display: none; top: 0pt; left: 0pt; width: 100%; height: 500px; position: absolute;"> gfdgdfgdfgdfg gdfg </div>
</body>
</html>

How to Validate a Form Using Dreamweaver?

1. Open Dreamweaver and create singup form

2. Select Form tag

3. Open tag inspector panel (Press F9)

At your panel bar open your tag inspector panel (press F9 or window > Tag Inapector)
Select tab “Behaviors”
Select onSubmit
Click on a plus sign then select “Validate Form”

4. Validate form

In this step in Name fields box select what field you don’t want to be blank then tick “Required” and choose what you accept.

5. Test in your web browser

Press submit button without insert any value in form fields you will see this alert box.

Where to Get Facebook and Twitter Plugins?

Get it here on these pages:

Twitter:

http://twitter.com/about/resources/widgets/

Facebook:

http://developers.facebook.com/docs/plugins/

How To Add Sidebar to WordPress?

To call sidebar-page.php:

Use:

<?php get_sidebar('page'); ?>

How To Make Cursor Pointer Using CSS?

Use the CSS Code below:

#submit-button {
    cursor: pointer;
}