This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(99.2, 98%, 19%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EG%3C/text%3E%3C/svg%3E)
I want to edit in my code It's html,ccs, javascript code in sharepoint pge. I have a div with class "div" that contains a button that creates a new item when the user clicks on it using javascript function that contains create list item function and I have a table in my code with class"table".
My Javascript code is here for creating new list item:https://ibb.co/m8Xg6hp
I want to make if statement for if the current user was clicked the button before, then no need to show him the div that gives him the button to click again. so, It should show the table in this case.
However when the user doesn't clicked before on the button, it should show the div and after clicking on the button it should hide the div and show the table.
for more clarification please click on this image to see: https://ibb.co/pXp8zzv
How can I reach to this?
Hi @Gulnar ,
Here is a code sample for your reference, checking if Item existed in another FlagList:
FlagList field struct like this:
The code snippet in the attachment, please check:
If the response is helpful, please click "Accept Answer" and upvote it.
It's great and It works , but as sadomovalex said when I move to another browser it gives me the button again.
So, I created a new list with name Submitted (It contains Title column that contains the name of the client and the flag number.
And when the user clicks on the button it should save in both lists,
After when the user opened again the page how can we check through the new list if this specific user has clicked on this button?
Hi @Gulnar ,
'Please check the updated answer above, using Rest API to filter items with current user display name and flag and check if item exsited in FlagList which stores the flag data, if there is data returned, then it means user have been submitted the item before.
I will try it and well let you know the results
I tried it today, It works. Thanks a lot
Dear Jerryzy-MSFT, I found if one user clicks on the button, the other users cannot see the button at all when they open the page for first time, which means that this ajax doesn't filter for this specific user, It's only checking for if the number of items greater than 0, which is wrong, It should check the name in those items in the list--> So, if the display name== one of the registered items in the column Name and the flag =1 then it should hide the button. Otherwise it should show the button.
No answer on my question :(
hello,
as quick solution you may store flag to localStorage when user clicks the button:
localStorage.setItem("myFlag", "1");
and on page load hide button is flag is already there:
if (localStorage.getItem("myFlag") === "1") {
$("#myButton").hide();
}
But if user will cleanup local storage - button will be shown again. As an alternative you may also store item to cookies via javascript - but it also has own drawbacks (if user will open different browser or if cookies will be removed - button again will be shown).
Robust solution may be implemented if you will store flag to some persistent storage (e.g. database or Sharepoint list). Check e.g. the following article: Add List Item in SharePoint List Using JavaScript. I.e. instead of localStorage you need to add flag to Sharepoint list and user login name of the current user as a key. In this case solution will work regardless of from which browser user opens the site.