Difficulty to access pool file using javascript

Comments

• sebastiaan

  April 2023

  Hi @conrado ,

  Here's an example of how you can do this in an inline_html item in the upcoming OpenSesame 4.0.

  • We first define an empty <img> tag with an id that we can refer to ('target_img').
  • Next, we retrieve an image from the pool by the name of the image ('pupil-cat.jpg'). The data property of that file-pool object is itself an object (a JavaScript object is equivalent to an tag.)
  • Finally, we assign the src property from the file-pool object to the newly created <img> tag.

  It's not very elegant, but do you see the logic?

  <input type='text' name='text_response'>
  <img id="target_img">
  <input type='submit' value='ok'>
  <script>
  # This gets the IMG element
  const targetImg = document.getElementById('target_img')
  # pool['pupil-cat.jpg'].data is also an image element
  # we can assign the source to the target-image source
  # to make the image visible
  targetImg.src = pool['pupil-cat.jpg'].data.src
  </script>
  

  Hope this helps!

  — Sebastiaan

  
  
  Check out SigmundAI.eu for our OpenSesame AI assistant!
  
• conrado

  April 2023

  Thanks, @sebastiaan!

  I was very excited to try OpenSesame 4.0, and I tried last weekend, but it demands me some adaptations that I don't have time enough to do for now. I need to finish this work until Friday morning. For example, I have js scripts inside my inline_html items to review. OS 4.0 also loses some rules and conditions, when it opens an experiment developed in an older version, like the details of mouse_response item, some "run if" of sequence items and inside repeat_cycle item. It's not too much, If would not have so many of them with different parameters.

  I found a solution to my problem, copying all the images to the img directory inside the zip file of my application, before upload it to a Jatos server. I made this renaming the root directory and using the entire path at the html tag, and not renaming, juts pointing to img directory. Until now, both ways are working.

  But I'll keep trying a better way when I have more time, to not duplicate the 48 png images inside my application at Jatos server.

  One more time, thanks a lot for your help!

  =)
• conrado

  May 2023

  Hi, @sebastiaan!

  I came back to tell you that today your suggestion worked very well.

  In my previous attempts, I was making a wrong reference to the variable that would have the name of the image which I needed to locate in the pool. Like, the name of the image file was at img_name variable, and I wrote the code as OpenSesame generally references the variables, pool['img_name'].data.src, when the right way should be pool[vars.img_name].data.src.

  That kind of silly mistake that we don't see a million times and end up naturally not making again when rewriting the code from zero.

  Tks again!

  =)