Hide HTML Element


Hide HTML Element

Author
Message
Danielx
Danielx
New Member
New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)

Group: Forum Members
Posts: 4, Visits: 12
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
Supreme Being (578K reputation)Supreme Being (578K reputation)Supreme Being (578K reputation)Supreme Being (578K reputation)Supreme Being (578K reputation)Supreme Being (578K reputation)Supreme Being (578K reputation)Supreme Being (578K reputation)Supreme Being (578K reputation)

Group: Administrators
Posts: 9.4K, Visits: 41K
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
New Member
New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)New Member (22 reputation)

Group: Forum Members
Posts: 4, Visits: 12
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


Reading This Topic


Login
Existing Account
Email Address:


Password:


Social Logins

Select a Forum....






Millisecond Forums


Search