Hide HTML Element


Author
Message
Danielx
Danielx
Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)
Group: Forum Members
Posts: 4, Visits: 20
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>



Dave
Dave
Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)
Group: Administrators
Posts: 12K, Visits: 98K
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.





Danielx
Danielx
Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)Respected Member (308 reputation)
Group: Forum Members
Posts: 4, Visits: 20
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!
GO

Merge Selected

Merge into selected topic...



Merge into merge target...



Merge into a specific topic ID...




Reading This Topic

Explore
Messages
Mentions
Search