Web Development Discussion Boards

Before you spend time creating a Forum, take a look at DotNetNuke which is an Open Source Web Application Framework that is built around ASP.NET technologies. Out of the box it has a good forum system, but there are plenty of "for purchase" modules that have better forums that plug right into the DNN (dot net nuke) framework. I've implemented it as a company intranet portal and it is really amazing. Free! Thumbs Up | :thumbsup:

http://www.dotnetnuke.com/[^]

Thanks David ... I shall refer the website you mentioned and get back to you.

Dave, Are there books on the same topic that I can purchase and refer?

ASP.NET 2.0 Website Programming by Marco Bellinaso is a book I came across while searching the web.

It has a chapter on Forums.

Please do let me know if this chapter would be sufficient?

hi
I have a datagrid and in it i have put a textbox using the template items and i assign the value of the item ID to the textbox and its working fine, but i want to do a double click on a row and would like to return the value in the text box. I have added an attribute in the itemdatabound event as shown below. My problem is, if i double click my javascript alert function keeps returning the same value.
Does anyone know what im doing wrong.

protected void rdgAccounts_ItemDataBound1(object sender, DataGridItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item)
{
string text = ((System.Web.UI.WebControls.TextBox)e.Item.FindControl("txt")).Text;
rdgAccounts.Attributes.Add("ondblclick", "return OpenGrid('" + text + "');");
}
}

function OpenGrid(txt2)
{
alert(txt2);
}

Dear,
I am using control ntb combo
<a href="http://www.nitobi.com/products/completeui/demos/explorer/">http://www.nitobi.com/products/completeui/demos/explorer/</a>[<a href="http://www.nitobi.com/products/completeui/demos/explorer/" target="_blank" title="New Window">^</a>]
the control to use

-Namespace &lt;html xmlns:ntb&gt;
-javaScript files

Control Render in browser Like this

<pre><ntb:Combo TABINDEX=0 id="H_Unit_22_0_" InitialSearch="zzz__is__1000002" Mode="classic" >
<ntb:ComboTextBox width=245px OnEditKeyUpEvent="ifEmptyRepopulate(this)" DataFieldIndex=1></ntb:ComboTextBox>
<ntb:ComboList OnHideEvent="TextboxSetSelection('H_Unit_22_0_');" OnAfterSearchEvent="TextboxSetInitialValue('H_Unit_22_0_');" height=200 width=748px
DatasourceUrl="b6fm/getData.asp?tr=47&viewid=0&req=0" PageSize="50" >
<ntb:ComboColumnDefinition width=120px HeaderLabel="Caption" DataFieldIndex=1>
</ntb:ComboColumnDefinition>
<ntb:ComboColumnDefinition width=120px HeaderLabel="Id" DataFieldIndex=0>
</ntb:ComboColumnDefinition></ntb:ComboList></ntb:Combo>

I want to create this control Dyanmicly
I am create <td> and added it in table I dont problem in this I
Tired
txt = '<ntb:Combo TABINDEX=4 id="' + comboName + '" Mode="classic" theme="outlook" >';
txt = txt + '<ntb:ComboTextBox width=245px OnEditKeyUpEvent="ifEmptyRepopulate(this)" DataFieldIndex=1></ntb:ComboTextBox>'
txt = txt + '<ntb:ComboList OnHideEvent="TextboxSetSelection(' + sq + comboName + sq + ');" height=200 width=766px DatasourceUrl="b6fm/getData.asp?tr=51" PageSize="50">';
txt = txt + '<ntb:ComboColumnDefinition width=240px HeaderLabel="Display Name" DataFieldIndex=1>';
txt = txt + '</ntb:ComboColumnDefinition><ntb:ComboColumnDefinition width=180px HeaderLabel="First Name" DataFieldIndex=2>';
txt = txt + '</ntb:ComboColumnDefinition><ntb:ComboColumnDefinition width=180px HeaderLabel="Last Name" DataFieldIndex=3>';
txt= txt + '</ntb:ComboColumnDefinition><ntb:ComboColumnDefinition width=132px HeaderLabel="User Id" DataFieldIndex=0>';
txt = txt + '</ntb:ComboColumnDefinition></ntb:ComboList></ntb:Combo>';</pre>
tdNode.innerHTML=txt; /// I dont have problem in tdNode

