Problems with javascript event lauch from VB.net control

[phfle1]

Hi,

I want to display the cursor as an hourglass on the click of a button in the form and use the following line to achieve that

Me.btnRecherche.Attributes.Add("onclick", "document.body.style.cursor = 'wait'; ")

Sadly, it doesn't work. One strange thing is that when I write the following:

Me.btnRecherche.Attributes.Add("onclick", "document.body.style.cursor = 'wait'; alert(""ASASSAS"");")

I do get the alert, but the cursor doesn't change.

Is there something wrong with the line document.body.style.cursor = 'wait'; ?

Thanks,

P

[Frinavale]

Hi,

I want to display the cursor as an hourglass on the click of a button in the form and use the following line to achieve that

Me.btnRecherche.Attributes.Add("onclick", "document.body.style.cursor = 'wait'; ")

Sadly, it doesn't work. One strange thing is that when I write the following:

Me.btnRecherche.Attributes.Add("onclick", "document.body.style.cursor = 'wait'; alert(""ASASSAS"");")

I do get the alert, but the cursor doesn't change.

Is there something wrong with the line document.body.style.cursor = 'wait'; ?

Thanks,

P

Hmm interesting...

Try:

Me.btnRecherche.Attributes.Add("OnClick", "javascript:document.body.style.cursor = 'wait'; ")

This worked when I tested it in IE.

[phfle1]

Thanks, but same result.

If it can help you help me:

I'm using VS2005
It is a WEB asp .net application/form

I used the same line in VS2003 with a similar project and it worked just fine :S

Thanks,

P

[Frinavale]

Thanks, but same result.

If it can help you help me:

I'm using VS2005
It is a WEB asp .net application/form

I used the same line in VS2003 with a similar project and it worked just fine :S

Thanks,

P

I was using VS2005 as well.
This is not a Server Side problem and doesn't really have anything to do with VS. It's a Client Side problem.

This could mean that you have JavaScript turned off...or could mean that your browser doesn't support this....

Maybe your page posts back before you really get a good look at the cursor?

[phfle1]

Javascript is enabled and this code works in my browser (IE 6). I have tried it with a simple html page calling the javascript function.

Maybe your page posts back before you really get a good look at the cursor?

Yeah I thought about that so I put an alert before and after the call :

Me.btnRecherche.Attributes.Add("onclick", "alert(""ASASSAS"");javascript:document.body.style .cursor = 'wait'; alert(""ASASSAS"");")

Both alert are launched, but I don't see the hourglass between them.
Maybe, as you say, it happens to fast, but it doesn't seem to be the case since when there is no alert I still have to wait to seconds to have post back and see the result.

Strange...

[Frinavale]

Javascript is enabled and this code works in my browser (IE 6). I have tried it with a simple html page calling the javascript function.



Yeah I thought about that so I put an alert before and after the call :

Me.btnRecherche.Attributes.Add("onclick", "alert(""ASASSAS"");javascript:document.body.style .cursor = 'wait'; alert(""ASASSAS"");")

Both alert are launched, but I don't see the hourglass between them.
Maybe, as you say, it happens to fast, but it doesn't seem to be the case since when there is no alert I still have to wait to seconds to have post back and see the result.

Strange...

Ok try this:
Me.btnRecherche.Attributes.Add("OnClick", "javascript:document.body.style.cursor = 'wait'; return false;")

This should prevent the postback to the server from ever happening....

[phfle1]

It seems there's nothing that displays when I try this. As you said there is no post back so no answer :S.

[Frinavale]

It seems there's nothing that displays when I try this. As you said there is no post back so no answer :S.

I'm going to ask the JavaScript experts to have a look at this question.
:)
We'll get to the bottom of this!

-Frinny

[phfle1]

thanks, really appreciated

[acoder]

document.body.style.cursor="wait";

should set the cursor to an hourglass. I'm not too familiar with .NET, so how does this code turn out in the browser (view source in the browser).

[phfle1]

document.body.style.cursor="wait";

should set the cursor to an hourglass. I'm not too familiar with .NET, so how does this code turn out in the browser (view source in the browser).

thanks, but that's what I used and didn't get any good result. I'll try to see the source.

[Frinavale]

document.body.style.cursor="wait";

should set the cursor to an hourglass. I'm not too familiar with .NET, so how does this code turn out in the browser (view source in the browser).

Does this work in all browsers?

[drhowarddrfine]

You are setting the style on <body>, correct? Then you must be within <body> for the 'wait' cursor to appear. Many times the full width/height of the body is covered with other elements. To test for this, move the style to some element like a <div> or <p> and see if it appears.

[phfle1]

You are setting the style on <body>, correct? Then you must be within <body> for the 'wait' cursor to appear. Many times the full width/height of the body is covered with other elements. To test for this, move the style to some element like a <div> or <p> and see if it appears.

The call is made via a vb.net file that adds the event to a button(control). I do not change anything in the asp .net file

[Frinavale]

The call is made via a vb.net file that adds the event to a button(control). I do not change anything in the asp .net file

Drhowarddrfine is suggesting that you move the button into a panel with a set Height and Width.

A panel is rendered as a <div> tag when it is sent to the web browser (to verify this right click on the web page and selected "view source").

Once you've done this try the following:


Me.btnRecherche.Attributes.Add("onclick", "document.getElementById('" +PNL_ThePanelYourButtonIsIn.ClientID+"').style.cur sor = 'wait';")

When testing this, make sure that your mouse is hovering over the panel that your button is in. To know where it is, I suggest setting the background colour of the panel to something like "Blue" so that you can see it.

[phfle1]

OK I'll try that. Thanks

[acoder]

You are setting the style on <body>, correct? Then you must be within <body> for the 'wait' cursor to appear. Many times the full width/height of the body is covered with other elements. To test for this, move the style to some element like a <div> or <p> and see if it appears.

