Millisecond Forums

Hide HTML Element

https://forums.millisecond.com/Topic26490.aspx

By Danielx - 2/26/2019

Hey there,

I would like to hide an HTML-Element in my trial. For Example: After 30 Seconds, I want to hide the HTML-Element but keep all droptargets and the dropsource.
I tried overlaying it with a shape but the shape does not cover the dropsource (that's not the problem) and the HTML-Element. As far as I am aware, there is no function to hide an element after a specific time. One option I guess would be with "timeout" and the "branch" attribute. But that would be quite time-consuming, because I have to create a lot of trials like this.

Thank you so much in advance.

Here the example with my try to overlay the HTML:

<trial relevanttrial>
/ stimulustimes = [1=htmldocument, instructiontext, dropsource, droptarget1, droptarget2; 30000 = overlayshape]
/ inputdevice = dragdrop
/ validresponse = (droptarget1, droptarget2)
/ correctresponse = (droptarget1)
</trial>

<shape overlayshape>
/ size = (100%, 100%)
</shape>

<text instructiontext>
/ items = ("Instruction.")
/ fontstyle = ("Cambria", 4.91%, false, false, false, false, 5, 1)
/ txcolor = darkred
/ valign = top
/ halign = center
/ position = (50%, 5%)
</text>

<html htmldocument>
/ items = ("html_file.html")
/ size = (50%, 54%)
/ position = (50%, 40%)
/ valign = center
/ halign = center
</html>

<picture droptarget1>
/ items = ("droptaget1.png")
/ droptarget = true
/ halign = left
/ valign = top
/ size = (25%, 25%)
/ position = (3.5%, 2%)

<picture droptarget2>
/ items = ("droptaget2.png")
/ droptarget = true
/ halign = right
/ valign = top
/ size = (25%, 25%)
/ position = (96.5%, 2%)
</picture>

<picture dropsource>
/ items = ("dropsource.png")
/ dropsource = true
/ valign = center
/ halign = center
/ size = (18%, 18%)
/ position = (50%, 80%)
</picture>


By Dave - 2/26/2019

Danielx - Tuesday, February 26, 2019
Hey there,

I would like to hide an HTML-Element in my trial. For Example: After 30 Seconds, I want to hide the HTML-Element but keep all droptargets and the dropsource.
I tried overlaying it with a shape but the shape does not cover the dropsource (that's not the problem) and the HTML-Element. As far as I am aware, there is no function to hide an element after a specific time. One option I guess would be with "timeout" and the "branch" attribute. But that would be quite time-consuming, because I have to create a lot of trials like this.

Thank you so much in advance.

Here the example with my try to overlay the HTML:

<trial relevanttrial>
/ stimulustimes = [1=htmldocument, instructiontext, dropsource, droptarget1, droptarget2; 30000 = overlayshape]
/ inputdevice = dragdrop
/ validresponse = (droptarget1, droptarget2)
/ correctresponse = (droptarget1)
</trial>

<shape overlayshape>
/ size = (100%, 100%)
</shape>

<text instructiontext>
/ items = ("Instruction.")
/ fontstyle = ("Cambria", 4.91%, false, false, false, false, 5, 1)
/ txcolor = darkred
/ valign = top
/ halign = center
/ position = (50%, 5%)
</text>

<html htmldocument>
/ items = ("html_file.html")
/ size = (50%, 54%)
/ position = (50%, 40%)
/ valign = center
/ halign = center
</html>

<picture droptarget1>
/ items = ("droptaget1.png")
/ droptarget = true
/ halign = left
/ valign = top
/ size = (25%, 25%)
/ position = (3.5%, 2%)

<picture droptarget2>
/ items = ("droptaget2.png")
/ droptarget = true
/ halign = right
/ valign = top
/ size = (25%, 25%)
/ position = (96.5%, 2%)
</picture>

<picture dropsource>
/ items = ("dropsource.png")
/ dropsource = true
/ valign = center
/ halign = center
/ size = (18%, 18%)
/ position = (50%, 80%)
</picture>



I don't see a way to do this with a <html> element. If you could use a <picture> or <text> element instead of <html>, a clearscreen at the desired point in time and redrawing the remaining stimuli would work, i.e.

<trial relevanttrial>
/ stimulustimes = [1=document, instructiontext, dropsource, droptarget1, droptarget2; 30000 = clearscreen, dropsource, droptarget1, droptarget2]
/ inputdevice = dragdrop
/ validresponse = (droptarget1, droptarget2)
/ correctresponse = (droptarget1)
</trial>

<text instructiontext>
/ items = ("Instruction.")
/ fontstyle = ("Cambria", 4.91%, false, false, false, false, 5, 1)
/ txcolor = darkred
/ valign = top
/ halign = center
/ position = (50%, 5%)
</text>

<picture document>
/ items = ("document.jpg")
/ size = (50%, 54%)
/ position = (50%, 40%)
/ valign = center
/ halign = center
</picture>

<picture droptarget1>
/ items = ("droptaget1.png")
/ droptarget = true
/ halign = left
/ valign = top
/ size = (25%, 25%)
/ position = (3.5%, 2%)
</picture>

<picture droptarget2>
/ items = ("droptaget2.png")
/ droptarget = true
/ halign = right
/ valign = top
/ size = (25%, 25%)
/ position = (96.5%, 2%)
</picture>

<picture dropsource>
/ items = ("dropsource.png")
/ dropsource = true
/ valign = center
/ halign = center
/ size = (18%, 18%)
/ position = (50%, 80%)
</picture>

Otherwise, the /branch approach would be the way to go.




By Danielx - 2/27/2019

Dave - Wednesday, February 27, 2019
Danielx - Tuesday, February 26, 2019
Hey there,

I would like to hide an HTML-Element in my trial. For Example: After 30 Seconds, I want to hide the HTML-Element but keep all droptargets and the dropsource.
I tried overlaying it with a shape but the shape does not cover the dropsource (that's not the problem) and the HTML-Element. As far as I am aware, there is no function to hide an element after a specific time. One option I guess would be with "timeout" and the "branch" attribute. But that would be quite time-consuming, because I have to create a lot of trials like this.

Thank you so much in advance.

Here the example with my try to overlay the HTML:

<trial relevanttrial>
/ stimulustimes = [1=htmldocument, instructiontext, dropsource, droptarget1, droptarget2; 30000 = overlayshape]
/ inputdevice = dragdrop
/ validresponse = (droptarget1, droptarget2)
/ correctresponse = (droptarget1)
</trial>

<shape overlayshape>
/ size = (100%, 100%)
</shape>

<text instructiontext>
/ items = ("Instruction.")
/ fontstyle = ("Cambria", 4.91%, false, false, false, false, 5, 1)
/ txcolor = darkred
/ valign = top
/ halign = center
/ position = (50%, 5%)
</text>

<html htmldocument>
/ items = ("html_file.html")
/ size = (50%, 54%)
/ position = (50%, 40%)
/ valign = center
/ halign = center
</html>

<picture droptarget1>
/ items = ("droptaget1.png")
/ droptarget = true
/ halign = left
/ valign = top
/ size = (25%, 25%)
/ position = (3.5%, 2%)

<picture droptarget2>
/ items = ("droptaget2.png")
/ droptarget = true
/ halign = right
/ valign = top
/ size = (25%, 25%)
/ position = (96.5%, 2%)
</picture>

<picture dropsource>
/ items = ("dropsource.png")
/ dropsource = true
/ valign = center
/ halign = center
/ size = (18%, 18%)
/ position = (50%, 80%)
</picture>



I don't see a way to do this with a <html> element. If you could use a <picture> or <text> element instead of <html>, a clearscreen at the desired point in time and redrawing the remaining stimuli would work, i.e.

<trial relevanttrial>
/ stimulustimes = [1=document, instructiontext, dropsource, droptarget1, droptarget2; 30000 = clearscreen, dropsource, droptarget1, droptarget2]
/ inputdevice = dragdrop
/ validresponse = (droptarget1, droptarget2)
/ correctresponse = (droptarget1)
</trial>

<text instructiontext>
/ items = ("Instruction.")
/ fontstyle = ("Cambria", 4.91%, false, false, false, false, 5, 1)
/ txcolor = darkred
/ valign = top
/ halign = center
/ position = (50%, 5%)
</text>

<picture document>
/ items = ("document.jpg")
/ size = (50%, 54%)
/ position = (50%, 40%)
/ valign = center
/ halign = center
</picture>

<picture droptarget1>
/ items = ("droptaget1.png")
/ droptarget = true
/ halign = left
/ valign = top
/ size = (25%, 25%)
/ position = (3.5%, 2%)
</picture>

<picture droptarget2>
/ items = ("droptaget2.png")
/ droptarget = true
/ halign = right
/ valign = top
/ size = (25%, 25%)
/ position = (96.5%, 2%)
</picture>

<picture dropsource>
/ items = ("dropsource.png")
/ dropsource = true
/ valign = center
/ halign = center
/ size = (18%, 18%)
/ position = (50%, 80%)
</picture>

Otherwise, the /branch approach would be the way to go.





Okay,

Sadly, it has to be a HTML.

Thank you anyways!