also tired
working in attribute will not make Differance
var comboNode = document.createElement('ntb:Combo');
var comboText= document.createElement('ntb:ComboTextBox');
var comboList=document.createElement('ntb:ComboList');
var comboColumn=document.createElement('ntb:ComboColumnDefinition');
var comboColumn2=document.createElement('ntb:ComboColumnDefinition');

comboNode.id="'" + comboName + "'";
comboNode.Mode="'classic'";

comboText.OnEditKeyUpEvent="ifEmptyRepopulate(this)";
comboText.DataFieldIndex="1";
comboText.width="245px";
comboList.OnHideEvent="TextboxSetSelection('" + sq + comboName + sq + '); ' ;
comboList.height=200;
comboList.width='766px';
comboList.DatasourceUrl="b6fm/getData.asp?tr=99";
comboList.PageSize="50";
comboColumn.width="240px";
comboColumn.DataFieldIndex=1;
comboColumn.HeaderLabel="Display Name";
comboColumn2.width="240px";
comboColumn2.DataFieldIndex=0;
comboColumn2.HeaderLabel="User Id";
comboList.appendChild(comboColumn);
comboList.appendChild(comboColumn2);
comboNode.appendChild(comboText);
comboNode.appendChild(comboList);

tdNode.appendChild(comboNode);

also tired
var comboNode = document.createElementNS("ntb",'ntb:Combo');

var comboText= document.createElementNS("ntb",'ntb:ComboTextBox');
var comboList=document.createElementNS("ntb",'ntb:ComboList');
var comboColumn=document.createElementNS("ntb",'ntb:ComboColumnDefinition');
var comboColumn2=document.createElementNS("ntb",'ntb:ComboColumnDefinition');

same....

When I tring
to get the value innerhtml of td :: document.getElementById ("td"+combArr[i]).innerHTML // combArr[i] name...no prblem here
give me correctly the tags ::--
this alert
---------------------------
Windows Internet Explorer
---------------------------
<pre>|td| <?xml:namespace prefix = ntb /><ntb:Combo id="'vComboTest'" Mode="'classic'"><ntb:ComboTextBox width="245px" DataFieldIndex="1" OnEditKeyUpEvent="ifEmptyRepopulate(this)"></ntb:ComboTextBox><ntb:ComboList PageSize="50" DatasourceUrl="b6fm/getData.asp?tr=99" height="200" OnHideEvent="TextboxSetSelection(''vComboTest'); "><ntb:ComboColumnDefinition DataFieldIndex="1" HeaderLabel="Display Name"></ntb:ComboColumnDefinition><ntb:ComboColumnDefinition DataFieldIndex="0" HeaderLabel="User Id"></ntb:ComboColumnDefinition></ntb:ComboList></ntb:Combo></pre>---------------------------
OK
---------------------------

<b>but if i get last ntb Combo will display</b>
<pre> alert ("|combo|" +document.getElementsByTagName("Combo")[ document.getElementsByTagName("Combo").length -1 ].innerHTML);
the first tag
<ntb:Combo TABINDEX=4 id="' + comboName + '" Mode="classic" theme="outlook" >';
is missed up

<b>the alert like this</b></pre>
---------------------------
Windows Internet Explorer
---------------------------
<pre>|combo|<?xml:namespace prefix = ntb /><ntb:ComboTextBox width="245px" DataFieldIndex="1" OnEditKeyUpEvent="ifEmptyRepopulate(this)"></ntb:ComboTextBox><ntb:ComboList PageSize="50" DatasourceUrl="b6fm/getData.asp?tr=99" height="200" OnHideEvent="TextboxSetSelection(''vComboTest'); "><ntb:ComboColumnDefinition DataFieldIndex="1" HeaderLabel="Display Name"></ntb:ComboColumnDefinition><ntb:ComboColumnDefinition DataFieldIndex="0" HeaderLabel="User Id"></ntb:ComboColumnDefinition></ntb:ComboList></pre>---------------------------
OK
---------------------------