That makes sense. I tested on a pretty empty page with only one or two elements (which didn't have the hourglass cursor when I hovered over them).

[phfle1]

You are setting the style on <body>, correct? Then you must be within <body> for the 'wait' cursor to appear. Many times the full width/height of the body is covered with other elements. To test for this, move the style to some element like a <div> or <p> and see if it appears.

In fact, there is no body tag since I'm using an ascx file and not a aspx file. The tags are added by MS Sharepoint.

I changed the cursor, but it only changes when I hover on the control. Is there a way to do it for the whole page?

[phfle1]

Something strange is that my 2003 solution :

Me.btnRechercheOk.Attributes.Add("onclick", "document.body.style.cursor = 'wait';")

works just fine

but my 2005 solution is %&?&%

[drhowarddrfine]

Actually I shouldn't have said it that way. The 'wait' cursor should still show over all elements because all elements should be within the body element. But if you don't even have a body element then your whole page is invalid and of course it won't work. But some of this still depends on the styling of the elements themselves and without seeing the generated html/css, it's only a guess.

[phfle1]

Hi Doc,

Here the generated source. I don't know if it all was important so I put it all.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>
Au départ
</title><link href="/Transactionnel/Themes/LaPersonnelle/FR/Styles/style.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/Styles/conditions-entree.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/Styles/NAconditions-entree.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/QC/Styles/style.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/QC/Styles/conditions-entree.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/QC/Styles/NAconditions-entree.css" type="text/css" rel="stylesheet"/></head>
<body id="bodyMaster">
<form name="aspnetForm" method="post" action="conditions-entree.aspx?SimulProvenance=informationnel&amp;Sim ulRegion=QC&amp;Grp=&amp;SimulCodeProvenance=S&amp ;SimulMarqueCommerceAffaire=P&amp;SimulMarqueComme rceSysteme=4" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTk5OTc5MDAxNA9kFgJmD2QWAgIDD2QWAgIDD2QWAgI FD2QWBgICD2QWAmYPZBYCZg9kFgQCAQ8PFgIeB1Zpc2libGVnZ GQCAw8PFgIfAGhkZAIED2QWDgIBD2QWAgIDD2QWCgIBDw9kFgI eB29uY2xpY2sFD3RoaXMudmFsdWUgPSAnJ2QCAw8PFgIfAGhkZ AIFDw8WBB4EVGV4dGUeB0VuYWJsZWRnZGQCBw8PFgQfA2cfAmV kZAIJDw8WBB8CZR8DZ2RkAgIPDxYCHwBoZGQCAw9kFghmDw8WA h8AaGQWAgIDD2QWBAIBD2QWBAIBDxBkFgIeBUNsYXNzBRNjc3N JbnB1dFJhZGlvQnV0dG9uFgQfBAUTY3NzSW5wdXRSYWRpb0J1d HRvbh4FY2xhc3MFDmNzc1JhZGlvQnV0dG9uZAIDDxBkFgIfBAU TY3NzSW5wdXRSYWRpb0J1dHRvbhYEHwQFE2Nzc0lucHV0UmFka W9CdXR0b24fBQUOY3NzUmFkaW9CdXR0b25kAgUPDxYEHwJlHwN nZGQCAQ9kFgICAw9kFgQCAw8PFgIfAGhkZAIFD2QWAgIBDw8WA h8CZRYCHwEFBndhaXQoKWQCAg9kFgJmD2QWAgIBDw8WAh8AZ2Q WAgIDD2QWBgIBDxBkEBUEB0Nob2lzaXIOQ0FORVggLSBDaXZpb HMSQ0FORVggLSBNaWxpdGFpcmVzEkNBTkVYIC0gUmV0cmFpdMO pcxUEAi0xBzI5OV84MzUHMzAwXzgzNgczMDFfODM3FCsDBGdnZ 2cWAQIBZAIDDw8WAh8AaGRkAgUPDxYEHwJlHwNnZGQCAw8PFgQ fAmUfA2dkZAIED2QWAgIDD2QWBgIBDxAPZBYCHghvbkNoYW5nZ QUkQ0VUcmFpdGVtZW50VHlwZVRyYW5zYWN0aW9uKHRoaXMuaWQ pEBUEB0Nob2lzaXIWUHJvcHJpw6l0YWlyZSBvY2N1cGFudBJMb 2NhdGFpcmUgb2NjdXBhbnQmQ29wcm9wcmnDqXRhaXJlIG9jY3V wYW50IChjb25kb21pbml1bSkVBAItMQJQUgJMTwJDRBQrAwRnZ 2dnFgECAWQCAw8PFgIfAGhkZAIFDw8WBB8CZR8DZ2RkAgUPZBY EAgEPZBYGAgEPFgIeBXN0eWxlBQlkaXNwbGF5OjtkAgMPFgIfB wUNZGlzcGxheTpub25lO2QCBQ8WAh8HBQ1kaXNwbGF5Om5vbmU 7ZAIDD2QWBAIBDxAPZBYCHwcFCWRpc3BsYXk6OxAVAwdDaG9pc 2lyATEBMhUDAi0xATEBMhQrAwNnZ2cWAWZkAgMPDxYGHgxFcnJ vck1lc3NhZ2UFTFZldWlsbGV6IHPDqWxlY3Rpb25uZXIgbGUgb m9tYnJlIGRlIHByb3ByacOpdGFpcmVzIGRhbnMgbGEgbGlzdGU uIChFUjAwNDMwMSkfAmUfA2dkZAIGD2QWAmYPZBYCAgEPDxYCH wBoFgIfBwUNZGlzcGxheTpub25lOxYCAgMPZBYEAgEPEGQQFQU HQ2hvaXNpchVTdXIgbGEgYmFzZSBtaWxpdGFpcmUNU3VyIHVuI GJhdGVhdT3DgCBsJ2V4dMOpcmlldXIgZGUgbGEgYmFzZSBtYWl zIGRhbnMgdW5lIHByb3ByacOpdMOpIGRlIGxhIERODUF1dHJlI GVuZHJvaXQVBQItMQFRAUIBRAFYFCsDBWdnZ2dnFgFmZAIDDw8 WBB8CZR8DZ2RkAgcPZBYCAgMPZBYEAgEPZBYMZg8PFgIfAgUEM jAwORYCHgxBdXRvQ29tcGxldGUFA09mZmQCAg8PFgIfAgUCMDQ WAh8JBQNPZmZkAgQPDxYCHwIFAjA2FgIfCQUDT2ZmZAIFDw8WA h8DZ2RkAgYPDxYCHwNnZGQCBw8PFgIfA2dkZAIDDw8WBB8CZR8 DZ2RkAggPZBYEAgEPZBYGAgEPFgIfAGgWAgIBDw8WAh8CBQtQc sOpY8OpZGVudBYCHwEFHkRHQUdfaW5pdGlhbGlzZXJQYWdlU29 1bWlzZSgpO2QCAg9kFgICAQ8PFgIfAgUHU3VpdmFudBYCHwEFW WRvY3VtZW50LmJvZHkuc3R5bGUuY3Vyc29yID0gJ3dhaXQnOyB zdHlsZS5jdXJzb3IgPSAnd2FpdCc7REdBR19pbml0aWFsaXNlc lBhZ2VTb3VtaXNlKCk7ZAIDDxYCHwBoZAIDD2QWAgIBDw8WAh8 CBQdRdWl0dGVyFgIeB29uQ2xpY2sFc0RHQUdfaW5pdGlhbGlzZ XJQYWdlU291bWlzZSgpO2lmIChjb25maXJtKCdUb3V0ZXMgdm9 zIGRvbm7DqWVzIHNlcm9udCBwZXJkdWVzLiBRdWl0dGVyPycpI D09IGZhbHNlKXtyZXR1cm4gZmFsc2U7fTtkZE2hoNQuuGLGwsL/0iHrR8uiGzPB" />
</div>

<script type="text/javascript">
<!--
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
// -->
</script>


<script src="/Transactionnel/WebResource.axd?d=9UPRyytQrWTIXk5uodr6FQ2&amp;t=63 3179571893544669" type="text/javascript"></script>

<script src='/Transactionnel/Includes/Transactionnel.js' type='text/javascript' ></script><script src='/Transactionnel/Includes/GererMenu.js' type='text/javascript' ></script><script language='JavaScript'> var activeField = null; function ClsTextbox_onKeyDown(fieldName) { var field = document.forms[0].elements[fieldName]; activeField = field; field.lastValue = field.value; } </script> <script language='JavaScript'> function ClsTextbox_onKeyUp(fieldName,nextFieldName,maxLeng th) { var field = document.forms[0].elements[fieldName]; var nextField = document.forms[0].elements[nextFieldName]; if (field == activeField && field.value != field.lastValue && field.value.length >= maxLength) nextField.focus(); activeField = null; } </script><script>var s_account="dgaglapersonnellecomdev";</script>
<script src="/Transactionnel/ScriptResource.axd?d=tGhE21--m-VReb4EY_OgpXmLaWuc-qSjk7PWCJgbzSz3YhrDJz15tbUiU7t7mFhqgbzJ2TzclP9QHJ1 UIxzDZEyAeiru84WUhendMDrJ5pI1&amp;t=63318015149713 6527" type="text/javascript"></script>
<script src="/Transactionnel/ScriptResource.axd?d=tGhE21--m-VReb4EY_OgpXmLaWuc-qSjk7PWCJgbzSz3YhrDJz15tbUiU7t7mFhqgbzJ2TzclP9QHJ1 UIxzDZGhdMTM-lvz6nWLl02as7vlDgSzE6QLtGogZ-jj_QVPI0&amp;t=633180151497136527" type="text/javascript"></script>
<div id="divMaster" class="ONLI">



<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00 $PlaceHolderMain$ascmScriptManager', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._upd ateControls(['tctl00$PlaceHolderMain$usrPageTransactionnelle$us rMessages$pnMessage','tctl00$PlaceHolderMain$usrPa geTransactionnelle$apnlGroupeSelectionEncadre','tc tl00$PlaceHolderMain$usrPageTransactionnelle$pnlQu estionSpecifiqueCanexEncadre'], ['ctl00$PlaceHolderMain$usrPageTransactionnelle$btn Recherche'], [], 90);
//]]>
</script>

<div id="contenuPage">
<div id="contenuPageExt">
<div id="contenuPageInt">
<div id="etape">
<div id="etapeExt">
<div id="etapeInt">
<ul><li id="nav-conditionentree"><a id="ctl00_PlaceHolderMain_usrGestionOnglet_Conditi onEntree" disabled="disabled" class="nav-actif">ConditionEntree</a></li><li id="nav-bien"><a id="ctl00_PlaceHolderMain_usrGestionOnglet_Bien" disabled="disabled" class="nav-off">Bien</a></li><li id="nav-assure"><a id="ctl00_PlaceHolderMain_usrGestionOnglet_Assure " disabled="disabled" class="nav-off">Assure</a></li><li id="nav-offre"><a id="ctl00_PlaceHolderMain_usrGestionOnglet_Offre" disabled="disabled" class="nav-off">Offre</a></li></ul>
</div>
</div>
</div>
<div id="contenuForm">
<div id="contenuFormExt">
<div id="contenuFormInt">
<div id="divPageTransactionnelle">


<div id="divMessages">
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrMessages_pnMessage">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrMessages_pnErreur">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrMessages_pnImgErreur">

</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrMessages_pnMsgErreur">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrMessages_ValidationSummary1">
<ul><li>Veuillez sélectionner le nombre de propriétaires dans la liste. (ER004301)</li></ul>
</div>
<ul id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrMessages_ulListErreur"></ul>

</div>

</div>




</div>



</div>


<div id="blocJeudechamp1" class="blocJeudechamp">
<div id="blocJeudechamp1Ext" class="blocJeudechampExt">
<div id="blocJeudechamp1Int" class="blocJeudechampInt">
<div id="blocJeudechamp1Haut" class="blocJeudechampHaut">
<div></div>
</div>
<div id="blocJeudechamp1Milieu" class="blocJeudechampMilieu">
<div>
<fieldset id="jeudechamp1" class="jeudechamp">
<div class="listeQuestion">
<div class='blocQuestion premier'></div>
<div id='blocQuestion001' class='blocQuestion '>
<div id='question001' class='question'>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlCodePostal">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlCodePostalQ">
<label id='labelQuestion001' class='labelQuestion' for='ctl00_PlaceHolderMain_usrPageTransactionnelle _txtCodePostal'>

Code postal du bien à assurer*

</label>
</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlCodePostalR">
<fieldset id='jeudechampZoneReponse001' class='jeudechampZoneReponse'>
<input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$txtCodePostal" type="text" value="g1g1g1" maxlength="6" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ txtCodePostal" onclick="this.value = ''" />




<input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$hdnCodePostalActuel" type="hidden" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ hdnCodePostalActuel" />
</fieldset>
</div>

</div></div>
</div>
<div id='blocQuestion003' class='blocQuestion '>
<div id='question003' class='question'>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlRechercheGroupe">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlRechercheGroupeQ">
<label id='labelQuestion003' class='labelQuestion' for='ctl00_PlaceHolderMain_usrPageTransactionnelle _txtRechercheGroupe'>
Inscrivez le nom de votre groupe et cliquez OK
</label>
</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlAlignBoutonOk">
<fieldset id='jeudechampZoneReponse003' class='jeudechampZoneReponse'>
<input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$txtRechercheGroupe" type="text" value="canex" maxlength="100" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ txtRechercheGroupe" onkeypress="Enter(this.id);" />

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlBoutonOk">

<a onclick="wait();" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ btnRecherche" href="javascript:__doPostBack('ctl00$PlaceHolderMa in$usrPageTransactionnelle$btnRecherche','')"></a>

</div>


</fieldset>
</div>

</div></div>
</div>
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ apnlGroupeSelectionEncadre">
<div id='blocQuestion004' class='blocQuestion '>
<div id='question004' class='question'>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlGroupeSelection">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlGroupeSelectionQ">
<label id='labelQuestion004' class='labelQuestion' for='ctl00_PlaceHolderMain_usrPageTransactionnelle _ddlSelectionGroupe'>
Sélectionnez le groupe auquel vous appartenez :
</label>
</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlGroupeSelectionR">
<fieldset id='jeudechampZoneReponse004' class='jeudechampZoneReponse'>
<select name="ctl00$PlaceHolderMain$usrPageTransactionnell e$ddlSelectionGroupe" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ ddlSelectionGroupe">
<option value="-1">Choisir</option>
<option selected="selected" value="299_835">CANEX - Civils</option>
<option value="300_836">CANEX - Militaires</option>
<option value="301_837">CANEX - Retraités</option>

</select>


</fieldset>
</div>

</div></div>
</div>

</span><div id='blocQuestion005' class='blocQuestion '>
<div id='question005' class='question'>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlTypeTransaction">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlTypeTransactionQ">
<label id='labelQuestion005' class='labelQuestion' for='ctl00_PlaceHolderMain_usrPageTransactionnelle _ddlTypeTransaction'>
Veuillez indiquer laquelle des situations suivantes s'applique :
</label>
</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlTypeTransactionR">
<fieldset id='jeudechampZoneReponse005' class='jeudechampZoneReponse'>
<select name="ctl00$PlaceHolderMain$usrPageTransactionnell e$ddlTypeTransaction" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ ddlTypeTransaction" onChange="CETraitementTypeTransaction(this.id)">
<option value="-1">Choisir</option>
<option selected="selected" value="PR">Propriétaire occupant</option>
<option value="LO">Locataire occupant</option>
<option value="CD">Copropriétaire occupant (condominium)</option>

</select>


</fieldset>
</div>

</div></div>
</div>
<div id='blocQuestion006' class='blocQuestion '>
<div id='question006' class='question'>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlNombreAssure">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlNombreAssureQ">
<label id='labelQuestion006' class='labelQuestion' for='ctl00_PlaceHolderMain_usrPageTransactionnelle _ddlNombreAssure'>
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ spnNombreProprio" style="display:;">
Nombre de propriétaires
</span>
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ spnNombreLocataire" style="display:none;">
Nombre de locataires
</span>
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ spnNombreCopro" style="display:none;">
Nombre de copropriétaires
</span>
</label>
</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlNombreAssureR">
<fieldset id='jeudechampZoneReponse006' class='jeudechampZoneReponse'>
<select name="ctl00$PlaceHolderMain$usrPageTransactionnell e$ddlNombreAssure" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ ddlNombreAssure" style="display:;">
<option selected="selected" value="-1">Choisir</option>
<option value="1">1</option>
<option value="2">2</option>

</select>

</fieldset>
</div>

</div></div>
</div>
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlQuestionSpecifiqueCanexEncadre">

</span><div id='blocQuestion008' class='blocQuestion '>
<div id='question008' class='question'>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlDateEffective">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlDateEffectiveQ">
<label id='labelQuestion008' class='labelQuestion' for='ctl00_PlaceHolderMain_usrPageTransactionnelle _usrDateMultiDebut_Annee'>
Date à laquelle vous aimeriez que votre police d'assurance entre en vigueur?
</label>
</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlDateEffectiveR">
<fieldset id='jeudechampZoneReponse008' class='jeudechampZoneReponse'>
<input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$usrDateMultiDebut$Annee" type="text" value="2009" maxlength="4" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrDateMultiDebut_Annee" class="Annee" onKeyDown="javascript:ClsTextbox_onKeyDown(this.id )" onFocus="this.select();" onKeyUp="javascript:ClsTextbox_onKeyUp(this.id,thi s.id.replace('_Annee','_Mois'),4)" AutoComplete="Off" /><span class="lblLigneObliqueGauche">&nbsp;/&nbsp;</span><input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$usrDateMultiDebut$Mois" type="text" value="04" maxlength="2" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrDateMultiDebut_Mois" class="Mois" onKeyUp="javascript:ClsTextbox_onKeyUp(this.id,thi s.id.replace('_Mois','_Jour'),2)" onKeyDown="javascript:ClsTextbox_onKeyDown(this.id )" onFocus="this.select();" AutoComplete="Off" /><span class="lblLigneObliqueDroite">&nbsp;/&nbsp;</span><input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$usrDateMultiDebut$Jour" type="text" value="06" maxlength="2" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrDateMultiDebut_Jour" class="Jour" onKeyUp="javascript:ClsTextbox_onKeyUp(this.id,thi s.id.replace('_Jour','_Jour'),2)" onKeyDown="javascript:ClsTextbox_onKeyDown(this.id )" onFocus="this.select();" AutoComplete="Off" />

</fieldset>
</div>

</div></div>
</div>

<div class='blocQuestion dernier'></div>
</div>
</fieldset>
</div>
</div>
<div id="blocJeudechamp1Bas" class="blocJeudechampBas">
<div></div>
</div>
</div>
</div>
</div>



<div id="blocJeudechamp2" class="blocJeudechamp">
<div id="blocJeudechamp2Ext" class="blocJeudechampExt">
<div id="blocJeudechamp2Int" class="blocJeudechampInt">
<div id="blocJeudechamp2Haut" class="blocJeudechampHaut">
<div></div>
</div>
<div id="blocJeudechamp2Milieu" class="blocJeudechampMilieu">
<div>
<a href="#">
<fieldset id="jeudechamp2" class="jeudechamp">
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ insElementsExclusion"></span>
</fieldset>
</a>
</div>
</div>
<div id="blocJeudechamp2Bas" class="blocJeudechampBas">
<div></div>
</div>
</div>
</div>
</div>




<div id="blocJeudechampSoumettre" class="blocJeudechampSoumettre">
<div id="blocJeudechampSoumettreExt" class="blocJeudechampSoumettreExt">
<div id="blocJeudechampSoumettreInt" class="blocJeudechampSoumettreInt">
<div id="blocJeudechampSoumettreHaut" class="blocJeudechampSoumettreHaut">
<div></div>
</div>
<div id="blocJeudechampSoumettreMilieu" class="blocJeudechampSoumettreMilieu">
<div>
<fieldset id="jeudechampSoumettre" class="jeudechampSoumettre">

<ul id="boutonListe" class="boutonListe">
<li id="boutonPremier" class="bouton premier"></li>

<li id="boutonSuivant" class="bouton">
<a onclick="document.body.style.cursor = 'wait'; style.cursor = 'wait';DGAG_initialiserPageSoumise();" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrBoutonsFormulaire_linkBtSuivant" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$PlaceHolderMai n$usrPageTransactionnelle$usrBoutonsFormulaire$lin kBtSuivant&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, true))">Suivant</a>
</li>

<li id="boutonDernier" class="bouton dernier"></li>
</ul>

</fieldset>
</div>
</div>
<div id="blocJeudechampSoumettreBas" class="blocJeudechampSoumettreBas">
<div></div>
</div>
</div>
</div>
</div>


<div id="boutonQuitter">
<a onclick="DGAG_initialiserPageSoumise();if (confirm('Toutes vos données seront perdues. Quitter?') == false){return false;};" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrBoutonsFormulaire_linkBtQuitter" href="javascript:__doPostBack('ctl00$PlaceHolderMa in$usrPageTransactionnelle$usrBoutonsFormulaire$li nkBtQuitter','')">Quitter</a>
</div>








































</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>

<script type="text/javascript">
<!--
var Page_ValidationSummaries = new Array(document.getElementById("ctl00_PlaceHolderMa in_usrPageTransactionnelle_usrMessages_ValidationS ummary1"));
// -->
</script>

<div>

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWFQKzsoTFAQKwtfv7AwL0ubuTDgKW7qWMAwKcqJanAQKCh76 ABgLZpPKKDAKYktPzBAK4u4mbAgLH49TBBwK049DcBwKg45zcB wKZ46jcBwLCu8/gDwLOu4PjDwLPu4PjDwLlvLyoCgLyy8nFBAKxupvpBQLt+dSuA wLG9Nj1BAIi2kayLubFEhYZEKg2Ro97A3Pz" />
</div>
<script src='/Transactionnel/Includes/s_code_remote.js'></script><script language='javascript' type='text/javascript'>
s.server="";
s.pageType="";
s.state="QC";
s.eVar33="QC";
s.prop33="QC";
s.zip="";
s.events="event6";
s.products="";
s.eVar18="";
s.purchaseID="";
s.prop18="";
s.prop1="laPersonnelle";
s.eVar1="laPersonnelle";
s.prop2="QC";
s.eVar2="QC";
s.prop3="FR";
s.eVar3="FR";
s.prop30="";
s.eVar30="";
s.prop31="";
s.eVar31="";
s.prop40="";
s.eVar40="";
var s_code=s.t();if(s_code)document.write(s_code);
</script>

<script type="text/javascript">
<!--
Sys.Application.initialize();
// -->
</script>
</form>
</body>
</html>

[drhowarddrfine]

A few things:
1) You should use code tags when you post to make your markup more readable.
2) The markup doesn't include the CSS so I wouldn't know if that's affecting this because:
3) I see the hourglass in Firefox so the next question is, do all browsers have the problem you describe?
4) You need to validate for your list of 13 html errors and any css errors there may be.

