Currently utilizing Qualtrics and hoping to enhance the appearance of certain survey screens by incorporating JavaScript or HTML. Have you discovered a method for achieving this? I'm facing some difficulties adding custom HTML at the question level, and JavaScript behavior seems unpredictable. Any success stories in fine-tuning these aspects using JavaScript?
To customize the appearance of specific pages, you can insert a style tag containing CSS directly into question text.
This is an example of question text.
<style>
/* Your CSS styles go here */
</style>
If you need to modify the styles of certain elements using JavaScript, you can leverage tools like prototypejs to select the correct elements. Here's a basic demonstration of adjusting the width and alignment of a multiple choice button:
Qualtrics.SurveyEngine.addOnload(function()
{
var element = $(this.questionId).select('label.SingleAnswer').first();
element.style.width = "50%";
element.style.textAlign = "center";
});
The variable I'm dealing with looks like this: var htmlBody = "<table border = '1' cellspacing='0' align = 'center'><tr><th>Job #</th><th>Task</th><th>Date</th></tr>& ...
Currently, I am in the process of learning ReactJS and running into an issue where my bootstrap is not working within my .jsx file. Despite following a tutorial (MOSH) diligently and extensively researching on stack overflow, I have not been able to find a ...
Help needed in creating a dynamic menu using ul and li tags. The menu structure will be based on JSON retrieved from the web server. How can I implement this menu with jQuery? var data = [ { "MenuId": "4fde524c-9f8e-4fc4-a7c1-aea177090299", "Par ...
Using mootools, I have a function that triggers an ajax script to retrieve a value. However, the function seems to return before the AJAX call is completed! What could be causing this issue... function getCredits() { var loadGlobalTab = new Request.J ...
I am currently developing tests for an angular-based application and I find myself in need of assistance. The specific task at hand involves creating a mechanism that will wait until all pending requests within the application have been processed before pr ...
When using findOne() to extract a document, the correct result is printed when the returned value is logged. However, when looping over it, the model is printed instead of the original document stored in the City table: { _id: 62e135519567726de42421c2, co ...
What programming knowledge do I need to have in order to interact with the web using C++? For example, I want to create a program that automates sending invites to players on Yahoo Chess. How should I approach this task? ...
Within a table in my application, I have text boxes that are initially disabled and then enabled after clicking an edit button. Everything is working smoothly so far, but I am trying to set the autofocus to the first textbox of the first row when the edi ...
Currently, I am facing an issue with updating the view based on adding an item to an array of objects through a click handler. While the item is successfully pushed into the array, it does not reflect in the view. I am wondering if placing the method withi ...
I need to insert a check mark inside the <li> tag on the right side. How can I do this? The check mark looks like this: For example: http://jsfiddle.net/HpVcy/ ul li{ padding: 3px 10px 3px 10px; background:url(http://img4up.com/up2/730897458613759 ...
Attempting to replicate the php encryption script below using node.js: $size = mcrypt_get_iv_size(MCRYPT_RIJNDAEL_128, MCRYPT_MODE_ECB); $iv = mcrypt_create_iv($size, MCRYPT_RAND); $msg = base64_encode(mcrypt_encrypt(MCRYPT_RIJNDAEL_128, 'MY_KEY_LONG ...
I have a code that is currently working for a single image, but I need it to work for multiple images. Can someone help me modify this code to achieve that? <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></scri ...
Currently, I am in the process of creating a drawing application akin to Paint or Sketchpad. One issue I have encountered is the inability to resize the cursor based on the line width of the pencil I am using. The workaround I have discovered involves usin ...
My ajax function for posting an image works perfectly in Chrome and Firefox, but Safari and iOS Safari are having issues with it. To create and append the value, I am using this code: var ajaxImage = new FormData(); ajaxImage.append('file-0', $ ...
Currently, I am utilizing Bootstrap within my HTML to develop a search page that will allow users to input a SQL query. Once the user enters their SQL query, it will be sent to a backend system that will execute the query in a database. The backend code is ...
Seeking advice on determining the size of a Three.js object. I am currently loading various objects from files and wish to find a way to automatically adjust scale or camera position to ensure the entire object fits within the frame. Since different files ...
Recently, while working on a pre-existing website with JavaScript code, I made an interesting discovery. I noticed that the code was accessing array items in a unique way: var value = myArray[0, 1]; This seems to be retrieving the second item of the arr ...
Currently, I am encountering a problem with toggling the div containers. When I click on the video button, I want the other divs to close if they are already open. However, due to the toggling mechanism, if a div is closed and I click on the corresponding ...
How can I access the values of two input fields in order to perform calculations as soon as their values are updated? <script> // Accessing the values of the two input fields for immediate calculation based on user input const heightInputEl = docum ...
Exploring the integration of a JavaScript variable within erb <% %> tags has led me to consider using AJAX (refer to How to pass a javascript variable into a erb code in a js view?). As someone new to JavaScript and AJAX, it would be extremely helpfu ...