<b>I am confused how can be solved that</b> Confused | :confused:

regards

Yes. CreatiVity withOuT limiTs
modified on Wednesday, February 4, 2009 12:31 PM

You need to fix up your post. Its got about 0.01% readability. >.>

I need a dual handle slider in asp.net 2.0 framework

modified on Wednesday, February 4, 2009 5:03 AM

thats nice, did you have a question?

Didn't you get the memo? No one has questions these days...only demands.

I tried to find the dual hand slider control but i was not able to get this

I want to implement price sorting using dual hand slider

please give any reference for this ?

I have a web application that I apparently support now... The original people involved with it are long gone. How can I locate which server the app is on? All I have is the external web address.

Hi,

if your company is hosting the site, check which server is the first one to be addresses from the web (by getting the ip). Then you have to check at this server if it is hosting the app or just doing a redirect. This will lead you to the next server... and so on.

If your site is hosted by a provider you can get the provider by looking up the ip or using the whois-command (type whois in google).

Regards
Sebastian

It's not a bug, it's a feature!

Check out my CodeProject article Permission-by-aspect.

Me in Softwareland.

Hi All

I want to open a page present in someother folder under a website in a new window by using ClientScript.RegisterStartUpScript().

Can somebody help me in doing this.

Regards
Naina

I hope this will help Smile | :)

this.ClientScript.RegisterStartupScript(
		this.GetType(),
		"Window",
		"window.open('../OtherDirectory/NewPage.aspx','','width=300,height=300,left=200,top=200');",
		true);

Be careful, there is no Undo Button(Ctrl+Z) in life.

Hi

Thank you for the reply. But its not working in my application. The window is not opening.
i used the same code given by you in the link button "onclick" event. Could you please
suggest me on this.

Regards
Naina

Are you using onclick event for button? Onclick is server side event. Try onclientclick event.

<asp:button id="Button1" xmlns:asp="#unknown">
       usesubmitbehavior="true"
       text="Open Web site"
       onclientclick="OpenNewWindow()"
       runat="server" >;
</asp:button>

<script type="text/javascript">
function OpenNewWindow()
{
window.open('../OtherDirectoryNewPage.aspx','','width=300,height=300,left=200,top=200')
}
</script>

Be careful, there is no Undo Button(Ctrl+Z) in life.

this works for server side c#;

string Script = "Search = window.open('" + "frmSearchAccounts.aspx" + "', 'Search', " + "'location=0,status=0,scrollbars=0,width=685,height=510')" + ";mywindow.moveTo(320,150)";
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "popup", Script, true);

hi all,
I am developing an exam web page, i have a datagrid control with 3 pages. The grid consists of combobox template column of values "yes" or "no". if it is selected"yes" score is 4 if no score is 2, i need to get the total of the score of the 3 pages at once.

ho do i make it work.

Regards.

If you need to compute the total score for all records, you need to track the state of each record independantly of the grid. If your just storing the information only in the grid, it will be destroyed whenever you redraw it. If you are data binging, this should be relatively strait forward. Whenever the user changes the page, just update the data source the grid is bound to for the currently visible rows before rebinding.

On press of enter key in multiline text box, cursor doesn’t go to the next line.This problem is with IE and Safari.
Please let me know if there is any solution for this problem

This seems to perfectly suit your needs:

http://blog.codesta.com/codesta_weblog/2007/12/net-gotchas---p.html[^]

It's not a bug, it's a feature!

Check out my CodeProject article Permission-by-aspect.

Me in Softwareland.

I’m trying to have focus on the multiline text box at the page load by using following javascript code

Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "focusLoad", "<script language='javascript'>var control=document.getElementById('" + txtField.ClientID + "');if(control!=null)control.focus();</script>");

But some how the focus is not there in the textbox (cursor is not visible and if tried to type directly on page laod without clicking with mosue on the textbox its not happenening).
Please suggest some solution for this problem.

You can set defaultfocus[^] Attribute on form.

e.g.