[phfle1]

1.sorry for the tags
2. I put in the code below the part of the css file that has a link with the panel containing the button.
3. I have the same problem on Firefox
4. 13 html errors?


javascript wait function

function wait()
  {
     document.body.style.cursor = 'wait';
 
  }

Function that straps the javascript event on the button

Private Sub Page_Load(ByVal vSender As Object, ByVal vEvent As System.EventArgs) Handles Me.Load
        clsOutilsTrans.TracePerfoONLI("(TAL) LOAD Condition entree habitation", True)
 
        If Not clsOutilsTrans.EstModePilotage Then
            GererToken()
            GererInitialisations()
            GererContexte()
            GererParametresRecus()
            GererChargementListes()
            GererAffichageChamps()
        Else
            GererInitialisations()
            GererChargementListes()
            GererAffichageChamps()
        End If
 
        'ajouter l'evenement javascript lors du click du bouton recherche
        Me.btnRecherche.Attributes.Add("onclick", "wait()")
        clsOutilsTrans.TracePerfoONLI("(TAL) LOAD Condition entree habitation", False)
 
    End Sub

part of the css

#pnlRechercheGroupe label { 
    width: 25em;
    padding-right: 2em;
}
#pnlCodePostal, #pnlNombreAssure, #pnlTypeTransaction, #pnlNombreAssure, #pnlGroupe, #pnlConfirmationGroupe, #pnlConfirmationGroupeRadioButton, #pnlRechercheGroupe, #pnlGroupeSelection, #pnlQuestionSpecifiqueCanex { 
    margin-bottom: 20px;
}

