Pages

Subscribe:

Thursday, 10 April 2014

Write text on jpeg image


 <strong>Your stand number</strong>
                <asp:TextBox ID="txtstand" CssClass="txtwebbanner" runat="server" Width="169px" autocomplete="off"></asp:TextBox>
                <asp:Button ID="btnResendDetails" CssClass="btnwebbanner" runat="server" Text="Generate your banners"
                    OnClick="btnResendDetails_Click" />

code page (.cs)

string path = Server.MapPath(@"uploads/banner_300_250.jpg");
        Bitmap b = new Bitmap(path);
        Graphics g = Graphics.FromImage(b);
        g.SmoothingMode = SmoothingMode.AntiAlias;
        string inputString = "Visit Us @ Stand: " + txtstand.Text;
        Font f = new Font("Arial", 12, FontStyle.Bold);
        g.DrawString(inputString, f, Brushes.White, 90, 207);
        g.Flush();
        string fileName = Path.GetFileNameWithoutExtension(Path.GetRandomFileName()) + ".jpg";
        b.Save(Server.MapPath("bannerimages/") + txtstand.Text + "1" + fileName, ImageFormat.Jpeg);

Open Page in New Tab on button click

Response.Write("<script>");
        Response.Write("window.open('Default2.aspx','_blank')");
        Response.Write("</script>");

Sunday, 6 April 2014

Play video on mouse hover

<head>


<script type="text/javascript" src="http://www.youtube.com/player_api"></script>
    <script type="text/javascript">
        var player;

        var $ = function (id) { return document.getElementById(id); }
        var $$ = function (tagname) { return document.getElementsByTagName(tagname); }

        function onYouTubeIframeAPIReady() {
            var videos = $$('iframe'), // the iframes elements
         players = [], // an array where we stock each videos youtube instances class
         playingID = null; // stock the current playing video
            for (var i = 0; i < videos.length; i++) // for each iframes
            {
                var currentIframeID = videos[i].id; // we get the iframe ID
                players[currentIframeID] = new YT.Player(currentIframeID); // we stock in the array the instance
                // note, the key of each array element will be the iframe ID

                videos[i].onmouseover = function (e) { // assigning a callback for this event
                    var currentHoveredElement = e.target;
                    if (playingID) // if a video is currently played
                    {
                        players[playingID].pauseVideo();
                    }
                    players[currentHoveredElement.id].playVideo();
                    playingID = currentHoveredElement.id;
                };
            }

        }
        onYouTubeIframeAPIReady();
    </script>

</head>
<body>


<ul class="image-grid" id="list">
            <li>
                <iframe id="player" width='385' height='230' src="http://www.youtube.com/embed/6m_D7QLcyiI?rel=0&wmode=Opaque&enablejsapi=1;showinfo=0;controls=0"
                    frameborder='0' allowfullscreen></iframe>
            </li>
        </ul>

</body>