Reply to thread

Message

<blockquote data-quote="Permudious" data-source="post: 481836" data-attributes="member: 55273">Goodmorning Guys,I am developing a webpage which works fine.Now I would like to create a right click event, I did already some research. but can't find the solution which will fit for me.When I rightclick on a button I would like to see the name of the button, but when I do this on the second button I still see the name of the first button.[ATTACH=full]15865[/ATTACH]My code:[CODE=aspnet]&lt;div class=&quot;nac&quot;&gt;&nbsp; &nbsp;&nbsp; @foreach(var Person in Model.Persons.Where(x =&gt; x.FrstName == &quot;Katherine&quot; || x.FrstName == &quot;Jane&quot; ))&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; string Cardholder = &quot;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; if (Person.MiddleName == &quot;&quot;) { Cardholder = Person.LastName + &quot;, &quot; + Person.FrstName; } else if (Person.MiddleName != null) { Cardholder = Person.LastName + &quot; &quot; + Person.MiddleName + &quot;, &quot; + Person.FrstName; } else { Cardholder = Person.LastName + &quot;, &quot; + Person.FrstName; }&nbsp; &nbsp; &nbsp; &nbsp; &lt;button id=&quot;item&quot; class=&quot;na&quot;&gt;@Cardholder&lt;p class=&quot;rmlv&quot;&gt;OUT&lt;/p&gt;&lt;/button&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;myDiv&quot; style=&quot;display: none;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; class=&quot;close&quot; onclick=&quot;closeMessage('message-balloon1')&quot;&gt;&amp;times;&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;title&quot;&gt;Change State&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;subtitle&quot;&gt;@Cardholder&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; }&lt;/div&gt;[/CODE][CODE=javascript]&lt;script&gt;&nbsp; &nbsp; document.addEventListener('contextmenu', function (e) {&nbsp; &nbsp; &nbsp; &nbsp; e.preventDefault();&nbsp; &nbsp; &nbsp; &nbsp; var div = document.getElementById('myDiv');&nbsp; &nbsp; &nbsp; &nbsp; div.style.left = e.pageX + 'px';&nbsp; &nbsp; &nbsp; &nbsp; div.style.top = e.pageY + 'px';&nbsp; &nbsp; &nbsp; &nbsp; div.style.display = 'block';&nbsp; &nbsp; });&nbsp; &nbsp; document.addEventListener('click', function () {&nbsp; &nbsp; &nbsp; &nbsp; var div = document.getElementById('myDiv');&nbsp; &nbsp; &nbsp; &nbsp; div.style.display = 'none';&nbsp; &nbsp; });&nbsp; &nbsp; var closebtns = document.getElementsByClassName(&quot;close&quot;);&nbsp; &nbsp; var i;&nbsp; &nbsp; for (i = 0; i &lt; closebtns.length; i++) {&nbsp; &nbsp; &nbsp; &nbsp; closebtns[i].addEventListener(&quot;click&quot;, function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.parentElement.style.display = 'none';&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; }&lt;/script&gt;[/CODE]</blockquote>

[QUOTE="Permudious, post: 481836, member: 55273"] Goodmorning Guys, I am developing a webpage which works fine. Now I would like to create a right click event, I did already some research. but can't find the solution which will fit for me. When I rightclick on a button I would like to see the name of the button, but when I do this on the second button I still see the name of the first button. [ATTACH type="full"]15865[/ATTACH] My code: [CODE=aspnet]<div class="nac"> @foreach(var Person in Model.Persons.Where(x => x.FrstName == "Katherine" || x.FrstName == "Jane" )) { string Cardholder = ""; if (Person.MiddleName == "") { Cardholder = Person.LastName + ", " + Person.FrstName; } else if (Person.MiddleName != null) { Cardholder = Person.LastName + " " + Person.MiddleName + ", " + Person.FrstName; } else { Cardholder = Person.LastName + ", " + Person.FrstName; } <button id="item" class="na">@CardholderOUT</button> <div id="myDiv" style="display: none;"> <a href="#" class="close" onclick="closeMessage('message-balloon1')">×</a> Change State @Cardholder </div> } </div>[/CODE] [CODE=javascript]<script> document.addEventListener('contextmenu', function (e) { e.preventDefault(); var div = document.getElementById('myDiv'); div.style.left = e.pageX + 'px'; div.style.top = e.pageY + 'px'; div.style.display = 'block'; }); document.addEventListener('click', function () { var div = document.getElementById('myDiv'); div.style.display = 'none'; }); var closebtns = document.getElementsByClassName("close"); var i; for (i = 0; i < closebtns.length; i++) { closebtns[i].addEventListener("click", function () { this.parentElement.style.display = 'none'; }); } </script>[/CODE] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members