{"id":20221,"date":"2022-11-09T02:14:02","date_gmt":"2022-11-08T20:44:02","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/"},"modified":"2022-11-09T02:14:02","modified_gmt":"2022-11-08T20:44:02","slug":"solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/","title":{"rendered":"[Solved] on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

Hopefully the following can be adapted to your frameset layout somehow – it uses a new function but is otherwise the same code as previous answer ( more or less anyway )<\/p>\n

<?php\n    session_start();\n\n    $svar=\"buttonClicked\";\n\n    if( $_SERVER['REQUEST_METHOD']=='POST' ){\n        if( !empty( $_POST['bttn'] ) && !empty( $_POST['type'] ) ){\n\n            $type=$_POST['type'];\n            $bttn=$_POST['bttn'];\n\n\n            $_SESSION[ $svar ][ $type ]=$bttn;\n\n            header( 'HTTP\/1.1 200 OK', true, 200 );\n            header( 'Content-Type: application\/json' );\n            exit( json_encode( $_SESSION[ $svar ] ) );\n        }\n    }\n\n    if( !empty( $_GET['reset'] ) && $_GET['reset']=='true' && isset( $_SESSION[ $svar ] ) ){\n        unset( $_SESSION[ $svar ] );\n        header('Location: '.$_SERVER['SCRIPT_NAME'] );\n    }\n?>\n\n<!doctype html>\n<html>\n    <head>\n        <meta charset=\"utf-8\" \/>\n        <title>Set Colours of Buttons<\/title>\n        <style>\n            body, body *{\n                font-family:calibri,verdana,arial;\n                font-size:1rem;\n                color:black;\n            }\n            input[type=\"button\"]{\n                background-color:white;\n                border: 1px solid black;\n                padding: 0.5rem 2rem;\n                margin:0 0.25rem;\n                text-align: center;\n                text-decoration: none;\n                display: inline-block;\n                cursor: pointer;\n                float: left;\n            }\n            .green{\n                background-color: green!important;\n            }\n            .blue{\n                background-color: blue!important;\n            }\n            .yellow{\n                background-color: yellow!important;\n            }\n            .red{\n                background-color: red!important;\n            }\n            .pink{\n                background-color: pink!important;\n            }\n            .orange{\n                background-color: orange!important;\n            }\n            .purple{\n                background-color: purple!important;\n            }\n            .brown{\n                background-color: brown!important;\n            }\n            legend,fieldset{\n                border:none;\n            }\n            legend{\n                border-bottom:1px solid gray;\n                border-left:3px solid black;\n                padding:0.5rem;\n                margin:0 0 0 0.25rem;\n            }\n            fieldset.boxes > div{\n                width: 4.5rem;\n                height: 2rem;\n                margin: 0 0.25rem;\n                padding: 0;\n                float: left;\n                background-color:white;\n                border: 1px solid black;\n            }\n        <\/style>\n        <script>\n            (function(){\n                var obj={};\n                var colours={\n                    1:'red',\n                    2:'orange',\n                    3:'yellow',\n                    4:'pink',\n                    5:'brown',\n                    6:'purple',\n                    7:'blue',\n                    8:'green'\n                };\n                var flags={ \n                    passive:true,\n                    capture:false\n                };\n                function setcolours(e){\n                    var col=this.parentNode.querySelectorAll( 'input[type=\"button\"]' );\n                    obj[ this.parentNode.dataset.type ]=this.value;\n\n                    \/* Clear previous colour classes assigned *\/\n                    col.forEach(function(e,i,a){\n                        Object.values( colours ).forEach(function( c ){\n                            e.classList.remove( c );\n                        });\n                    });\n\n                    \/* Add colour class to any element with a value equal to or less that selected button value *\/\n                    for( var i=this.value; i > 0; i-- ){\n                        try{\n                            if( col[ i - 1 ].nodeType==1 )col[ i - 1 ].classList.add( colours[ col[ i - 1 ].value ] )\n                        }catch( err ){\n                            console.info( err );\n                            continue;\n                        }\n                    }\n\n                    \/* set the colour of div boxes *\/\n                    setboxes.call( this, e, obj );\n\n\n                    \/* send the ajax request to store values into session variables &\/or whatever actions are required *\/\n                    ajax( this.value, this.parentNode.dataset.type );\n                }\n\n\n                \/* new function to set colour of boxes if all buttons clicked have same value *\/\n                function setboxes( event, _obj ){\n                    \/* get references from global obj *\/\n                    var keys=Object.keys( _obj );\n                    var values=Object.values( _obj );\n\n\n                    if( keys.length==3 ){\n                        \/* Are all items of the same value? *\/\n                        var value=values.reduce( function(a,b){ return a==b ? a : false } );\n\n                        \/* get nodelist of boxes *\/\n                        var col=document.querySelectorAll('fieldset.boxes div');\n\n                        \/* If the values are all the same - set colour *\/\n                        if( value ){\n                            \/* clear previous colour - if any *\/\n                            col.forEach(function(e,i,a){\n                                Object.values( colours ).forEach(function( c ){\n                                    e.classList.remove( c );\n                                });\n                            });\n                            \/* assign new colour *\/\n                            for( var i=value; i > 0; i-- ){\n                                try{\n                                    col.forEach(function(item,index,array){\n                                        if( item.dataset.value <= value )item.classList.add( colours[ value ] );\n                                    });\n                                }catch( err ){\n                                    console.info( err )\n                                    continue;\n                                }\n                            }\n\n                        } else {\n                            \/* mismatch in values - remove colours *\/\n                            col.forEach(function(e,i,a){\n                                Object.values( colours ).forEach(function( c ){\n                                    e.classList.remove( c );\n                                });\n                            });\n                            \/* ???? *\/\n                            values.forEach( function(value){\n                                col.forEach( function(box){\n                                    if( box.dataset.value <= value ) box.classList.add( colours[ box.dataset.value ] )\n                                });\n                            });\n                        }\n                    }\n                }\n\n                function ajax( value, type ){\n                    var xhr=new XMLHttpRequest();\n                    xhr.onreadystatechange=function(){\n                        if( xhr.readyState==4 && xhr.status==200 ){\n                            document.getElementById('results').innerHTML=this.response;\n                        }\n                    };\n                    var params=\"bttn=\"+value+'&type=\"+type;\n                    xhr.open( \"post', location.href, true );\n                    xhr.setRequestHeader('Content-Type','application\/x-www-form-urlencoded');\n                    xhr.send( params );\n                }\n                function reset(e){\n                    location.search=\"reset=true\";\n                }\n                function bindEvents(e){\n                    var col = document.querySelectorAll('form > fieldset > input[type=\"button\"]');\n                    if( col && col.length > 0 ){\n                        for( var n in col ){\n                            if( col[ n ].nodeType==1 ){\n                                col[ n ].addEventListener( 'click', setcolours.bind( col[ n ] ), flags );\n                            }\n                        }\n                    }\n                    var bttn = document.querySelectorAll('form > input[ type=\"reset\" ]')[0];\n                        bttn.onclick=reset;\n                }\n                document.addEventListener( 'DOMContentLoaded', bindEvents, flags );\n            }());\n        <\/script>\n    <\/head>\n    <body>\n\n        <form action='chk.php' method='post'>\n\n            <fieldset data-type=\"temperature\">\n                <legend>Temperature<\/legend>\n                <input type=\"button\" value=\"1\" \/>\n                <input type=\"button\" value=\"2\" \/>\n                <input type=\"button\" value=\"3\" \/>\n                <input type=\"button\" value=\"4\" \/>\n                <input type=\"button\" value=\"5\" \/>\n                <input type=\"button\" value=\"6\" \/>\n                <input type=\"button\" value=\"7\" \/>\n                <input type=\"button\" value=\"8\" \/>\n            <\/fieldset>\n\n            <fieldset data-type=\"humidity\">\n                <legend>Humidity<\/legend>\n                <input type=\"button\" value=\"1\" \/>\n                <input type=\"button\" value=\"2\" \/>\n                <input type=\"button\" value=\"3\" \/>\n                <input type=\"button\" value=\"4\" \/>\n                <input type=\"button\" value=\"5\" \/>\n                <input type=\"button\" value=\"6\" \/>\n                <input type=\"button\" value=\"7\" \/>\n                <input type=\"button\" value=\"8\" \/>\n            <\/fieldset>\n\n            <fieldset data-type=\"people\">\n                <legend>Number of people<\/legend>\n                <input type=\"button\" value=\"1\" \/>\n                <input type=\"button\" value=\"2\" \/>\n                <input type=\"button\" value=\"3\" \/>\n                <input type=\"button\" value=\"4\" \/>\n                <input type=\"button\" value=\"5\" \/>\n                <input type=\"button\" value=\"6\" \/>\n                <input type=\"button\" value=\"7\" \/>\n                <input type=\"button\" value=\"8\" \/>\n            <\/fieldset>\n\n            <br \/>\n            <br \/>\n\n            <fieldset class=\"boxes\" data-type=\"box-speed\">\n                <legend>Speed<\/legend>\n                <div data-value=1><\/div>\n                <div data-value=2><\/div>\n                <div data-value=3><\/div>\n                <div data-value=4><\/div>\n                <div data-value=5><\/div>\n                <div data-value=6><\/div>\n                <div data-value=7><\/div>\n                <div data-value=8><\/div>\n            <\/fieldset>\n            <fieldset class=\"boxes\" data-type=\"box-temperature\">\n                <legend>Temperature<\/legend>\n                <div data-value=1><\/div>\n                <div data-value=2><\/div>\n                <div data-value=3><\/div>\n                <div data-value=4><\/div>\n                <div data-value=5><\/div>\n                <div data-value=6><\/div>\n                <div data-value=7><\/div>\n                <div data-value=8><\/div>\n            <\/fieldset>\n\n            <input type=\"submit\" value=\"submit\">\n            <input type=\"reset\" value=\"reset\">\n        <\/form>\n\n        <pre id='results'><\/pre>\n    <\/body>\n<\/html>\n<\/code><\/pre>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            7<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] Hopefully the following can be adapted to your frameset layout somehow – it uses a new function but is otherwise the same code as previous answer ( more or less anyway ) <?php session_start(); $svar=”buttonClicked”; if( $_SERVER[‘REQUEST_METHOD’]==’POST’ ){ if( !empty( $_POST[‘bttn’] ) && !empty( $_POST[‘type’] ) ){ $type=$_POST[‘type’]; $bttn=$_POST[‘bttn’]; $_SESSION[ $svar ][ $type ]=$bttn; … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[333,339],"class_list":["post-20221","post","type-post","status-publish","format-standard","hentry","category-solved","tag-javascript","tag-php"],"yoast_head":"\n[Solved] on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Hopefully the following can be adapted to your frameset layout somehow – it uses a new function but is otherwise the same code as previous answer ( more or less anyway ) <?php session_start(); $svar="buttonClicked"; if( $_SERVER['REQUEST_METHOD']=='POST' ){ if( !empty( $_POST['bttn'] ) && !empty( $_POST['type'] ) ){ $type=$_POST['type']; $bttn=$_POST['bttn']; $_SESSION[ $svar ][ $type ]=$bttn; ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-08T20:44:02+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\\\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured\",\"datePublished\":\"2022-11-08T20:44:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\\\/\"},\"wordCount\":78,\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"keywords\":[\"javascript\",\"php\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\\\/\",\"name\":\"[Solved] on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured - JassWeb\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\"},\"datePublished\":\"2022-11-08T20:44:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\\\/\\\/jassweb.com\"],\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/author\\\/jaspritsinghghumangmail-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured - JassWeb","og_description":"[ad_1] Hopefully the following can be adapted to your frameset layout somehow – it uses a new function but is otherwise the same code as previous answer ( more or less anyway ) <?php session_start(); $svar=\"buttonClicked\"; if( $_SERVER['REQUEST_METHOD']=='POST' ){ if( !empty( $_POST['bttn'] ) && !empty( $_POST['type'] ) ){ $type=$_POST['type']; $bttn=$_POST['bttn']; $_SESSION[ $svar ][ $type ]=$bttn; ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/","og_site_name":"JassWeb","article_published_time":"2022-11-08T20:44:02+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured","datePublished":"2022-11-08T20:44:02+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/"},"wordCount":78,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["javascript","php"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/","url":"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/","name":"[Solved] on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-11-08T20:44:02+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-on-giving-inputs-to-my-temperaturehumiditynumber-of-people-fields-i-want-my-speed-n-temperature-fields-to-be-get-coloured\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] on giving inputs to my temperature,Humidity,Number of people fields, i want my speed n Temperature fields to be get coloured"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/20221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=20221"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/20221\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=20221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=20221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=20221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}