view source of page


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>
Au départ
</title><link href="/Transactionnel/Themes/LaPersonnelle/FR/Styles/style.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/Styles/conditions-entree.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/Styles/NAconditions-entree.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/QC/Styles/style.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/QC/Styles/conditions-entree.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/QC/Styles/NAconditions-entree.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/Styles/style.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/Styles/conditions-entree.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/Styles/NAconditions-entree.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/QC/Styles/style.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/QC/Styles/conditions-entree.css" type="text/css" rel="stylesheet"/><link href="/Transactionnel/Themes/LaPersonnelle/FR/QC/Styles/NAconditions-entree.css" type="text/css" rel="stylesheet"/></head>
<body id="bodyMaster">
<form name="aspnetForm" method="post" action="conditions-entree.aspx?SimulProvenance=informationnel&amp;Sim ulRegion=QC&amp;Grp=&amp;SimulCodeProvenance=S&amp ;SimulMarqueCommerceAffaire=P&amp;SimulMarqueComme rceSysteme=4" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTk5OTc5MDAxNA9kFgJmD2QWAgIDD2QWAgIDD2QWAgI FD2QWBgICD2QWAmYPZBYCZg9kFgQCAQ8PFgIeB1Zpc2libGVoZ GQCAw8PFgIfAGhkZAIED2QWDgIBD2QWAgIDD2QWBAIBDw9kFgI eB29uY2xpY2sFD3RoaXMudmFsdWUgPSAnJ2QCAw8PFgIfAGhkZ AICDw8WAh8AaGRkAgMPZBYGZg8PFgIfAGhkFgICAw9kFgICAQ9 kFgQCAQ8QZBYCHgVDbGFzcwUTY3NzSW5wdXRSYWRpb0J1dHRvb hYCHgVjbGFzcwUOY3NzUmFkaW9CdXR0b25kAgMPEGQWAh8CBRN jc3NJbnB1dFJhZGlvQnV0dG9uFgIfAwUOY3NzUmFkaW9CdXR0b 25kAgEPZBYCAgMPZBYEAgMPDxYCHwBoZGQCBQ9kFgICAQ8PZBY CHwEFBndhaXQoKWQCAg9kFgJmD2QWAgIBDw8WAh8AaGQWAgIDD 2QWAgIBDxBkZBYAZAIED2QWAgIDD2QWBAIBDxAPZBYCHghvbkN oYW5nZQUkQ0VUcmFpdGVtZW50VHlwZVRyYW5zYWN0aW9uKHRoa XMuaWQpEBUEB0Nob2lzaXIWUHJvcHJpw6l0YWlyZSBvY2N1cGF udBJMb2NhdGFpcmUgb2NjdXBhbnQmQ29wcm9wcmnDqXRhaXJlI G9jY3VwYW50IChjb25kb21pbml1bSkVBAItMQJQUgJMTwJDRBQ rAwRnZ2dnFgFmZAIDDw8WAh8AaGRkAgUPZBYEAgEPZBYGAgEPF gIeBXN0eWxlBQ1kaXNwbGF5Om5vbmU7ZAIDDxYCHwUFDWRpc3B sYXk6bm9uZTtkAgUPFgIfBQUNZGlzcGxheTpub25lO2QCAw9kF gICAQ8QD2QWAh8FBQ1kaXNwbGF5Om5vbmU7EBUDB0Nob2lzaXI BMQEyFQMCLTEBMQEyFCsDA2dnZxYBZmQCBg9kFgJmD2QWAgIBD w8WAh8AaBYCHwUFDWRpc3BsYXk6bm9uZTsWAgIDD2QWAgIBDxB kEBUFB0Nob2lzaXIVU3VyIGxhIGJhc2UgbWlsaXRhaXJlDVN1c iB1biBiYXRlYXU9w4AgbCdleHTDqXJpZXVyIGRlIGxhIGJhc2U gbWFpcyBkYW5zIHVuZSBwcm9wcmnDqXTDqSBkZSBsYSBETg1Bd XRyZSBlbmRyb2l0FQUCLTEBUQFCAUQBWBQrAwVnZ2dnZxYBZmQ CBw9kFgICAw9kFgICAQ9kFgZmDw9kFgIeDEF1dG9Db21wbGV0Z QUDT2ZmZAICDw9kFgIfBgUDT2ZmZAIEDw9kFgIfBgUDT2ZmZAI ID2QWBAIBD2QWBgIBDxYCHwBoFgICAQ8PZBYCHwEFHkRHQUdfa W5pdGlhbGlzZXJQYWdlU291bWlzZSgpO2QCAg9kFgICAQ8PZBY CHwEFWWRvY3VtZW50LmJvZHkuc3R5bGUuY3Vyc29yID0gJ3dha XQnOyBzdHlsZS5jdXJzb3IgPSAnd2FpdCc7REdBR19pbml0aWF saXNlclBhZ2VTb3VtaXNlKCk7ZAIDDxYCHwBoZAIDD2QWAgIBD w9kFgIeB29uQ2xpY2sFc0RHQUdfaW5pdGlhbGlzZXJQYWdlU29 1bWlzZSgpO2lmIChjb25maXJtKCdUb3V0ZXMgdm9zIGRvbm7Dq WVzIHNlcm9udCBwZXJkdWVzLiBRdWl0dGVyPycpID09IGZhbHN lKXtyZXR1cm4gZmFsc2U7fTtkZLLfQ+swJR9GXRIbCqVZOQj2R 6wu" />
</div>

