Ashik Iqbal | Blog: Web Design

Showing posts with label Web Design. Show all posts

Tuesday, July 14, 2009

Make a Checkbox Read-Only

To make a html input type checkbox readonly is not possible from its default properties. So we can just use this small tricks to make it read only.

<input type="checkbox"    onClick="return false;" CHECKED />Readonly
<input type="checkbox"     CHECKED DISABLED />Disabled

It looks like:
Readonly
Disabled

Sunday, April 12, 2009

JavaScript alert from UpdatePanel in ASPX (C#)

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "clientScript", "alert('Item saved successfully.')", true);

The last true is to add javascript tags.

Friday, January 2, 2009

Send Email from ASP.NET usign GMAIL Account

protected void Page_Load(object sender, EventArgs e)

{
SendMail("smtp.gmail.com",
    465,
    "account@gmail.com",
    "<accountpassword>",
    "Your name",
    "account@gmail.com",
    "Stefan Receiver",
    "receive@whatever.com",
    "Test",
    "Hello there Steff!",
    true);
}

public static void SendMail(string sHost, int nPort, string sUserName, string sPassword, string sFromName, string sFromEmail,

string sToName, string sToEmail, string sHeader, string sMessage, bool fSSL)
{
if (sToName.Length == 0)
    sToName = sToEmail;
if (sFromName.Length == 0)
    sFromName = sFromEmail;

    System.Web.Mail.MailMessage Mail = new System.Web.Mail.MailMessage();
Mail.Fields["http://schemas.microsoft.com/cdo/configuration/smtpserver"] = sHost;
Mail.Fields["http://schemas.microsoft.com/cdo/configuration/sendusing"] = 2;

    Mail.Fields["http://schemas.microsoft.com/cdo/configuration/smtpserverport"] = nPort.ToString();
if (fSSL)
    Mail.Fields["http://schemas.microsoft.com/cdo/configuration/smtpusessl"] = "true";

    if (sUserName.Length == 0)
{
    //Ingen auth
}
else
{
    Mail.Fields["http://schemas.microsoft.com/cdo/configuration/smtpauthenticate"] = 1;
    Mail.Fields["http://schemas.microsoft.com/cdo/configuration/sendusername"] = sUserName;
    Mail.Fields["http://schemas.microsoft.com/cdo/configuration/sendpassword"] = sPassword;
}

    Mail.To = sToEmail;
Mail.From = sFromEmail;
Mail.Subject = sHeader;
Mail.Body = sMessage;
Mail.BodyFormat = System.Web.Mail.MailFormat.Html;

    System.Web.Mail.SmtpMail.SmtpServer = sHost;
System.Web.Mail.SmtpMail.Send(Mail);
}

Thursday, January 1, 2009

Grey-out html page and pop-up a interactive dialog box

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function showPopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "block"
dlg.style.display = "block"
if (document.body.style.overflow = "hidden") {
   cvr.style.width = "1024"
   cvr.style.height = "100%"
   }
}
function closePopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "none"
dlg.style.display = "none"
document.body.style.overflowY = "scroll"
}
</script>
<style type="text/css">
#cover {
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:gray;
filter:alpha(Opacity=50);
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5
}
#dialog {
display:none;
left:200px;
top:200px;
width:300px;
height:300px;
position:absolute;
z-index:100;
background:white;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}
</style>
</head>
<body>
<div id="cover"></div>
<div id="dialog">
   My Dialog Content
   <br><input type="text">
   <br><input type="button" value="Submit">
   <br><a href="#" onclick="closePopUp('dialog');">[Close]</a>
</div>
<a href="#" onclick="showPopUp('dialog');">Show</a>
</body>
</html>