Breaking New Grounds http://afterimagewebs.com My Journey as Web Developer Fri, 17 Feb 2012 05:08:14 +0000 en hourly 1 http://wordpress.org/?v=124 How To Create Exit Pop http://afterimagewebs.com/how-to-create-exit-pop/ http://afterimagewebs.com/how-to-create-exit-pop/#comments Thu, 16 Feb 2012 07:14:14 +0000 JS Marasigan http://afterimagewebs.com/?p=705 Continue reading →]]> 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>
]]> http://afterimagewebs.com/how-to-create-exit-pop/feed/ 0 How to Validate a Form Using Dreamweaver? http://afterimagewebs.com/how-to-validate-a-form-using-dreamweaver/ http://afterimagewebs.com/how-to-validate-a-form-using-dreamweaver/#comments Mon, 13 Feb 2012 06:09:21 +0000 JS Marasigan http://afterimagewebs.com/?p=697 Tag Inapector) Select tab “Behaviors” Select onSubmit Click … Continue reading →]]> 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.

]]> http://afterimagewebs.com/how-to-validate-a-form-using-dreamweaver/feed/ 0 Where to Get Facebook and Twitter Plugins? http://afterimagewebs.com/where-to-get-facebook-and-twitter-plugins/ http://afterimagewebs.com/where-to-get-facebook-and-twitter-plugins/#comments Sun, 05 Feb 2012 18:24:48 +0000 JS Marasigan http://afterimagewebs.com/?p=693 Get it here on these pages:

Twitter:

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

Facebook:

http://developers.facebook.com/docs/plugins/
]]> http://afterimagewebs.com/where-to-get-facebook-and-twitter-plugins/feed/ 0 How To Add Sidebar to WordPress? http://afterimagewebs.com/how-to-add-sidebar-to-wordpress/ http://afterimagewebs.com/how-to-add-sidebar-to-wordpress/#comments Sun, 05 Feb 2012 17:05:25 +0000 JS Marasigan http://afterimagewebs.com/?p=690 To call sidebar-page.php:

Use:

<?php get_sidebar('page'); ?>
]]> http://afterimagewebs.com/how-to-add-sidebar-to-wordpress/feed/ 0 How To Make Cursor Pointer Using CSS? http://afterimagewebs.com/how-to-make-cursor-pointer-using-css/ http://afterimagewebs.com/how-to-make-cursor-pointer-using-css/#comments Tue, 31 Jan 2012 06:43:11 +0000 JS Marasigan http://afterimagewebs.com/?p=687 Use the CSS Code below:

#submit-button {
    cursor: pointer;
}
]]> http://afterimagewebs.com/how-to-make-cursor-pointer-using-css/feed/ 0 How to Force HTML iFrame Out of Its Parent HTML http://afterimagewebs.com/how-to-force-html-iframe-out-of-its-parent-html/ http://afterimagewebs.com/how-to-force-html-iframe-out-of-its-parent-html/#comments Mon, 30 Jan 2012 15:56:29 +0000 JS Marasigan http://afterimagewebs.com/?p=684 Continue reading →]]> Forcing your page out of someone else’s iframe:

Put this in your document’s head:

<script type="text/javascript">
<!--
function breakout_of_frame()
{
if (top.location != location) {
top.location.href = document.location.href ;
}
}
-->
</script>

Put this in the body tag as shown:

<body onload="breakout_of_frame()">
]]> http://afterimagewebs.com/how-to-force-html-iframe-out-of-its-parent-html/feed/ 0 How To Create Gradient Color in CSS? http://afterimagewebs.com/how-to-create-gradient-color-in-css/ http://afterimagewebs.com/how-to-create-gradient-color-in-css/#comments Wed, 18 Jan 2012 07:17:27 +0000 JS Marasigan http://afterimagewebs.com/?p=660 Continue reading →]]> You may use sample CSS code below:

.gradient {
background: #48b6c7; /* Old browsers */
background: -moz-linear-gradient(top, #48b6c7 0%, #1ca1ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48b6c7), color-stop(100%,#1ca1ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #48b6c7 0%,#1ca1ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #48b6c7 0%,#1ca1ac 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #48b6c7 0%,#1ca1ac 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48b6c7', endColorstr='#1ca1ac',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #48b6c7 0%,#1ca1ac 100%);
}

Example:

]]> http://afterimagewebs.com/how-to-create-gradient-color-in-css/feed/ 0 What Is the URL to Set Up Google Split Testing? http://afterimagewebs.com/what-is-the-url-to-set-up-google-split-testing/ http://afterimagewebs.com/what-is-the-url-to-set-up-google-split-testing/#comments Thu, 12 Jan 2012 09:43:19 +0000 JS Marasigan http://afterimagewebs.com/?p=658 Here is the URL:

https://www.google.com/analytics/siteopt/
]]> http://afterimagewebs.com/what-is-the-url-to-set-up-google-split-testing/feed/ 0 How To Get Contents from Other Websites Using jQuery? http://afterimagewebs.com/how-to-get-contents-from-other-websites-using-jquery/ http://afterimagewebs.com/how-to-get-contents-from-other-websites-using-jquery/#comments Thu, 12 Jan 2012 02:35:16 +0000 JS Marasigan http://afterimagewebs.com/?p=656 Continue reading →]]> Step 1: Create index.html and add the code below: (Change YOURDOMAIN.com)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#allh2").load("http://www.YOURDOMAIN.com/loader.php div",{want2Read:'http://en.wikipedia.org/wiki/Steve_jobs'},function(){
//Write your additional jQuery script below. For instance:
$("div").attr("class","mw-content-ltr");
});
});
</script>
 </head> <body>
<h1>Wow, this stuff is need</h1>
<p class="optionalcontent">All headers from <a href="http://www.want2read.com/">want2read</a>, I learned this from <a href="http://www.sitegrind.nl/">Sitegrind</a></p>
<div id="allh2"> </div>

</body> </html>

Step 2 : Create loader.php

<?php
extract($_POST);
$str = file_get_contents($want2Read);
echo $str;
?>
]]> http://afterimagewebs.com/how-to-get-contents-from-other-websites-using-jquery/feed/ 0 How To Get WordPress Template File in Theme? http://afterimagewebs.com/how-to-get-wordpress-template-file-in-theme/ http://afterimagewebs.com/how-to-get-wordpress-template-file-in-theme/#comments Tue, 10 Jan 2012 08:58:30 +0000 JS Marasigan http://afterimagewebs.com/?p=653 Calls sidebar-page.php:

<?php get_sidebar('page'); ?>
]]> http://afterimagewebs.com/how-to-get-wordpress-template-file-in-theme/feed/ 0