<script type="text/javascript">
<!--
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
// -->
</script>


<script src="/Transactionnel/WebResource.axd?d=9UPRyytQrWTIXk5uodr6FQ2&amp;t=63 3179571893544669" type="text/javascript"></script>

<script src='/Transactionnel/Includes/Transactionnel.js' type='text/javascript' ></script><script src='/Transactionnel/Includes/GererMenu.js' type='text/javascript' ></script><script language='JavaScript'> var activeField = null; function ClsTextbox_onKeyDown(fieldName) { var field = document.forms[0].elements[fieldName]; activeField = field; field.lastValue = field.value; } </script> <script language='JavaScript'> function ClsTextbox_onKeyUp(fieldName,nextFieldName,maxLeng th) { var field = document.forms[0].elements[fieldName]; var nextField = document.forms[0].elements[nextFieldName]; if (field == activeField && field.value != field.lastValue && field.value.length >= maxLength) nextField.focus(); activeField = null; } </script><script>var s_account="dgaglapersonnellecomdev";</script>
<script src="/Transactionnel/ScriptResource.axd?d=tGhE21--m-VReb4EY_OgpXmLaWuc-qSjk7PWCJgbzSz3YhrDJz15tbUiU7t7mFhqgbzJ2TzclP9QHJ1 UIxzDZEyAeiru84WUhendMDrJ5pI1&amp;t=63318015149713 6527" type="text/javascript"></script>
<script src="/Transactionnel/ScriptResource.axd?d=tGhE21--m-VReb4EY_OgpXmLaWuc-qSjk7PWCJgbzSz3YhrDJz15tbUiU7t7mFhqgbzJ2TzclP9QHJ1 UIxzDZGhdMTM-lvz6nWLl02as7vlDgSzE6QLtGogZ-jj_QVPI0&amp;t=633180151497136527" type="text/javascript"></script>
<div id="divMaster" class="ONLI">



