Customized Message Box that i can use

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • ismailc
    New Member
    • Sep 2006
    • 200
    #1

    Customized Message Box that i can use

    Good day, does anybody have a customized message box that i can use.

    I have searched & read that one can't change the font or size of the default message box.

    Does anyone have a customized message box where i can change the font
    Ok button & info icon.

    so that i can include in validation function

    if not then i will use the Div option of displaying message


    Regards
    Tags: None
    • acoder
      Recognized Expert MVP
      • Nov 2006
      • 16032
      #2
      Here's one example that you can alter to your requirements.

        Comment

        • ismailc
          New Member
          • Sep 2006
          • 200
          #3
          Thank You - got me going

            Comment

            • harrierdh
              New Member
              • Jan 2010
              • 16
              #4
              Here is another.

              Code:
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Forms</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="styles/style.css" media="screen" title="style (screen)" />
<script>
function preview() {
   var myvar = "Name=" + document.getElementById("first_and_last_name").value;
   myvar += '<br />Birthday=' + document.getElementById("birthday").value;
   myvar += '<br /><p>Submit Information?</p>';
   //myvar += '<br /><input type="button" value="yes" id="yesbutton" onClick="window.opener.document.child_form.submit()" />';
   myvar += ' <input type="button" value=" yes " id="yesbutton" onClick="window.opener.document.getElementById(\'mybox\').value=\'Hello World!\';window.close()" />';
   //myvar += ' <input type="button" value=" Print " id="nobutton" onClick="window.print();window.close()" />';   
   myvar += ' <input type="button" value=" no " id="nobutton" onClick="window.close()" />';
   my_window= window.open ("","mywindow1","status=1,width=450,height=350");
   my_window.document.write(myvar); 
}
</script>
</head>
<body>
<div id="wrap"> 
	<form class="darker" name="child_form" id="child_form" method="post" action="_lib/phpmailer-fe.php" enctype="multipart/form-data">
        Name:<br />	
        <input name="First_and_last_name" id="first_and_last_name" type="text" value="First and Last Name" /><br /><br />
		Birtdhay:<br />
        <input name="Birthday" id="birthday" type="text" value="Month and day of birthday" /><br /><br />
		Message from popup:<br />
		<input type="text" id="mybox" name="mybox" value="" /><br /><br />
		<input type="button" onclick="preview()" value="Preview" />
    </form>
</div>
</body>
</html>

                Comment

                • acoder
                  Recognized Expert MVP
                  • Nov 2006
                  • 16032
                  #5
                  Hmm... that opens a new window. Not quite what would be as useful in most cases.

                    Comment

                    Previous template Next
                    Working...