Sunday, January 13, 2013

Grid View Under Grid View in asp.net



GridView:

<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False" ShowFooter="True" AllowPaging="True" >
<Columns>
<asp:TemplateField>
<ItemTemplate>
<a href="javascript:expandcollapse('<%# Eval("GridViewField") %>', 'one');">
   <img id="img<%# Eval("GridViewField") %>" alt="Click to show/hide Details f    or this Book No <%# Eval("GridViewField") %>"
   width="9px" border="0" src="../Images/plus.gif" />
</a>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="GridViewField" HeaderText="Header Name" />
<asp:TemplateField ItemStyle-Width="1px">
<ItemTemplate>
<tr>
<td colspan="100%" style="height: 0px; padding: 0px">
 <div id="div<%# Eval("GridViewField") %>" style="display: none;                position: relative;left: 5px; overflow: auto; width: 99%; border: 0px">
 <asp:GridView ID="gvDetails" runat="server" AutoGenerateColumns="true"         CssClass="gridView"
 AlternatingRowStyle-CssClass="gv_altRow" FooterStyle-CssClass="gv_footer"      PagerStyle-CssClass="gv_pager" OnRowDataBound="gvDetails_RowDataBound">        </asp:GridView>
 </div>
</td>
</tr>
</ItemTemplate>
<ItemStyle Width="1px"></ItemStyle>
</asp:TemplateField>
</Columns>
</asp:GridView>
Javascript:
function expandcollapse(obj, row) {
            var div = document.getElementById('div' + obj);
            //            var tr = document.getElementById('tr' + obj);
            var img = document.getElementById('img' + obj);

            if (div.style.display == "none") {
                //                tr.style.display = "block";
                divName = obj;
                div.style.display = "block";
                if (row == 'alt') {
                    img.src = "../Images/minus.gif";
                }
                else {
                    img.src = "../Images/minus.gif";
                }
                img.alt = "Close to view other Challan";
            }
            else {
                //                tr.style.display = "none";
                div.style.display = "none";
                if (row == 'alt') {
                    img.src = "../Images/plus.gif";
                }
                else {
                    img.src = "../Images/plus.gif";
                }
                img.alt = "Expand to show Challan Products";
            }
        }
In C# or VB:
Bind data on grid view row data bound what you want.

Thursday, January 10, 2013

Simple Drop Down Menu with Jquery and CSS



This post is very basic level Jquery and CSS implementation. I want to explain how to design simple drop down menu  with CSS, HTML and Jquery. This system helps you to minimise the menus list. Just take a quick look at this post very few lines of code, use it and enrich your web projects. 

Drop Down Menu with Jquery and CSS

Download Script     Live Demo

HTML Code
Simple HTML code
<div class="dropdown">
<a class="account" >My Account</a>

<div class="submenu">
<ul class="root">
<li ><a href="#Dashboard" >Dashboard</a></li>
<li ><a href="#Profile" >Profile</a></li>
<li ><a href="#settings">Settings</a></li>
<li ><a href="#feedback">Send Feedback</a></li>
</ul>
</div>

</div>

Drop Down Menu with Jquery and CSS