<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00 $PlaceHolderMain$ascmScriptManager', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._upd ateControls(['tctl00$PlaceHolderMain$usrPageTransactionnelle$us rMessages$pnMessage','tctl00$PlaceHolderMain$usrPa geTransactionnelle$apnlGroupeSelectionEncadre','tc tl00$PlaceHolderMain$usrPageTransactionnelle$pnlQu estionSpecifiqueCanexEncadre'], ['ctl00$PlaceHolderMain$usrPageTransactionnelle$btn Recherche'], [], 90);
//]]>
</script>

<div id="contenuPage">
<div id="contenuPageExt">
<div id="contenuPageInt">
<div id="etape">
<div id="etapeExt">
<div id="etapeInt">
<ul><li id="nav-conditionentree"><a id="ctl00_PlaceHolderMain_usrGestionOnglet_Conditi onEntree" disabled="disabled" class="nav-actif">ConditionEntree</a></li><li id="nav-bien"><a id="ctl00_PlaceHolderMain_usrGestionOnglet_Bien" disabled="disabled" class="nav-off">Bien</a></li><li id="nav-assure"><a id="ctl00_PlaceHolderMain_usrGestionOnglet_Assure " disabled="disabled" class="nav-off">Assure</a></li><li id="nav-offre"><a id="ctl00_PlaceHolderMain_usrGestionOnglet_Offre" disabled="disabled" class="nav-off">Offre</a></li></ul>
</div>
</div>
</div>
<div id="contenuForm">
<div id="contenuFormExt">
<div id="contenuFormInt">
<div id="divPageTransactionnelle">


<div id="divMessages">
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrMessages_pnMessage">






</div>



</div>


