﻿<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/"><channel><title>Millisecond Forums » Millisecond Forums » Inquisit 6  » Displaying a shape at the point of Mouse click</title><generator>InstantForum 2017-1 Final</generator><description>Millisecond Forums</description><link>https://forums.millisecond.com/</link><webMaster>Millisecond Forums</webMaster><lastBuildDate>Wed, 16 Sep 2026 05:42:44 GMT</lastBuildDate><ttl>20</ttl><item><title>Displaying a shape at the point of Mouse click</title><link>https://forums.millisecond.com/Topic35987.aspx</link><description>Good afternoon:&lt;br/&gt;&lt;br/&gt;Hope you are doing great. I would like to present an image of (8x8) square shape and ask subject to click on a square (script attached, contain one required image). What I want is that:&lt;br/&gt;&lt;br/&gt;1. Once subject click on the square a red dot (shape) should appear (draw) at the point of click so that subject know that a click on that square is already done (it's like a marker). Only 4 click is enough at the moment.&lt;br/&gt;&lt;br/&gt;2. If subjects do click on a square by mistake, it should be allowed to click on the same shape to remove it (just like a toggle switch) OR may be clearing all clicks and starts from scratch (which may be easier).&lt;br/&gt;&lt;br/&gt;Script seems working at least in terms of clicking (no more than that) but doesn't display the red dot. And I am unable to implement the second part.&lt;br/&gt;&lt;br/&gt;I would appreciate your kind help and a big Thank you in advance.  </description><pubDate>Mon, 19 Feb 2024 08:59:05 GMT</pubDate><dc:creator>wuaham</dc:creator></item><item><title>RE: Displaying a shape at the point of Mouse click</title><link>https://forums.millisecond.com/Topic35995.aspx</link><description>&lt;blockquote data-id="35992" class="if-quote-wrapper" unselectable="on" data-guid="1708332811184" contenteditable="false" id="if_insertedNode_1708332810913"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="35992" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="35992" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="35992" title=" "&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;Dave - 2/16/2024&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-35992"&gt;&lt;div class="if-quote-message-margin" contenteditable="true"&gt;&lt;blockquote data-id="35991" class="if-quote-wrapper" unselectable="on" data-guid="1708332811184" contenteditable="false" id="if_insertedNode_1708105650355"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="35991" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="35991" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="35991" title=" "&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;wuaham - 2/16/2024&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-35991"&gt;&lt;div class="if-quote-message-margin" contenteditable="true"&gt;Yeap, that's a good one but need a lot of modifications to adjust, will give a try.&lt;a class="if-quote-goto quote-link" href="#" data-id="35991"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/blockquote&gt;&lt;br/&gt;It's supposed to illustrate a certain technique. You're not supposed to take the example as is, but apply the technique shown to the pogramming problem you want to solve.&lt;br/&gt;&lt;br/&gt;If you need more example, multiple scripts in the library apply essentially the exact same technique, including the working memory span tasks (operation span, reading span, symmetry span; the grid where you select the letters), the Columbia Card Task where a card changes state when you click on it, the Letter Cancellation Task, where you're supposed to select certain stiimuli and those you clck are marked with an X, and many more.&lt;br/&gt;&lt;br/&gt;&lt;a class="if-quote-goto quote-link" href="#" data-id="35992"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/blockquote&gt;&lt;br/&gt;Thank you so much. That's a great deal of good options to chose from and explore. I will have a look at these. Have a great week ahead.</description><pubDate>Mon, 19 Feb 2024 08:59:05 GMT</pubDate><dc:creator>wuaham</dc:creator></item><item><title>RE: Displaying a shape at the point of Mouse click</title><link>https://forums.millisecond.com/Topic35992.aspx</link><description>&lt;blockquote data-id="35991" class="if-quote-wrapper" unselectable="on" data-guid="1708105651095" contenteditable="false" id="if_insertedNode_1708105650355"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="35991" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="35991" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="35991" title=" "&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;wuaham - 2/16/2024&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-35991"&gt;&lt;div class="if-quote-message-margin" contenteditable="true"&gt;Yeap, that's a good one but need a lot of modifications to adjust, will give a try.&lt;a class="if-quote-goto quote-link" href="#" data-id="35991"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/blockquote&gt;&lt;br/&gt;It's supposed to illustrate a certain technique. You're not supposed to take the example as is, but apply the technique shown to the pogramming problem you want to solve.&lt;br/&gt;&lt;br/&gt;If you need more example, multiple scripts in the library apply essentially the exact same technique, including the working memory span tasks (operation span, reading span, symmetry span; the grid where you select the letters), the Columbia Card Task where a card changes state when you click on it, the Letter Cancellation Task, where you're supposed to select certain stiimuli and those you clck are marked with an X, and many more.&lt;br/&gt;&lt;br/&gt;</description><pubDate>Fri, 16 Feb 2024 17:56:22 GMT</pubDate><dc:creator>Dave</dc:creator></item><item><title>RE: Displaying a shape at the point of Mouse click</title><link>https://forums.millisecond.com/Topic35991.aspx</link><description>Yeap, that's a good one but need a lot of modifications to adjust, will give a try.</description><pubDate>Fri, 16 Feb 2024 17:39:41 GMT</pubDate><dc:creator>wuaham</dc:creator></item><item><title>RE: Displaying a shape at the point of Mouse click</title><link>https://forums.millisecond.com/Topic35990.aspx</link><description>&lt;blockquote data-id="35989" class="if-quote-wrapper" unselectable="on" data-guid="1708103465502" contenteditable="false" id="if_insertedNode_1708103464260"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="35989" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="35989" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="35989" title=" "&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;wuaham - 2/16/2024&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-35989"&gt;&lt;div class="if-quote-message-margin" contenteditable="true"&gt;&lt;blockquote data-id="35988" class="if-quote-wrapper" unselectable="on" data-guid="1708103465502" contenteditable="false" id="if_insertedNode_1708102139165"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="35988" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="35988" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="35988" title=" "&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;Dave - 2/16/2024&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-35988"&gt;&lt;div class="if-quote-message-margin" contenteditable="true"&gt;&lt;blockquote data-id="35987" class="if-quote-wrapper" unselectable="on" data-guid="1708103465502" contenteditable="false" id="if_insertedNode_1708101771983"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="35987" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="35987" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="35987" title=" "&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;wuaham - 2/16/2024&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-35987"&gt;&lt;div class="if-quote-message-margin" contenteditable="true"&gt;Good afternoon:&lt;br/&gt;&lt;br/&gt;Hope you are doing great. I would like to present an image of (8x8) square shape and ask subject to click on a square (script attached, contain one required image). What I want is that:&lt;br/&gt;&lt;br/&gt;1. Once subject click on the square a red dot (shape) should appear (draw) at the point of click so that subject know that a click on that square is already done (it's like a marker). Only 4 click is enough at the moment.&lt;br/&gt;&lt;br/&gt;2. If subjects do click on a square by mistake, it should be allowed to click on the same shape to remove it (just like a toggle switch) OR may be clearing all clicks and starts from scratch (which may be easier).&lt;br/&gt;&lt;br/&gt;Script seems working at least in terms of clicking (no more than that) but doesn't display the red dot. And I am unable to implement the second part.&lt;br/&gt;&lt;br/&gt;I would appreciate your kind help and a big Thank you in advance.  &lt;a class="if-quote-goto quote-link" href="#" data-id="35987"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/blockquote&gt;&lt;br/&gt;Things like this have been discussed here many times before, so you may want to do a search.&lt;br/&gt;&lt;br/&gt;The script you attached seems entirely unrelated to your question.&lt;a class="if-quote-goto quote-link" href="#" data-id="35988"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/blockquote&gt;&lt;br/&gt;Thank you. It would great if you please redirect me with a link. I tried searching in the forum - it's so slow and wasn't success unfortunately.&lt;a class="if-quote-goto quote-link" href="#" data-id="35989"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/blockquote&gt;&lt;br/&gt;E.g. &lt;a href="https://forums.millisecond.com/Topic20309.aspx"&gt;https://forums.millisecond.com/Topic20309.aspx&lt;/a&gt; re. the word search puzzle downthread&lt;br/&gt;</description><pubDate>Fri, 16 Feb 2024 17:12:11 GMT</pubDate><dc:creator>Dave</dc:creator></item><item><title>RE: Displaying a shape at the point of Mouse click</title><link>https://forums.millisecond.com/Topic35989.aspx</link><description>&lt;blockquote data-id="35988" class="if-quote-wrapper" unselectable="on" data-guid="1708102140291" contenteditable="false" id="if_insertedNode_1708102139165"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="35988" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="35988" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="35988" title=" "&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;Dave - 2/16/2024&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-35988"&gt;&lt;div class="if-quote-message-margin" contenteditable="true"&gt;&lt;blockquote data-id="35987" class="if-quote-wrapper" unselectable="on" data-guid="1708102140291" contenteditable="false" id="if_insertedNode_1708101771983"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="35987" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="35987" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="35987" title=" "&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;wuaham - 2/16/2024&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-35987"&gt;&lt;div class="if-quote-message-margin" contenteditable="true"&gt;Good afternoon:&lt;br/&gt;&lt;br/&gt;Hope you are doing great. I would like to present an image of (8x8) square shape and ask subject to click on a square (script attached, contain one required image). What I want is that:&lt;br/&gt;&lt;br/&gt;1. Once subject click on the square a red dot (shape) should appear (draw) at the point of click so that subject know that a click on that square is already done (it's like a marker). Only 4 click is enough at the moment.&lt;br/&gt;&lt;br/&gt;2. If subjects do click on a square by mistake, it should be allowed to click on the same shape to remove it (just like a toggle switch) OR may be clearing all clicks and starts from scratch (which may be easier).&lt;br/&gt;&lt;br/&gt;Script seems working at least in terms of clicking (no more than that) but doesn't display the red dot. And I am unable to implement the second part.&lt;br/&gt;&lt;br/&gt;I would appreciate your kind help and a big Thank you in advance.  &lt;a class="if-quote-goto quote-link" href="#" data-id="35987"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/blockquote&gt;&lt;br/&gt;Things like this have been discussed here many times before, so you may want to do a search.&lt;br/&gt;&lt;br/&gt;The script you attached seems entirely unrelated to your question.&lt;a class="if-quote-goto quote-link" href="#" data-id="35988"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/blockquote&gt;&lt;br/&gt;Thank you. It would great if you please redirect me with a link. I tried searching in the forum - it's so slow and wasn't success unfortunately.</description><pubDate>Fri, 16 Feb 2024 16:54:38 GMT</pubDate><dc:creator>wuaham</dc:creator></item><item><title>RE: Displaying a shape at the point of Mouse click</title><link>https://forums.millisecond.com/Topic35988.aspx</link><description>&lt;blockquote data-id="35987" class="if-quote-wrapper" unselectable="on" data-guid="1708101772393" contenteditable="false" id="if_insertedNode_1708101771983"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="35987" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="35987" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="35987" title=" "&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;wuaham - 2/16/2024&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-35987"&gt;&lt;div class="if-quote-message-margin" contenteditable="true"&gt;Good afternoon:&lt;br/&gt;&lt;br/&gt;Hope you are doing great. I would like to present an image of (8x8) square shape and ask subject to click on a square (script attached, contain one required image). What I want is that:&lt;br/&gt;&lt;br/&gt;1. Once subject click on the square a red dot (shape) should appear (draw) at the point of click so that subject know that a click on that square is already done (it's like a marker). Only 4 click is enough at the moment.&lt;br/&gt;&lt;br/&gt;2. If subjects do click on a square by mistake, it should be allowed to click on the same shape to remove it (just like a toggle switch) OR may be clearing all clicks and starts from scratch (which may be easier).&lt;br/&gt;&lt;br/&gt;Script seems working at least in terms of clicking (no more than that) but doesn't display the red dot. And I am unable to implement the second part.&lt;br/&gt;&lt;br/&gt;I would appreciate your kind help and a big Thank you in advance.  &lt;a class="if-quote-goto quote-link" href="#" data-id="35987"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/blockquote&gt;&lt;br/&gt;Things like this have been discussed here many times before, so you may want to do a search.&lt;br/&gt;&lt;br/&gt;The script you attached seems entirely unrelated to your question.</description><pubDate>Fri, 16 Feb 2024 16:45:52 GMT</pubDate><dc:creator>Dave</dc:creator></item></channel></rss>