Showing posts with label JavaScript. Show all posts
Showing posts with label JavaScript. Show all posts

Thursday, August 8, 2013

Zoom In/Zoom Out Website Content using JavaScript

Zoom In/Zoom Out Website using JavaScript When user clicks on  "A" the website content Zooms In and When user Clicks on "a" the website content Zooms out.

JavaScript Code:

<script type="text/javascript">
    var min = 8;
    var max = 18;
    function zoominLetter() {
        var p = document.getElementsByTagName('p');
        for (i = 0; i < p.length; i++) {
            if (p[i].style.fontSize) {
                var s = parseInt(p[i].style.fontSize.replace("px", ""));
            } else {
                var s = 12;
            }
            if (s != max) {
                s += 1;
            }
            p[i].style.fontSize = s + "px"
        }
    }
    function zoomoutLetter() {
        var p = document.getElementsByTagName('p');
        for (i = 0; i < p.length; i++) {
            if (p[i].style.fontSize) {
                var s = parseInt(p[i].style.fontSize.replace("px", ""));
            } else {
                var s = 12;
            }
            if (s != min) {
                s -= 1;
            }
            p[i].style.fontSize = s + "px"
        }
    }
</script>

ASPX Code:

<a href="javascript:zoominLetter();"><b>A</b></a>
<a href="javascript:zoomoutLetter();"><b>a</b></a>
<div style="width: 400px">
   <p>Musakkhir Sayyed is a Software Engineer working in Constraint Technologies Pvt Ltd, Pune. He has been a programmer/Software Developer for past 2 years specializing in .NET/C# development. Currently, he is a Silverlight, WPF/Sharepoint developer specializing in BCS Services. </p>
   </div>
    <asp:Label ID="lblUserBrowser" runat="server"></asp:Label>

Screen Shot 1:


Custom Validator Example


JavaScript Code:

<script type="text/javascript">
    function Check(sender, e) {
        if (isNaN(e.Value))
            e.IsValid = false;
        else
            e.IsValid = true;
    }
</script>

ASPX Code :

<asp:TextBox ID="TextBox1" runat="server" Width="150"></asp:TextBox>
    <asp:CustomValidator ID="CustomValidator1" runat="server"
        ErrorMessage="Id Should be a Number" ClientValidationFunction="Check"
        ControlToValidate="TextBox1" Display="Dynamic" ForeColor="Red"
        SetFocusOnError="True"></asp:CustomValidator>

Saturday, January 19, 2013

Print Functionality on Button Click using JavaScript

<asp:Button ID="printButton" runat="server" Text="Print"             OnClientClick="javascript:window.print();" Width="70px"
            onclick="printButton_Click" />