<div id="blocJeudechamp1" class="blocJeudechamp">
<div id="blocJeudechamp1Ext" class="blocJeudechampExt">
<div id="blocJeudechamp1Int" class="blocJeudechampInt">
<div id="blocJeudechamp1Haut" class="blocJeudechampHaut">
<div></div>
</div>
<div id="blocJeudechamp1Milieu" class="blocJeudechampMilieu">
<div>
<fieldset id="jeudechamp1" class="jeudechamp">
<div class="listeQuestion">
<div class='blocQuestion premier'></div>
<div id='blocQuestion001' class='blocQuestion '>
<div id='question001' class='question'>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlCodePostal">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlCodePostalQ">
<label id='labelQuestion001' class='labelQuestion' for='ctl00_PlaceHolderMain_usrPageTransactionnelle _txtCodePostal'>

Code postal du bien à assurer*

</label>
</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlCodePostalR">
<fieldset id='jeudechampZoneReponse001' class='jeudechampZoneReponse'>
<input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$txtCodePostal" type="text" maxlength="6" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ txtCodePostal" onclick="this.value = ''" />




<input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$hdnCodePostalActuel" type="hidden" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ hdnCodePostalActuel" />
</fieldset>
</div>

</div></div>
</div>
<div id='blocQuestion003' class='blocQuestion '>
<div id='question003' class='question'>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlRechercheGroupe">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlRechercheGroupeQ">
<label id='labelQuestion003' class='labelQuestion' for='ctl00_PlaceHolderMain_usrPageTransactionnelle _txtRechercheGroupe'>
Inscrivez le nom de votre groupe et cliquez OK
</label>
</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlAlignBoutonOk">
<fieldset id='jeudechampZoneReponse003' class='jeudechampZoneReponse'>
<input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$txtRechercheGroupe" type="text" maxlength="100" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ txtRechercheGroupe" onkeypress="Enter(this.id);" />

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlBoutonOk">

<a onclick="wait();" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ btnRecherche" href="javascript:__doPostBack('ctl00$PlaceHolderMa in$usrPageTransactionnelle$btnRecherche','')"></a>

</div>


</fieldset>
</div>

</div></div>
</div>
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ apnlGroupeSelectionEncadre">

</span><div id='blocQuestion005' class='blocQuestion '>
<div id='question005' class='question'>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlTypeTransaction">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlTypeTransactionQ">
<label id='labelQuestion005' class='labelQuestion' for='ctl00_PlaceHolderMain_usrPageTransactionnelle _ddlTypeTransaction'>
Veuillez indiquer laquelle des situations suivantes s'applique :
</label>
</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlTypeTransactionR">
<fieldset id='jeudechampZoneReponse005' class='jeudechampZoneReponse'>
<select name="ctl00$PlaceHolderMain$usrPageTransactionnell e$ddlTypeTransaction" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ ddlTypeTransaction" onChange="CETraitementTypeTransaction(this.id)">
<option selected="selected" value="-1">Choisir</option>
<option value="PR">Propriétaire occupant</option>
<option value="LO">Locataire occupant</option>
<option value="CD">Copropriétaire occupant (condominium)</option>

</select>


</fieldset>
</div>

</div></div>
</div>
<div id='blocQuestion006' class='blocQuestion '>
<div id='question006' class='question'>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlNombreAssure">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlNombreAssureQ">
<label id='labelQuestion006' class='labelQuestion' for='ctl00_PlaceHolderMain_usrPageTransactionnelle _ddlNombreAssure'>
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ spnNombreProprio" style="display:none;">
Nombre de propriétaires
</span>
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ spnNombreLocataire" style="display:none;">
Nombre de locataires
</span>
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ spnNombreCopro" style="display:none;">
Nombre de copropriétaires
</span>
</label>
</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlNombreAssureR">
<fieldset id='jeudechampZoneReponse006' class='jeudechampZoneReponse'>
<select name="ctl00$PlaceHolderMain$usrPageTransactionnell e$ddlNombreAssure" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ ddlNombreAssure" style="display:none;">
<option selected="selected" value="-1">Choisir</option>
<option value="1">1</option>
<option value="2">2</option>

</select>

</fieldset>
</div>

</div></div>
</div>
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlQuestionSpecifiqueCanexEncadre">

</span><div id='blocQuestion008' class='blocQuestion '>
<div id='question008' class='question'>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlDateEffective">

<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlDateEffectiveQ">
<label id='labelQuestion008' class='labelQuestion' for='ctl00_PlaceHolderMain_usrPageTransactionnelle _usrDateMultiDebut_Annee'>
Date à laquelle vous aimeriez que votre police d'assurance entre en vigueur?
</label>
</div>
<div id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ pnlDateEffectiveR">
<fieldset id='jeudechampZoneReponse008' class='jeudechampZoneReponse'>
<input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$usrDateMultiDebut$Annee" type="text" value="2009" maxlength="4" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrDateMultiDebut_Annee" class="Annee" onKeyDown="javascript:ClsTextbox_onKeyDown(this.id )" onFocus="this.select();" onKeyUp="javascript:ClsTextbox_onKeyUp(this.id,thi s.id.replace('_Annee','_Mois'),4)" AutoComplete="Off" /><span class="lblLigneObliqueGauche">&nbsp;/&nbsp;</span><input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$usrDateMultiDebut$Mois" type="text" value="04" maxlength="2" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrDateMultiDebut_Mois" class="Mois" onKeyUp="javascript:ClsTextbox_onKeyUp(this.id,thi s.id.replace('_Mois','_Jour'),2)" onKeyDown="javascript:ClsTextbox_onKeyDown(this.id )" onFocus="this.select();" AutoComplete="Off" /><span class="lblLigneObliqueDroite">&nbsp;/&nbsp;</span><input name="ctl00$PlaceHolderMain$usrPageTransactionnell e$usrDateMultiDebut$Jour" type="text" value="06" maxlength="2" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrDateMultiDebut_Jour" class="Jour" onKeyUp="javascript:ClsTextbox_onKeyUp(this.id,thi s.id.replace('_Jour','_Jour'),2)" onKeyDown="javascript:ClsTextbox_onKeyDown(this.id )" onFocus="this.select();" AutoComplete="Off" />

</fieldset>
</div>

</div></div>
</div>

<div class='blocQuestion dernier'></div>
</div>
</fieldset>
</div>
</div>
<div id="blocJeudechamp1Bas" class="blocJeudechampBas">
<div></div>
</div>
</div>
</div>
</div>



<div id="blocJeudechamp2" class="blocJeudechamp">
<div id="blocJeudechamp2Ext" class="blocJeudechampExt">
<div id="blocJeudechamp2Int" class="blocJeudechampInt">
<div id="blocJeudechamp2Haut" class="blocJeudechampHaut">
<div></div>
</div>
<div id="blocJeudechamp2Milieu" class="blocJeudechampMilieu">
<div>
<a href="#">
<fieldset id="jeudechamp2" class="jeudechamp">
<span id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ insElementsExclusion"></span>
</fieldset>
</a>
</div>
</div>
<div id="blocJeudechamp2Bas" class="blocJeudechampBas">
<div></div>
</div>
</div>
</div>
</div>




