Newbie in Distress: Help Required Due to Server Error

Currently working on the contacts page for a website and I need the div element to disappear once an email is successfully sent. In order to hide a Div element using Javascript, I created the following function:

function hideDiv(){
    document.getElementById(contact-area).style.display="none";
}

To execute the code, I added an "onclick" event to the button element:

<asp:Button ID="submitbutton" runat="server" Text="Submit" onclick="hideDiv();" />

However, I encountered a server error when attempting to load the page, specifically "Server Error Line 37: 

<asp:Button ID="submitbutton" runat="server" Text="Submit" onclick="hideDiv();" />

The compile error message reads: " ) expected."

Despite researching online, I have been unable to identify the issue.

c#javascriptasp.netwebformsweb

Answer №1

To resolve the issue, change onclick to onClientclick.

So your updated code will be:

<asp:Button ID="submitbutton" runat="server" Text="Submit" OnClientClick  ="hideDiv();" />

Answer №2

When it comes to web forms, the correct attribute to use is onclientclick, not onclick.

<asp:Button ID="submitbutton" runat="server" Text="Submit" OnClientClick="hideDiv();" />

Answer №3

ASP.Net Button has a pair of key features

  1. OnClick

    This property is utilized to connect a server-side method when a postback event occurs.

  2. OnClientClick

    On the other hand, this property is used to execute a client-side method.

Therefore, your button code will appear as follows: -

<asp:Button ID="submitbutton" runat="server" Text="Submit" onClientclick="hideDiv();" />

If you only require client-side functionality, an additional line of javascript is needed.

function hideDiv(){
    document.getElementbyId(contact-area).visible="visible";
    // Since you are not interested in server-side postback
    // include this line
    return false;
}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Updating website content dynamically using AJAX and URL manipulation without refreshing the page (Node.js)

How can I update the inventory without refreshing the page using both button events and URLs? I want to be able to update to a specific page based on the URL parameter (like /inventory/2) when it is passed to the route. Currently, my AJAX request works but ...

javascriptajaxnode.jsasynchronous

What is the most abrupt method to halt a .NET thread?

Currently, I am in the midst of testing error handling code and aiming to ensure that my application and data consistently fail in a controlled manner. While I have already confirmed that the code effectively handles errors introduced in typical ways, I am ...

c#.neterror-handling

Express.js router defining a module issue

I have encountered a problem while working on my Express.js project. The 'slug' variable that I defined in app.js is not being recognized in the controllers within the router. Is there a way to define these variables in a central location, as I w ...

javascriptnode.jsexpressmodulenode-modules

Error: The "use client" component does not recognize either window or localStorage

I'm currently working on creating a wrapper function that can be used in every dashboard component. "use client"; const UserWrapper = ({ children }) => { const user = JSON.parse(window.localStorage.getItem("ysg_u")); retur ...

javascriptnext.js

Creating a GWT-compatible solution for implementing the Google Visualization - Annotation Chart

I am currently using the newly launched Annotation Chart in GWT by integrating native JavaScript. I have managed to display the example chart successfully, but unfortunately, it lacks interactivity and behaves more like an image. Can anyone provide guidanc ...

javajavascriptgwtgoogle-visualizationwrapper

What is the best way to test the validity of a form while also verifying email availability?

I am currently working on implementing async validation in reactive forms. My goal is to disable the submit button whenever a new input is provided. However, I am facing an issue where if duplicate emails are entered, the form remains valid for a brief per ...

javascriptangulartypescript

A mock or spy must be used for the jest function

I'm having an issue with the last expectation not being called in a test I'm writing to test the actions within my application. const pushData = jest.fn(() => Promise.resolve()); test('anotherAsyncCall is fired to get more info', ( ...

javascriptreactjsreduxjestjsenzyme

Anticipated the presence of a " (" in the EF-generated query

The SQL query below is executed on a MySQL Server 5.7: SELECT `t`.`c`, `t`.`Id`, `t0`.`Id`, `t0`.`Bio`, `t0`.`Image`, `t0`.`Name`, `t0`.`Follower_id`, `t0`.`Followed_id` FROM ... An error occurs when running this query: Error Code: 1064. ...

c#mysqlsqlentity-framework

How can data be shared between two functional child components in a React application?

I've been researching on Google quite a bit on how to transfer props between functional components, but it seems like there isn't much information available (or maybe I'm not using the right keywords). I don't need Redux or globally st ...

javascriptreactjsreact-hooksreact-propsreact-state

The latest URL is not launching in a separate tab

Looking for some assistance with this code snippet: <b-btn variant="primary" class="btn-sm" :disabled="updatePending || !row.enabled" @click="changeState(row, row.dt ? 'activate' : 'start&apo ...

javascriptvue.jsvuejs2

Adding a LookUpEdit cell in DevExpress GridView: Step-by-step guide

I am facing an issue with my GridView where I need certain columns to display LookUpEdit items. The problem persists across all columns, but I will focus on the simplest one: In the following code, I am trying to populate a column with just two options - ...

c#asp.netdevexpressrepositorylookupedit

Issues with synchronizing Firebase and Node.js?

https://i.stack.imgur.com/3fwRO.png Here is the code snippet I used in my Node.js application: for(var v in sna.val()){ console.log("each "+va); console.log(v); var fourthRef = ref.child(val+'/reservation/&apos ...

javascriptfirebasefirebase-realtime-database

Adjusting picture dimensions with percentages in canvas and jquery

I'm currently working on a one-page project that involves a canvas where users can click to add or place images randomly. I have made progress with most of the functionality, but as a beginner in jquery and canvas, I am struggling to set a maximum siz ...

javascriptjqueryhtmlcsscanvas

Toggle Checkbox Group for Both Multiple and Single Selection Options

Need help with a function to enable only one checkbox for single selection or multiple checkboxes for multiple selection. Use MultipleCheckbox(0) for single selection or MultipleCheckbox(1) for multiple selection. function MultipleCheckbox(elem){ i ...

javascripthtmljquerycsscheckbox

Updating code to insert elements into an array/data structure using Javascript

Hey everyone, I'm new to Javascript and I'm trying to make a change to some existing code. Instead of just returning the count of elements, I want to add each of the specified elements to an array or list. Here is the original code from a Seleni ...

javascriptpythoncssselenium

It appears that dotnet pack is incorporating outdated source code, despite performing a clean git clone

Let me start by saying that I understand how far-fetched this may sound, but I have exhausted all possible solutions that crossed my mind, so please lend me your ear for a moment. The situation is this: I am developing a .NET 6 C# library and after each r ...

c#.netnuget

What is the correct way to add a period to the end of a formatted text?

Hello, this marks the beginning of my inquiry. I apologize if it comes across as trivial but I have come across this piece of code: function format(input){ var num = input.value.replace(/\./g,''); if(!isNaN(num)){ num = num.toString ...

javascript

objects bound to knockout binding effects

I have been struggling to understand why the binding is not working as expected for the ‘(not working binding on click)’ in the HTML section. I have a basic list of Players, and when I click on one of them, the bound name should change at the bottom of ...

javascriptknockout.js

What is the best approach to extracting tightly-coupled code and converting it into an external library?

I have a question regarding paradigms that I would like to address, and if this is not the appropriate platform, please guide me to the right place. Your recommendations are most welcome :) Currently, I am tasked with extracting a significant piece of fun ...

javascripthtmlparadigms

In JavaScript coding language, you can use this syntax to create an array and push the

When the variable foo is defined, why does the following code behave in a certain way? var array = [].push(foo); When executed, why does the output equal 1? Based on my testing, the variable array simply returns the length of the array. Therefore, if ...

javascriptarrays