[ASP.Net 2.0] OnClientClick - Softwareontwikkeling

dinsdag 12 april 2005 13:57

Acties:

Topicstarter

Algemeen:
Login pagina.
Werkt onder .Net 1.0.
Gebruiker typt gebruikersnaam en wachtwoord, deze wordt via een javascriptje gehasht (met een random string). Daarna postback en verdere afhandeling.

Nieuwe technieken:
In ASP.Net 2.0 kan je gebruik maken van de zogenaamde clientclick handler bij buttons.
Meer info:
http://weblogs.asp.net/sk...ve/2004/10/24/246980.aspx

Relevante code:
Aspx pagina (voorzover van belang)

Visual Basic:

<head runat="server">
       (...)
       <script language="javascript" src="ext/sha1.js"></script>
</head>
(...)
<asp:Button ID="btnOk" Runat="server" Text="Ok" OnClientClick="hash()"
                EnableViewState="False" OnClick="btnOk_Click1"/>

JS file (voorzover van belang)

JavaScript:

function hash()
{   
    var temp;
    var temp1;

    document.getElementById("btnOk").disabled='true';   
    temp1 = hex_sha1(document.getElementById("txtPass").value);
    temp1 = temp1.toUpperCase();    
    document.getElementById("txtPass").value = "";
    temp = document.getElementById("txtRandom").value + temp1;
    document.getElementById("txtPassHash").value = hex_sha1(temp);  
}

Probleem:
Er wordt geen postback gedaan. Zonder de bovenstaande code, dus zonder clientclick doet hij het wel. Ook met de clientclick "alert ("This is a Javascript Alert")" werkt het wel ...

Ik zal wel de bloody obvious over het hoofd zien, maar het werkt niet

[ Voor 23% gewijzigd door PolarBear op 12-04-2005 14:34 ]

dinsdag 12 april 2005 14:30

Acties:

mulder

ik spuug op het trottoir

Volgens mij behoort ie ook geen postback te doen? Als dat wel zou moeten misschien de functie true laten returnen? Of de postback zelf doen.

oogjes open, snaveltjes dicht

dinsdag 12 april 2005 14:41

Acties:

PolarBear

Topicstarter

Hij hoort juist wel een postback te doen. Tenminste ...

Het is overigen onclientclick ... zie ook http://msdn2.microsoft.com/library/48zx42tc.aspx.

En:

Visual Basic:

<%@ page language="VB"%>
<script runat="server">
  
  Sub LinkButton1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
    Label1.Text = "Thank you for visiting our site."
  End Sub
  
</script>
<html>
<head id="Head1" runat="server">
    <title>LinkButton.OnClientClick Example</title>
</head>
<body>
  <form id="form1" runat="server">
    
    <h3>LinkButton.OnClientClick Example</h3> 
     
      <br />
      
      <h4>Click to navigate to Microsoft.com:</h4>     
      
      <br />
        
      <asp:linkbutton id="LinkButton1"
       text="Open Web site"
       onclientclick="Navigate()"
       onclick="LinkButton1_Click"
       runat=Server />
       
       <br /><br />
       
      <asp:label id="Label1"
        runat=Server>
      </asp:label>

    </form>
    
    <script language=javascript>
      function Navigate()
      {
        javascript:window.open("http://www.microsoft.com");
      }    
      
    </script>
</body>
</html>

[ Voor 77% gewijzigd door PolarBear op 12-04-2005 14:45 ]

dinsdag 12 april 2005 14:41

Acties:

Woy

Moderator Devschuur®

treed er mischien een excpetion op in je javascript gedeelte. Het zou kunnen dat daardoor de postback niet uitgevoerd wordt.

Mischien anders inderdaad true returnen met je functie. In asp.net 1.1 ( en 1.0 ) kon je zelf ook een clientclick doen door serverside hetvolgende te doen

C#:

1	myButton.Attributes[ "OnClick" ] = "MyJavascriptFunction()";

als MyJavascriptFunction() hier false returnt dan wordt de OnClick ook niet verder uitgevoerd en dus krijg je geen postback. Ik ga ervanuit dat de OnClientClick in asp.net 2.0 hetzelfde werkt.

Probeer anders eens met de debugger door je javascript te lopen en kijk of het allemaal werkt.

“Build a man a fire, and he'll be warm for a day. Set a man on fire, and he'll be warm for the rest of his life.”

dinsdag 12 april 2005 14:51

Acties:

PolarBear

Topicstarter

Ik ben bekend met de ASP.Net 1.x manier. Maar dit zou ook moeten werken (zie ook het MSDN voorbeeld in mijn vorige post).

Javascript geeft geen errors (gecheckt in IE en Firefox).

Een return true lijkt ook niet te helpen.

Ik ga eens verder kijken ... ik word hier moe van

dinsdag 12 april 2005 14:52

Acties:

PolarBear

Topicstarter

Hmmm het probleem ligt in

JavaScript:

1	document.getElementById("btnOk").disabled='true';

Terwijl dit in ASP.Net 1.x wel werkte...

dinsdag 12 april 2005 15:01

Acties:

Woy

Moderator Devschuur®

PolarBear schreef op dinsdag 12 april 2005 @ 14:52:
Hmmm het probleem ligt in
JavaScript:
1
    document.getElementById("btnOk").disabled='true';    
Terwijl dit in ASP.Net 1.x wel werkte...

Dat lijkt me sterk. Dit heeft namelijk niks met asp.net te maken maar alleen met javascript. Als je op de server een andere versie van ASP.NET draait verandert dat natuurlijk niks aan de uitvoer van je javascript. Zou het niet moeten zijn.

JavaScript:

1	document.getElementById("btnOk").disabled=true;

“Build a man a fire, and he'll be warm for a day. Set a man on fire, and he'll be warm for the rest of his life.”

dinsdag 12 april 2005 15:12

Acties:

PolarBear

Topicstarter

rwb schreef op dinsdag 12 april 2005 @ 15:01:
[...]

Dat lijkt me sterk. Dit heeft namelijk niks met asp.net te maken maar alleen met javascript. Als je op de server een andere versie van ASP.NET draait verandert dat natuurlijk niks aan de uitvoer van je javascript. Zou het niet moeten zijn.
JavaScript:
1
    document.getElementById("btnOk").disabled=true;    

Daarom heb ik er ook een hele ochtend over gedaan. Maar het werkt nu wel. Overigens maakt het niet uit of ik:

JavaScript:

1	document.getElementById("btnOk").disabled=true;

JavaScript:

1	document.getElementById("btnOk").disabled='true';

gebruik..

Erg vaag ...

Tracht het maar te reproduceren (vooral in IE is het duidelijk)

Visual Basic:

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<script runat="server">

    Sub Button_Click(ByVal sender As Object, ByVal e As System.EventArgs)
        Response.Write("You have clicked")
    End Sub
    
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script language ="javascript" >
    function disableButton()
    {
    document.getElementById("Button").disabled=true;
    }    
    </script>      
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="Button" Runat="server" Text="Button" OnClientClick="disableButton()"
            OnClick="Button_Click" />
    
    </div>
    </form>
</body>
</html>

[ Voor 41% gewijzigd door PolarBear op 12-04-2005 15:16 ]

Pagina: 1

Reageer