JavaScript
Contains javascipt code. $(".account").click(function(){}account is the class name of the My Account anchor tag. Using $(this).attr('id') calling id value of the anchor tag and based on condition showing .submenu div box and the same time$(this).attr('id', '1') adding id value too.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
"></script>;
<script type="text/javascript" >
$(document).ready(function()
{

$(".account").click(function()
{
var X=$(this).attr('id');
if(X==1)
{
$(".submenu").hide();
$(this).attr('id', '0'); 
}
else
{
$(".submenu").show();
$(this).attr('id', '1');
}

});

//Mouse click on sub menu
$(".submenu").mouseup(function()
{
return false
});

//Mouse click on my account link
$(".account").mouseup(function()
{
return false
});


//Document Click
$(document).mouseup(function()
{
$(".submenu").hide();
$(".account").attr('id', '');
});
});
</script>
Document click on document $(document).mouseup(function() hiding the.submenu

CSS Code
.dropdown 
{
color: #555;
margin: 3px -22px 0 0;
width: 143px;
position: relative;
height: 17px;
text-align:left;
}
.submenu
{
background: #fff;
position: absolute;
top: -12px;
left: -20px;
z-index: 100;
width: 135px;
display: none;
margin-left: 10px;
padding: 40px 0 5px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}
.dropdown li a 
{
color: #555555;
display: block;
font-family: arial;
font-weight: bold;
padding: 6px 15px;
cursor: pointer;
text-decoration:none;
}

.dropdown li a:hover
{
background:#155FB0;
color: #FFFFFF;
text-decoration: none;
}
a.account 
{
font-size: 11px;
line-height: 16px;
color: #555;
position: absolute;
z-index: 110;
display: block;
padding: 11px 0 0 20px;
height: 28px;
width: 121px;
margin: -11px 0 0 -10px;
text-decoration: none;
background: url(icons/arrow.png) 116px 17px no-repeat;
cursor:pointer;
}
.root
{
list-style:none;
margin:0px;
padding:0px;
font-size: 11px;
padding: 11px 0 0 0px;
border-top:1px solid #dedede;
}


Got From: http://www.9lessons.info/2012/06/simple-drop-down-menu-with-jquery-and.html

Shakespeare All Books



Want to read all books of Shakespeare??


Go to this link: http://www.sparknotes.com/shakespeare/

Need to Resize Picture??

Need StopWatch????

Some technique to search in google

Everyone goes to Google for any information. There are some technique to search in google which help you to get your desired information

  1. If you want to view search result only in pdf format then you can search by blog filetype:pdf
  2. To know definition or meaning of word just type define something
  3. To search about weather related information of a specific area type weather dhaka
  4. To know result of math or any calculation just type 100+200-50+300. you will get the result 550
  5. To search link in google type link: www.syedmdkamruzzaman.blogspot.com

Install VB6 on Windows 7


After surfing around the net, I've found very little information regarding installation of VB6 on Windows 7. Most of the information out there is for Vista, and most of it is queries for assistance.

You may be wondering why someone would want to utilize VB6 on a shiny new operating system like Windows 7. Or even Vista for that matter.

There are about a bazillion legacy applications out there that have to be supported, and people like me who speak VB6 need to have the tools installed on our workstations in order to implement and test updates and such for these legacy applications. It also helps out when I need to squirt out a quick tool for use in my daily work.

This process has been tested on Windows 7, both 32 bit and 64 bit, with no problems.

So without further delay, here is the process that I have used on my Windows 7 machines to install Visual Basic 6.

Bonus tip from BadBrad: I forgot to post about this part, but BadBrad reminded me in the comments.

Before proceeding with the installation process below, create a zero-byte file in C:\Windows called MSJAVA.DLL. The setup process will look for this file, and if it doesn't find it, will force an installation of old, old Java, and require a reboot. By creating the zero-byte file, the installation of moldy Java is bypassed, and no reboot will be required. Thanks for the reminder, BadBrad!
  1. Turn off UAC.

  2. Insert Visual Studio 6 CD.

  3. Exit from the Autorun setup.

  4. Browse to the root folder of the VS6 CD.

  5. Right-click SETUP.EXE, select Run As Administrator.

  6. On this and other Program Compatibility Assistant warnings, click Run Program.

  7. Click Next.

  8. Click "I accept agreement", then Next.

  9. Enter name and company information, click Next.

  10. Select Custom Setup, click Next.

  11. Click Continue, then Ok.

  12. Setup will "think to itself" for about 2 minutes. Processing can be verified by starting Task Manager, and checking the CPU usage of ACMSETUP.EXE.

  13. On the options list, select the following:
    • Microsoft Visual Basic 6.0
    • ActiveX
    • Data Access
    • Graphics

    All other options should be unchecked. Click Continue, setup will continue.

  14. Finally, a successful completion dialog will appear, at which click Ok. At this point, Visual Basic 6 is installed.

  15. If you do not have the MSDN CD, clear the checkbox on the next dialog, and click next. You'll be warned of the lack of MSDN, but just click Yes to accept.

  16. Click Next to skip the installation of Installshield. This is a really old version you don't want anyway.

  17. Click Next again to skip the installation of BackOffice, VSS, and SNA Server. Not needed!

  18. On the next dialog, clear the checkbox for "Register Now", and click Finish.

The wizard will exit, and you're done. You can find VB6 under Start, All Programs, Microsoft Visual Studio 6. Enjoy!

UPDATE

You might notice after successfully installing VB6 on Windows 7 that working in the IDE is a bit, well, sluggish. For example, resizing objects on a form is a real pain.

After installing VB6, you'll want to change the compatibility settings for the IDE executable.
  1. Using Windows Explorer, browse the location where you installed VB6. By default, the path is C:\Program Files\Microsoft Visual Studio\VB98\
  2. Right click the VB6.exe program file, and select properties from the context menu.
  3. Click on the Compatibility tab.
  4. Place a check in each of these checkboxes:
    • Run this program in compatibility mode for Windows XP (Service Pack 3)
    • Disable Visual Themes
    • Disable Desktop Composition
    • Disable display scaling on high DPI settings

After changing these settings, fire up the IDE, and things should be back to normal, and the IDE is no longer sluggish.
Got From: http://www.fortypoundhead.com/showcontent.asp?artid=20502#ixzz2HZ9qCTuT