I recently completed a jQuery weather project using data from Wunderground. I am trying to implement a feature where the color of the temperature changes automatically based on whether it is higher or lower, but I am unsure how to incorporate CSS within jQuery.
function check(temp_c) {
// Code for checking temperature range and returning corresponding value
}
var temp_c = data.current_observation.temp_c ;
var temperature = check(temp_c );
To streamline your code, you can simplify it by focusing on determining the upper temperature limit and allowing the program to flow through each condition to identify the highest value. Consider the following approach:
function assessTemperature(temp) {
temp = parseFloat(temp);
var tempCategory = 'above326'; // default category for temperatures above 326
if (temp < 326.25) tempCategory = 'below326';
if (temp < 303.75) tempCategory = 'below303';
if (temp < 281.25) tempCategory = 'below281';
// continue with additional categories...
return tempCategory;
}
You can then apply the returned category using the addClass() method:
var currentTemp = data.current_observation.temp_c ;
var determinedCategory = assessTemperature(currentTemp);
$('#myElement').addClass(determinedCategory);
Currently, I have implemented checkboxes that serve as search filters on a website. Every time a user checks a filter box, an ajax request is triggered to fetch data from the server and display it. The issue arises when users select multiple checkboxes in ...
I am facing an issue where I cannot receive parameters after the file upload parameter. This problem is mentioned in Skipper's documentation. The suggestion is to reorder the parameters before submitting the form and sending them to the server. I have ...
Currently, I am attempting to submit my form on the same page utilizing jquery. However, after the initial submission, any further attempts fail. It seems that in order for the submission to work properly again, I need to refresh the page first. What cou ...
I'm currently working on customizing a Wordpress menu that includes classic menu items and their respective submenus. The issue I'm facing is that when I hover over an item with children, its submenu will display. However, I want to have a fixed ...
I need to transfer javascript variables from one file where calculations are performed to another file containing a mySQL query. The second file is loaded using a .load() function without refreshing or redirecting to it. Is it possible to achieve this wit ...
JavaScript $('input').change(function() { $('input:radio').prop('disabled', true); $('.answer-detail').show(); $(this).next('label').addClass('correct'); var correctAnswers = ("#answer ...
I am working with a table that has two columns. The first column consists of checkboxes and the second column contains attribute names. My goal is to select the checkboxes next to a cell that includes specific text. Below is the structure of my table: &l ...
I am trying to create a DVD screensaver with changing images each time it hits the edge, but I can't seem to get it to work. I've attempted using the code snippet below: var img = document.getElementById("myImage"); img.src = 'img/new-image. ...
I'm currently working on a page where users can click a link to load content using $.ajax into a designated container div. However, I've encountered an issue with multiple clicks causing an increase in the number of $.ajax requests and resulting ...
I am encountering an issue while trying to display data on the page. The error message "data is not defined" keeps appearing. I would appreciate it if you could take a look at the code and help me resolve this problem. import { useEffect } from "react ...
Take a look at my file upload form below: <form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="filetoupload" id="filetoupload" onchange="this.form.submit();"> </form> I am trying to figure out ...
I'm having trouble creating a custom tile in SAP that inherits from sap.suite.ui.commons.GenericTile and only displays an icon centered in the middle of the tile. The standard aggregations and properties are causing issues as they position the icon on ...
I made a modification for adding cart items and included a script for managing my cart The cart is supposed to stick to the right edge and scroll up and down on the page Everything seems to work, but there's a slight issue when I click on Add 1 and ...
Here's a code snippet I have: const myDiv = document.querySelector("#myDiv"); myDiv.addEventListener("click", fct_Div); function fct_Div(ev) { console.log(ev); if (ev.altKey === true) { myDiv.style["background ...
I am facing a challenge in styling the text inside a “div” element using a Javascript function. Initially, when the page loads, these “divs” contain no value. The values of the "divs" will change between "Open" and "Closed" twice a day when the Jav ...
When attempting to add a new row to a kendo grid, I encountered an issue with inserting a dropdown template in one of the cells. The current method I am using to add a new row is as follows: grid.dataSource.insert(0, { AreaID: null, AreaName: "New Area", ...
My goal is to achieve the following: var price = $.cookie('cur_price'); //this will be USD, EUR, or GBP var price = 'USD'; //this is a possible result var USD = 30; //store in an array var EUR = 24; //this seem ...
Looking to sharpen my skills by working with public APIs in JavaScript. My goal is to sort the list of items alphabetically by the h4 value (food name) when the query is submitted. I attempted to use .sort() on the response item before using .map(), but en ...
I'm currently working on a project to develop a dynamic form that includes both input fields and dropdown menus populated with data from a JSON file (for now, I'm using an array). The form should also have the functionality to "add another produc ...
I recently used the following code snippet to send data to the server, but now I'm stuck on how to retrieve the array that was returned using PHP. Any suggestions would be greatly appreciated. $('.ticket-row').each(function() { tickets.push ...