Hide HTML Element


Author
Message
Danielx
Danielx
Respected Member (334 reputation)Respected Member (334 reputation)Respected Member (334 reputation)Respected Member (334 reputation)Respected Member (334 reputation)Respected Member (334 reputation)Respected Member (334 reputation)Respected Member (334 reputation)Respected Member (334 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>



GO

Merge Selected

Merge into selected topic...



Merge into merge target...



Merge into a specific topic ID...




Threaded View

Reading This Topic

Explore
Messages
Mentions
Search