<form id="Form1" defaultfocus="TextBox1" runat="server"></form>

Be careful, there is no Undo Button(Ctrl+Z) in life.

Hi,

I'am french developper (so sorry for my english), and I don't find a solution for my trouble :
I have a table wich can show for each rows a detail row, placed under the main row. But when this detail row is show, the column size is changed, I don't know why.

Here is a code test wich show the trouble, two same table, and you can see under IE6 or IE7 that the two table doesn't have the same columns size, and when you click on the detail link, the columns size back to normal size.

<html>
<head>
    <title>Probleme de decalage des colonnes après affichage des détails</title>
    
    <style type="text/css">
    body
    {
	    font-size: 11px;
	    font-family: Arial, Helvetica, sans-serif;
	    color: Black;
	    background-color: White;
    }
    
    .titreSection
    {
	    font-weight: bold;
	    font-size: 12px;
	    font-family: Arial, Helvetica, sans-serif;
	    color: #1053bb;
	    margin-top: 20px;
	    margin-bottom: 5px;
    }
    
    .grid-sollicitation
    {
	    width:100%;
	    vertical-align:middle;
        border-color:#84AFDF;
        border-collapse:collapse;
    }

    .grid-sollicitation TR,
    .grid-sollicitation TD
    {
	    border-color:#84AFDF;
    }

    .grid-sollicitation-header
    {
	    background-color:#84AFDF;
	    font-size:11px;
	    font-weight:bold;
	    color:#000000;
	    height:30px;
    }

    .grid-sollicitation-row
    {
	    height:20px;
    }
    
    /* Colonne : Id */
    .grid-sollicitation .Id
    {
	    text-align:center;
	    width:30px;
    }
    .grid-sollicitation .IdHeader
    {
	    width:30px;
    }

    /* Colonne : Estampille */
    .grid-sollicitation .Estampille
    {
	    text-align:center;
	    width:50px;
    }
    .grid-sollicitation .EstampilleHeader
    {
	    width:50px;
    }

    /* Colonne : Date */
    .grid-sollicitation .Date
    {
	    text-align:center;
	    width:70px;
    }
    .grid-sollicitation .DateHeader
    {
	    width:70px;
    }

    /* Colonne : Libelle */
    .grid-sollicitation .Libelle
    {
	    padding-left: 10px;
	    width:385px;
	    font-weight:bold;
    }
    .grid-sollicitation .LibelleHeader
    {
	    width:385px;
    }

    /* Colonne : Details */
    .grid-sollicitation .Details
    {
	    text-align:center;
	    width:50px;
    }
    /* Colonne : Details */
    .grid-sollicitation .DetailsHeader
    {
	    width:50px;
    }

    /* Colonne : Voir Tarification */
    .grid-sollicitation .Tarification
    {
	    text-align:center;
	    width:100px;
    }
    .grid-sollicitation .TarificationHeader
    {
	    width:100px;
    }

    /* Colonne : Souscription */
    .grid-sollicitation .Souscription
    {
	    text-align:center;
	    width:80px;
    }
    .grid-sollicitation .Souscription
    {
	    width:80px;
    }

    /* Colonne : Statut */
    .grid-sollicitation .Statut
    {
	    text-align:center;
	    color:#1053BB;
	    font-weight:bold;
	    width:100px;
    }
    .grid-sollicitation .StatutHeader
    {
	    width:100px;
    }

    /* Colonne : Supprimer */
    .grid-sollicitation .Supprimer
    {
	    text-align:center;
	    width:30px;
    }
    .grid-sollicitation .SupprimerHeader
    {
	    width:30px;
    }
    
    /* Panel contenant les details */
    .panelDetails
    {
	    margin:10px;
    }
    </style>
    
	<script type="text/javascript" language="javascript">
	function displayElement(id)
    {
        elem = document.getElementById(id);
    
        if(elem.style.display == "")
            elem.style.display = "none";
        else
            elem.style.display = "";
    }

	</script>

