JavaScript - I Need Help For This Inline Modal

function ShowPopup(hoveritem, thepopup, theimage)
{
popVar = document.getElementById(thepopup);

//document.getElementById('hoverpopup').style.paddingLeft = screen.width/2-250;
//document.getElementById("hoverpopup").style.paddingTop = screen.height/2;

// Set position of hover-over popup
//popVar.style.top = hoveritem.offsetTop + 50;
//popVar.style.left = hoveritem.offsetLeft + 100;

// Set popup to visible
popVar.style.visibility = "Visible";

}

<script src="/o/4055/images/jquery.avgrund.js" type="text/javascript"></script> <script type="text/javascript">
$(document).ready(function() {
	$(".hidden").avgrund({ 
			width: 500, // max is 640px
			height: 340, // max is 350px
			showClose: true, // switch to 'true' for enabling close button
			showCloseText: 'close', // type your text for close button
			closeByEscape: false, // enables closing popup by 'Esc'..
			closeByDocument: true, // ..and by clicking document itself
			enableStackAnimation: false, // another animation type
			onBlurContainer: 'div#container', // enables blur filter for specified block
			template: '<div style="margin: 0 auto; padding:0; width:500px; height:350px;">' +
			'<a href="https://afl.salsalabs.com/o/4055/p/salsa/donation/common/public/?donate_page_KEY=7606" style="border:none;" target="_blank"><img src="http://i1298.photobucket.com/albums/ag60/ProdSolutions/Lightbox_1_zpscead0a26.jpg" width="500px" height="350px" /></a>' +
			'</div>',
			onUnload: function() {
                var date = new Date();
                date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
                $.cookie("ARA_October_2014","true",{path:"/",expires:date});
           }
	}); 
    $(".hidden").trigger('click');
});
$("#submitContribution").attr('value', 'Donate Now');
$("label[for=cc_number]").after($('div#useCC fieldset#credit_card_information div.formRow div.helpText'));
$("#credit_card_information > div:nth-child(6) > label:nth-child(1) > a:nth-child(1)").before($('#CVV2'));
$('#personal_information > legend:nth-child(1)').each(function() {
    var text = $(this).text();
$(this).text(text.replace('Your Information', 'Your Billing Information'));
});
$('div.formRow:nth-child(19) > label:nth-child(1)').each(function() {
    var text = $(this).text();
$(this).text(text.replace('Phone', 'Your Phone'));
});
$('#credit_card_information legend').each(function() {
    var text = $(this).text();
$(this).text(text.replace('Credit Card Information', 'Payment Information'));
});
$('#credit_card_information > div:nth-child(3) > label:nth-child(1)').each(function() {
    var text = $(this).text();
$(this).text(text.replace('Card Number', 'Credit Card Number'));
});
$('#submit > p:nth-child(2)').each(function() {
    var text = $(this).text();
$(this).text(text.replace('Please click the submit button only once.', 'Please click this button only once.'));
});
$('.readMore').click(function(){ 
$('.readMore').hide('slow');
$('.text2').show('slow');
});
</script>

<div id="modal-content" class="clearfix">

<h2> enter a name</h2>
	<div>
		<input id="enteredName" name="enteredName" type="text" value="" />
		<a href="javascript:submitform(true)" name="save" id="save" class="btn"><span>Save</span></a>
	</div>
	<a href="javascript:submitform(false)" id="close" class="close-link">No thanks just carry on</a>
</div>

<script type="text/javascript">
    function submitform(assignName) {
      
        if (assignName) {

            var hiddenfield = document.getElementById("hiddenfieldid");
            hiddenfield.value = document.getElementById("enteredName").value;
        }

        
        var form = document.getElementById("formTest");
        form.submit();
     
    }
    

</script>

<?php

//use mysql to loop through some variables
$post_id = $setvalue;
$member_id = $anothersetvalue;


$list .= '
<div>
   ' . $post_id . '
</div>

<div>
   ' . $member_id . '
</div>

<div>
   <a href="#" class="button" onClick="openup(); return false">Share This Post</a>
</div> 

$the_link = " http://sharepost.php?post_id=' . $post_id . '&member_id=' . $member_id . ' ";

';

?>

<HTML>
<head>
<script>
// Displays an external page using an iframe
function openup(){
var src = "<?php echo $the_link;?>";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
	closeHTML:"",
	containerCss:{
		height:150,
		padding:0,
		width:350
	},
	overlayClose:true,
});
}
</script>
</head>
<body>
<?php echo $list;?>
</body>
</HTML>

<a href="#test" class="nyroModal"><img src="/img/uploadimage.gif" alt="" /></a>
<div id="test" style="display: none; width: 600px;"> <form id="ImageUploadForm" enctype="multipart/form-data" method="post" action="images/upload" accept-charset="utf-8">
<div style="display:none;">
<input type="hidden" name="_method" value="POST" />
</div>
<div class="input file">
<label for="ImageFileName">File Name</label>
<input type="file" name="data[Image][fileName]" id="ImageFileName" />
</div>
<div class="submit"><input type="submit" value="Upload" />
</div>
</form>
</div>

