Stock Market Today: Live Updates, Top Gainers, and Market Insights (2024)

//

${listCategory}

//

let html = ` ` let rowCount = 0; for (let i = 0; i < data.length; i++) { let thePriceData = data[i].pricedata if(marketTimeframe =="premarket"){ thePriceData = data[i].premarket } if(marketTimeframe =="afterhours"){ thePriceData = data[i].afterhours } //

${thePriceData.last.toFixed(2)}

//

${data[i].equityinfo.longname}

if (typeof thePriceData.last === "number" && typeof thePriceData.changepercent === "number" && data[i].equityinfo !== undefined) { if (thePriceData.last > minPrice && data[i].equityinfo.longname != "NASDAQ TEST STOCK" && data[i].datatype != "etf" && data[i].key.exchange != "OTCQB") { let exch_prefix = "" let exch_prefix_divider = "" if (data[i].key.exchange == "OTCQB" || data[i].key.exchange == "OTC" || data[i].key.exchange == "OTO") { exch_prefix = "OTC" } if (data[i].key.exchange == "NSD" || data[i].key.exchange == "NSC" || data[i].key.exchange == "NGS") { exch_prefix = "NASDAQ" } if (data[i].key.exchange == "NYE") { exch_prefix = "NYSE" } if (data[i].key.exchange == "AMX") { exch_prefix = "AMEX" } if (exch_prefix != "") { exch_prefix_divider = ":" } // html += `

`; // rowCount += 1; if (rowCount >= rowLimit) { break } } } } html += ""; return html; } function cancelIframeLoad(event) { event.stopPropagation(); } var curDetails_stockSymbol = ""; var existingDetailsRow = null; function toggleDetails(clickedRow) { var stockSymbol = clickedRow.getAttribute('data-stock-symbol'); var stockSymbolOnly = clickedRow.getAttribute('data-stock-symbol-only'); var nextElement = clickedRow.nextElementSibling; var isDetailsRow = nextElement && nextElement.id === 'rowDetails'; var previouslySelectedRow = document.querySelector('.selectedRow'); if (previouslySelectedRow) { previouslySelectedRow.classList.remove('selectedRow'); } // Add the "selectedRow" class to the clicked row clickedRow.classList.add('selectedRow'); // Remove existing details row, if any //var existingDetailsRow = document.getElementById('rowDetails'); console.log("existingDetailsRow", existingDetailsRow) if (existingDetailsRow) { existingDetailsRow.parentNode.removeChild(existingDetailsRow); existingDetailsRow = null document.removeEventListener('click', closeDetailsOnClickOutside); document.removeEventListener('keydown', closeDetailsOnEsc); } if (!isDetailsRow) { var detailsRow = document.createElement('div'); detailsRow.id = 'rowDetails'; detailsRow.className = 'rowDeets'; // Heading div var headingDiv = document.createElement('div'); headingDiv.className = 'rowHeading'; // Title var titleDiv = document.createElement('div'); titleDiv.className = 'title'; titleDiv.innerHTML = '' + stockSymbol + ' Open Full Stock Quote'; // Customize the title as needed // Close link var closeLink = document.createElement('a'); closeLink.className = 'closeLink'; closeLink.href = '#'; closeLink.textContent = 'Close Window [x]'; // Add click event to the close link closeLink.addEventListener('click', function (event) { event.preventDefault(); toggleDetails(clickedRow); }); // Append title and close link to the heading div headingDiv.appendChild(titleDiv); headingDiv.appendChild(closeLink); // Iframe var iframe = document.createElement('iframe'); iframe.src = "https://thestockmarketwatch.com/stock-fastView/quotePreview.aspx?extra=1&stock=" + encodeURIComponent(stockSymbol); // Append the heading div and iframe to the details row detailsRow.appendChild(headingDiv); detailsRow.appendChild(iframe); // Insert the details row after the clicked row clickedRow.parentNode.insertBefore(detailsRow, nextElement); existingDetailsRow = detailsRow; // Set existingDetailsRow to the new details row // Calculate the position of "divMarketMoversToday" var marketMoversToday = document.getElementById('divMarketMoversToday'); var marketMoversTodayRect = marketMoversToday.getBoundingClientRect(); // Position "detailsRow" absolutely to the right of "divMarketMoversToday" detailsRow.style.position = 'absolute'; detailsRow.style.left = marketMoversTodayRect.right + 'px'; // Add event listeners to close the details window document.addEventListener('click', closeDetailsOnClickOutside); document.addEventListener('keydown', closeDetailsOnEsc); } function closeTheDetails() { if (existingDetailsRow){ existingDetailsRow.parentNode.removeChild(existingDetailsRow); document.removeEventListener('click', closeDetailsOnClickOutside); document.removeEventListener('keydown', closeDetailsOnEsc); existingDetailsRow = null; // Reset existingDetailsRow } } // Function to close the details window when clicking outside of it function closeDetailsOnClickOutside(event) { //if (existingDetailsRow && !existingDetailsRow.contains(event.target)) { // existingDetailsRow.parentNode.removeChild(existingDetailsRow); // document.removeEventListener('click', closeDetailsOnClickOutside); // document.removeEventListener('keydown', closeDetailsOnEsc); // existingDetailsRow = null; // Reset existingDetailsRow //} } // Function to close the details window when pressing the ESC key function closeDetailsOnEsc(event) { if (existingDetailsRow && event.key === 'Escape') { closeTheDetails() } } } function nameTheSector(theSymbol) { switch (theSymbol) { case "XLC": return "Telecom"; case "XLF": return "Financials"; case "XBI": return "Biotech"; case "XLP": return "Cons Stpls"; case "KRE": return "Banks"; case "XLI": return "Industrial"; case "XLK": return "Tech"; case "XLB": return "Materials"; case "XLY": return "Cons Disc"; case "XLU": return "Utilites"; case "XRT": return "Retail"; case "XLV": return "Health Care"; case "IYR": return "Real Estate"; case "XLE": return "Energy"; case "SMH": return "Semicondctrs"; case "XOP": return "Oil & Gas"; case "GDX": return "Gold Miners"; } return theSymbol } function checkForChgPct(data, symb){ if(data.results.quote.length > 0){ const thisOne = data.results.quote.filter(item => item.symbolstring === symb); if (thisOne.length > 0) { //console.log(thisOne[0]) if(marketTimeframe == "premarket"){ if (typeof thisOne[0].pricedata.premarket.changepercent === "number") { return thisOne[0].pricedata.premarket.changepercent; } } else if(marketTimeframe == "afterhours"){ if (typeof thisOne[0].pricedata.afterhours.changepercent === "number") { return thisOne[0].pricedata.afterhours.changepercent; } } else { if (typeof thisOne[0].pricedata.changepercent === "number") { return thisOne[0].pricedata.changepercent; } } } } return 0; } function pctToGoodBadClass(thePCT) { let className = '' if (thePCT > 2) { className = 'good3' } else if (thePCT > 1) { className = 'good2' } else if (thePCT > 0) { className = 'good1' } else if (thePCT > -1) { className = 'bad1' } else if (thePCT > -2) { className = 'bad2' } else { className = 'bad3' } return className; } function showWL(data){ document.getElementById("MarketIndexes").innerHTML = `

` let html = "" const quoteData = data.results.quote // console.log(quoteData) let dataBy_ChangePct_DESC = [...quoteData].sort((a, b) => b.pricedata.changepercent - a.pricedata.changepercent).slice(0, 88); if(marketTimeframe == "premarket"){ dataBy_ChangePct_DESC = [...quoteData].sort((a, b) => b.pricedata.premarket.changepercent - a.pricedata.premarket.changepercent).slice(0, 88); } for (let i = 0; i < dataBy_ChangePct_DESC.length; i++) { const thisQuote = dataBy_ChangePct_DESC[i]; // XLC XLF XBI XLP KRE XLI XLK XLB XLY XLU XRT XLV IYR XLE SMH XOP GDX if (thisQuote.symbolstring == "XLC" || thisQuote.symbolstring == "XLF" || thisQuote.symbolstring == "XBI" || thisQuote.symbolstring == "XLP" || thisQuote.symbolstring == "XLI" || thisQuote.symbolstring == "XLK" || thisQuote.symbolstring == "XLB" || thisQuote.symbolstring == "XLY" || thisQuote.symbolstring == "XLU" || thisQuote.symbolstring == "XRT" || thisQuote.symbolstring == "XLV" || thisQuote.symbolstring == "IYR" || thisQuote.symbolstring == "XLE" || thisQuote.symbolstring == "XOP" || thisQuote.symbolstring == "GDX" ) { let thisQuoteData = thisQuote.pricedata; if(marketTimeframe == "premarket"){ thisQuoteData = thisQuote.pricedata.premarket } let changePct = 0; if(typeof thisQuoteData.changepercent === "number"){ changePct = thisQuoteData.changepercent } let className = pctToGoodBadClass(changePct) html += `

` } } html += "" document.getElementById("MarketSectorsToday").innerHTML = html; } function getQueryParameterValue(url, parameterName) { const regex = new RegExp(`[?&]${parameterName}(=([^]*)|&|#|$)`, 'i'); const results = regex.exec(url); if (!results) { return null; } if (!results[2]) { return ''; } return decodeURIComponent(results[2].replace(/\+/g, ' '));} let qmToken=""; const originalXHR = window.XMLHttpRequest; window.XMLHttpRequest = function () { const xhr = new originalXHR(); xhr.addEventListener('load', function () { if(this.responseURL.indexOf("quotemedia.com") != -1 && qmToken == "" && getQueryParameterValue(this.responseURL,"token") !== null){ qmToken = getQueryParameterValue(this.responseURL,"token"); //console.log(qmToken) //setToken="",marketSession = "PRE",stat="pg",statTop=25 // xhrMovers(qmToken,"POST","va",20); } if(this.responseURL.indexOf("getSnapQuotes.js") != -1){ showWL(JSON.parse(this.responseText, marketTimeframe)); } if(this.responseURL.indexOf("&stat=pg") != -1){ const data = JSON.parse(this.responseText); document.getElementById("divMoversUp").innerHTML = htmlItUp("Gainers", "fa fa-arrow-circle-up", data.results.quote, 10); } if(this.responseURL.indexOf("&stat=pl") != -1){ const data = JSON.parse(this.responseText); document.getElementById("divMoversDown").innerHTML = htmlItUp("Losers", "fa fa-arrow-circle-down", data.results.quote, 10); } if(this.responseURL.indexOf("&stat=va") != -1){ const data = JSON.parse(this.responseText); document.getElementById("divMoversActive").innerHTML = htmlItUp("Actives", "fa fa-bar-chart", data.results.quote, 10); document.getElementById("qmarea").innerHTML = ""; } }); return xhr; };