</head>
<body>
    <div>
        <p class="titreSection">Tableau 1</p>
        <div>
            <table class="grid-sollicitation" cellspacing="0" rules="all" border="1" style="border-collapse:collapse; width: 600px;">
                <tr class="grid-sollicitation-header">
					<th scope="col">Date</th>
					<th scope="col" abbr="Libelle">Thème</th>
					<th scope="col">Etat</th>
					<th scope="col">&nbsp;</th>
				</tr>
                <tr class="grid-sollicitation-row">
                    <td class="Date">info{1,1}</td>
                    <td class="Libelle"><a href="javascript:displayElement('trDetails_01');">info{1,2}</a></td>
                    <td class="Statut">info{1,3}</td>
                    <td class="Supprimer">X</td>
                </tr>
                <tr id="trDetails_01" class="grid-sollicitation-row" style="display:none;">
                    <td colspan="4">
                        <div class="panelDetails">
                            Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1
                        </div>
                    </td>
                </tr>
                
                <tr class="grid-sollicitation-row">
                    <td class="Date">info{2,1}</td>
                    <td class="Libelle"><a href="javascript:displayElement('trDetails_02');">info{2,2}</a></td>
                    <td class="Statut">info{2,3}</td>
                    <td class="Supprimer">X</td>
                </tr>
                <tr id="trDetails_02" class="grid-sollicitation-row" style="display:none" >
                    <td colspan="4">
                        <div class="panelDetails">
                            Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2
                        </div>
                    </td>
                </tr>
                
                <tr class="grid-sollicitation-row">
                    <td class="Date">info{3,1}</td>
                    <td class="Libelle"><a href="javascript:displayElement('trDetails_03');">info{3,2}</a></td>
                    <td class="Statut">info{3,3}</td>
                    <td class="Supprimer">X</td>
                </tr>
                <tr id="trDetails_03" class="grid-sollicitation-row" style="display:none">
                    <td colspan="4">
                        <div class="panelDetails">
                            Madame test prenom a effectué la demande d'information suivante :
                            <br /><br />
                            Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Deta
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    
    <div>
        <p class="titreSection">Tableau 2</p>
        <div>
            <table class="grid-sollicitation" cellspacing="0" rules="all" border="1" style="border-collapse:collapse; width: 600px;">
                <tr class="grid-sollicitation-header">
					<th scope="col">Date</th>
					<th scope="col" abbr="Libelle">Thème</th>
					<th scope="col">Etat</th>
					<th scope="col">&nbsp;</th>
				</tr>
                <tr class="grid-sollicitation-row">
                    <td class="Date">info{1,1}</td>
                    <td class="Libelle"><a href="javascript:displayElement('trDetails_11');">info{1,2}</a></td>
                    <td class="Statut">info{1,3}</td>
                    <td class="Supprimer">X</td>
                </tr>
                <tr id="tr1" class="grid-sollicitation-row">
                    <td colspan="4">
                        <div class="panelDetails">
                            Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1 Détails 1
                        </div>
                    </td>
                </tr>
                
                <tr class="grid-sollicitation-row">
                    <td class="Date">info{2,1}</td>
                    <td class="Libelle"><a href="javascript:displayElement('trDetails_12');">info{2,2}</a></td>
                    <td class="Statut">info{2,3}</td>
                    <td class="Supprimer">X</td>
                </tr>
                <tr id="tr2" class="grid-sollicitation-row" style="display:none" >
                    <td colspan="4">
                        <div class="panelDetails">
                            Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2 Détails 2
                        </div>
                    </td>
                </tr>
                
                <tr class="grid-sollicitation-row">
                    <td class="Date">info{3,1}</td>
                    <td class="Libelle"><a href="javascript:displayElement('trDetails_13');">info{3,2}</a></td>
                    <td class="Statut">info{3,3}</td>
                    <td class="Supprimer">X</td>
                </tr>
                <tr id="tr3" class="grid-sollicitation-row" style="display:none">
                    <td colspan="4">
                        <div class="panelDetails">
                            Madame test prenom a effectué la demande d'information suivante :
                            <br /><br />
                            Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Detail du message Deta
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</body>
</html>

just copy/paste the code in a "test.html" file, and see the trouble.