<!DOCTYPE html>

<xhtml>
<head>
<title>Practice Calendar</title>

<style type="text/css">

.practicecalendar
{
float: left
margin: 0;
width: 18em;
background: #eee;
text-align: center;
}

.practiceschedule
{
float: right;
margin: 0;
width: 18em;
background: #99E6FF;
text-align: center;
}

</style>

<script type="text/javascript">
<!--
function showSchedule(){
document.getElementById("practiceschedule").style.display = 'block';
}

function hideSchedule(){
document.getElementById("practiceschedule").style.display = ' none ';
}
//-->
</script>
</head>

<body>

<div id='practicecalendar' class='practicecalendar' style='
display: block;
'>

<p><a href='' onClick='showSchedule()'>Show Schedule</a></p>
<p><a href='' onClick='hideSchedule()'>Hide Schedule</a></p>
</div>

<div id='practiceschedule' class='practiceschedule' style='
display:  block ;
'>
<p><a href='' onClick='showCalendar()'>Schedule</a></p>
</div>

</body>
</xhtml>

<html>
<head>
<meta charset="utf-8">
<title>Validation using JavaScript</title>
<script type="text/javascript">
   function checkName(form)
 {
    var sRealname = form.realname.value;
    var oRE = /^[a-z0-9]+[_.-]?[a-z0-9]+$/i;
    var isCorrectFormat = oRE.test(sRealname);
    
    if (!isCorrectFormat)
    {
        alert("Incorrect format.");
        textbox.select();
        textbox.focus();
        return false;
    }
    else
    {
        alert("Correct format");
        return true;
    }
    
    if (sRealName == '')
    {
        alert('Error: Username cannot be blank!');
        form.realname.focus();
        return false;
    }
    else if (sRealName.length < 4)
    {
        alert("UserName should be atleast 4 characters long");
        return false;
    }
    
    return true;
 }
    
    function checkEmail(form)   /* for email validation */
    {
        if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(form.email.value))
        {
            return true;
        }
        
         alert('Invalid E-mail Address! Please re-enter.'); 
         return false;
    }
    
    function validatePwd(form)       /* password & retype-password verification */
    {
        var invalid = ' '; 
        minLength = 6;
        var pw1 = form.password.value; 
        var pw2 = form.password2.value;
        
         
        if (pw1 == '' || pw2 == '')
        {
            alert('Please enter your password twice.');
            return false;
        }                                              
        
       
        if (form.password.value.length < minLength)
        {
            alert('Your password must be at least ' + minLength + ' characters long. Try again.');
            return false;
        }                                                                              
        
        if (document.form.password.value.indexOf(invalid) > -1)
        {
            alert('Sorry, spaces are not allowed.');
            return false;
        }
        else
        {
            if (pw1 != pw2)
            {
                alert('You did not enter the same new password twice. Please re-enter your password.');
                return false;
               }
            else
             {
                alert('Passwords Match.');
                   return false;
             } 
                                                                                                       
            return false;                                                                    
        }
    }  
    
    function validPhone(form)          /* phone no validation */
    {
        var valid = '0123456789'; 
        phone = form.phoneno.value;
        
        if (phone == '')
        {
            alert('This field is required. Please enter phone number');
            return false;
        }
        
        if (!phone.length > 1 || phone.length < 10)
        {
            alert('Invalid phone number length! Please try again.');
            return false;
        }
        
        for (var i = 0; i < phone.length; i++)
        {
            temp = '' + phone.substring(i, i + 1);
            
            if (valid.indexOf(temp) == -1)
            {
                alert('Invalid characters in your phone. Please try again.');
                return false;
            }
        }
        
        return true;
    }
    
    function validate()
    {
        var form = document.forms['form'];
        
        if (!checkName(form) || !checkEmail(form) || !validatePwd(form) || !validPhone(form))
        {
            return false;
        }
        
        return true;
    }
</script>
</head>
<body>
 
<form action="" method="post" name="form" onsubmit="return validate()">
    User Name : <input type="text" name="realname" size="19">
    <br>
    E-Mail    : <input type="text" name="email" size="25">
    <br>
    Password  : <input type="password" name="password" maxlength="12" size="25">
    <br>
    Retype password: <input type="password" name="password2" maxlength="12" size="25">
    <br>
    PhoneNo   : <input type="phoneno" name="phoneno" maxlength="10" size="25">
    <br>
    <input type="submit" value="Submit">
</form>
 
</body>
</html>

<input id="name" name="name" type="text" class="validate['required','length[3,-1]','nodigit']" size="20" value="Mr., Ms., Pastor..."onBlur="if(document.getElementById('name').value=='') {document.getElementById('name').value='Mr., Ms., Pastor...'};" onfocus="document.getElementById('name').value=''"; />