<div id="blocJeudechampSoumettre" class="blocJeudechampSoumettre">
<div id="blocJeudechampSoumettreExt" class="blocJeudechampSoumettreExt">
<div id="blocJeudechampSoumettreInt" class="blocJeudechampSoumettreInt">
<div id="blocJeudechampSoumettreHaut" class="blocJeudechampSoumettreHaut">
<div></div>
</div>
<div id="blocJeudechampSoumettreMilieu" class="blocJeudechampSoumettreMilieu">
<div>
<fieldset id="jeudechampSoumettre" class="jeudechampSoumettre">

<ul id="boutonListe" class="boutonListe">
<li id="boutonPremier" class="bouton premier"></li>

<li id="boutonSuivant" class="bouton">
<a onclick="document.body.style.cursor = 'wait'; style.cursor = 'wait';DGAG_initialiserPageSoumise();" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrBoutonsFormulaire_linkBtSuivant" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$PlaceHolderMai n$usrPageTransactionnelle$usrBoutonsFormulaire$lin kBtSuivant&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, true))">Suivant</a>
</li>

<li id="boutonDernier" class="bouton dernier"></li>
</ul>

</fieldset>
</div>
</div>
<div id="blocJeudechampSoumettreBas" class="blocJeudechampSoumettreBas">
<div></div>
</div>
</div>
</div>
</div>


<div id="boutonQuitter">
<a onclick="DGAG_initialiserPageSoumise();if (confirm('Toutes vos données seront perdues. Quitter?') == false){return false;};" id="ctl00_PlaceHolderMain_usrPageTransactionnelle_ usrBoutonsFormulaire_linkBtQuitter" href="javascript:__doPostBack('ctl00$PlaceHolderMa in$usrPageTransactionnelle$usrBoutonsFormulaire$li nkBtQuitter','')">Quitter</a>
</div>








































</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>

<div>

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWEQKh4MePBwKwtfv7AwL0ubuTDgKW7qWMAwKcqJanAQLH49T BBwK049DcBwKg45zcBwKZ46jcBwLCu8/gDwLOu4PjDwLPu4PjDwLlvLyoCgLyy8nFBAKxupvpBQLt+dSuA wLG9Nj1BOnyUNWSVm0LndVKa0JRsZxFsjsu" />
</div>
<script src='/Transactionnel/Includes/s_code_remote.js'></script><script language='javascript' type='text/javascript'>
s.server="";
s.pageType="";
s.state="";
s.eVar33="";
s.prop33="";
s.zip="";
s.events="event6";
s.products="";
s.eVar18="";
s.purchaseID="";
s.prop18="";
s.prop1="laPersonnelle";
s.eVar1="laPersonnelle";
s.prop2="QC";
s.eVar2="QC";
s.prop3="FR";
s.eVar3="FR";
s.prop30="";
s.eVar30="";
s.prop31="";
s.eVar31="";
s.prop40="";
s.eVar40="";
var s_code=s.t();if(s_code)document.write(s_code);
</script>

<script type="text/javascript">
<!--
Sys.Application.initialize();
// -->
</script>
</form>
</body>
</html>[/code]

[phfle1]

Hum... seems there is a problem with my previous post

[phfle1]

Why is this blank. When I click reply, I see the content, but it is not displayed in the thread

[drhowarddrfine]

You are missing your ending [/quote] tag. I can't fix it but you can. That might be faster than me contacting a mod.

[drhowarddrfine]

A vertical bar is no a valid character allowed in names, classes or ids.
If you don't know how to validate for html and css errors, see the article about validation under Articles->HTML above.

[phfle1]

1.sorry for the tags
2. I put in the code below the part of the css file that has a link with the panel containing the button.
3. I have the same problem on Firefox
4. 13 html errors?


javascript wait function

function wait()
  {
     document.body.style.cursor = 'wait';
 
  }

Function that straps the javascript event on the button

Private Sub Page_Load(ByVal vSender As Object, ByVal vEvent As System.EventArgs) Handles Me.Load
        clsOutilsTrans.TracePerfoONLI("(TAL) LOAD Condition entree habitation", True)
 
        If Not clsOutilsTrans.EstModePilotage Then
            GererToken()
            GererInitialisations()
            GererContexte()
            GererParametresRecus()
            GererChargementListes()
            GererAffichageChamps()
        Else
            GererInitialisations()
            GererChargementListes()
            GererAffichageChamps()
        End If
 
        'ajouter l'evenement javascript lors du click du bouton recherche
        Me.btnRecherche.Attributes.Add("onclick", "wait()")
        clsOutilsTrans.TracePerfoONLI("(TAL) LOAD Condition entree habitation", False)
 
    End Sub

part of the css

#pnlRechercheGroupe label { 
    width: 25em;
    padding-right: 2em;
}
#pnlCodePostal, #pnlNombreAssure, #pnlTypeTransaction, #pnlNombreAssure, #pnlGroupe, #pnlConfirmationGroupe, #pnlConfirmationGroupeRadioButton, #pnlRechercheGroupe, #pnlGroupeSelection, #pnlQuestionSpecifiqueCanex { 
    margin-bottom: 20px;
}

[phfle1]

Hi Dr,

There is no | in any class or id name. There are 2 | in the file and they are javascript ||.

For the validation, it seems the article you were talking about only gives addresses that need that your site is available online which is not yet my case. It is only available locally. I looking for html validators that take text as an input. If you have any address or program name :).

[drhowarddrfine]

The W3C validator has a tab at the top for direct input of html and css. In Firefox, you can install the html-tidy extension. (You are using Firefox, correct?)

[phfle1]

Thanks,

Sorry, I hadn't seen the tabs.
My VS2005 is attach to a internet explorer. I use firefox after to see if all is ok.

[drhowarddrfine]

That's backwards. Never, ever use any version of IE to initially test a web page. It is nine years behind web standards or wrong in its imlementation. Always, always use a modern browser, such as Firefox, Opera or Safari. Then, if necessary, the markup can be hacked to get IE to work.

[phfle1]

Ok,

I just realized that the problem was that there was an ajax call on the click of the button so there wasn't any post back. So the cursor could not be changed back to default.

Thanks, for the help

[Frinavale]

Ok,

I just realized that the problem was that there was an ajax call on the click of the button so there wasn't any post back. So the cursor could not be changed back to default.

Thanks, for the help

I'm glad you solved your problem.