Global Raw Material Prices - Current & Historical Trends

<!DOCTYPE html> <html lang="en"> <head> <title>Global Raw Material Prices - Current & Historical Trends - TexPro</title> <meta name="description" content="Stay up-to-date on global raw material prices with our price index, trend analysis, and sourcing information for textile raw materials. Explore TexPro today!" /> <meta property="og:image" content="https://static.fibre2fashion.com/staticresources/texproresource/images/texpro-og.jpg"/> <meta name="twitter:image" content="https://static.fibre2fashion.com/staticresources/texproresource/images/texpro-og.jpg"/> <meta property="og:title" content="Global Raw Material Prices - Current & Historical Trends - TexPro"/> <meta property="og:description" content="Stay up-to-date on global raw material prices with our price index, trend analysis, and sourcing information for textile raw materials. Explore TexPro today!"/> <meta prefix="og: https://ogp.me/ns#" property="og:image" content="https://static.fibre2fashion.com/staticresources/texproresource/images/texpro-og.jpg"/> <meta prefix="og: https://ogp.me/ns#" property="og:title" content="Global Raw Material Prices - Current & Historical Trends - TexPro"/> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /> <meta name="Revisit-After" content="1 Day" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Robots" content="ALL, INDEX, FOLLOW" /> <meta name="language" content="EN" /> <meta http-equiv="content-language" content="en-US" /> <meta name="document-type" content="Public" /> <meta name="document-classification" content="Business to Business" /> <meta name="coverage" content="Worldwide" /> <meta name="author" content="www.fibre2fashion.com" /> <meta name="distribution" content="global" /> <meta name="twitter:card" content="summary_large_image" /> <link rel='canonical' href='https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/raw-material-prices' />  <noscript> <iframe src="//www.googletagmanager.com/ns.html?id=GTM-NDR3B7" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-NDR3B7');</script>  <link type="text/css" href='https://static.fibre2fashion.com//staticresources/mobile/css/slick.min.css' rel="stylesheet" rel="preload" /> <link type="text/css" href="https://static.fibre2fashion.com/staticresources/mobile/css/slick-theme.min.css" rel="stylesheet" /> <link as="style" href="/market-intelligence/texpro-textile-and-apparel/Content/CSS/texpro-style2024.min.css?var=2.6" rel="stylesheet" fetchpriority="high" rel="preload"> <link as="image" href="https://static.fibre2fashion.com/staticresources/texproresource/projectimages/common-background.jpg" fetchpriority="high" rel="preload"> <link as="image" href="https://static.fibre2fashion.com/staticresources/texproresource/projectimages/mobile-screen-img.jpg" fetchpriority="high" rel="preload"> <link as="image" href="https://static.fibre2fashion.com/staticresources/texproresource/projectimages/tt-common-background.jpg" fetchpriority="high" rel="preload"> <link as="image" href="https://static.fibre2fashion.com/staticresources/texproresource/projectimages/tt-screen-img.jpg" fetchpriority="high" rel="preload"> <script type="text/javascript" src="https://static.fibre2fashion.com/staticResources/js/jquery/1_11/jquery.min.js"></script> <script type="text/javascript" src="https://static.fibre2fashion.com/staticresources/js/jquery/plugins/slick-1-5-8.min.js"></script> <script src="https://static.fibre2fashion.com/staticresources/js/bootstrap/bootstrap.min.js"></script> <link rel="shortcut icon" href="https://static.fibre2fashion.com/images/favicon.ico" type="image/x-icon"> <link rel="icon" href="https://static.fibre2fashion.com/Content/images/favicon.ico" type="image/x-icon"> <script type="text/javascript"> var BASEPATHURL = 'https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel'; </script>  <script id="_webengage_script_tag" type="text/javascript" language="javascript" src="https://static.fibre2fashion.com//staticresources/js/externalplugin/f2fwebengage.min.js"></script> <script type="text/javascript" async language="javascript" src="https://static.fibre2fashion.com/staticresources/js/externalplugin/webengagecookie.min.js?var=1.0"></script>   <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1053955587"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'AW-1053955587'); </script> </head> <body> <div class="main-wrapper" id="main"> <header class="topheader"> <div class="container"> <nav> <div class="logo"> <a href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/" data-f2feventclicktrack="{"F2FEventName":"Icon Clicked","F2FEventType":"Logo","F2FSection":"Header","F2FType":"Static","F2FText":"Texpro Icon"}"> <img src="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/Content/images/texpro-logo.svg" alt="Logo Image" width="111" height="45"> </a> </div> <div class="hamburger"> <div class="line1"></div> <div class="line2"></div> <div class="line3"></div> </div> <ul class="nav-links">  <li><a id="RawMaterial" data-f2feventclicktrack="{"F2FEventName":"Header Clicked","F2FEventType":"Header","F2FSection":"Hambourger Slider","F2FType":"Static"}" class="active" href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/raw-material-prices" aria-label="Raw Material Prices">Raw Material Prices</a></li> <li><a id="ExportImportData" data-f2feventclicktrack="{"F2FEventName":"Header Clicked","F2FEventType":"Header","F2FSection":"Hambourger Slider","F2FType":"Static"}" class="" href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/export-import-data" aria-label="Export-Import Data">Export-Import Data</a></li> <li><a id="Forecast" data-f2feventclicktrack="{"F2FEventName":"Header Clicked","F2FEventType":"Header","F2FSection":"Hambourger Slider","F2FType":"Static"}" class="" href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/forecast" aria-label="forecast">Forecast</a><span class="newtag">NEW</span></li> <li><a id="CountryProfiles" data-f2feventclicktrack="{"F2FEventName":"Header Clicked","F2FEventType":"Header","F2FSection":"Hambourger Slider","F2FType":"Static"}" class="" href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/country-profiles" aria-label="Country Profiles">Country Profiles</a></li> <li><a id="AnalysisOfBrands" data-f2feventclicktrack="{"F2FEventName":"Header Clicked","F2FEventType":"Header","F2FSection":"Hambourger Slider","F2FType":"Static"}" class="" href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/analysis-of-brands" aria-label="Analysis of Brands">Analysis of Brands</a></li> <li><a id="TariffRates" data-f2feventclicktrack="{"F2FEventName":"Header Clicked","F2FEventType":"Header","F2FSection":"Hambourger Slider","F2FType":"Static"}" class="" href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/tariff-rates" aria-label="Tariff Rates">Tariff Rates</a></li> <li><a id="MarketSize" data-f2feventclicktrack="{"F2FEventName":"Header Clicked","F2FEventType":"Header","F2FSection":"Hambourger Slider","F2FType":"Static"}" class="" href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/market-size" aria-label="Market Size">Market Size</a></li> <li><a id="Sustainability" data-f2feventclicktrack="{"F2FEventName":"Header Clicked","F2FEventType":"Header","F2FSection":"Hambourger Slider","F2FType":"Static"}" class="" href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/sustainability" aria-label="Sustainability">Sustainability</a></li> <li><a id="NewsAndArticles" data-f2feventclicktrack="{"F2FEventName":"Header Clicked","F2FEventType":"Header","F2FSection":"Hambourger Slider","F2FType":"Static"}" class="" href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/news-and-articles" aria-label="News & Articles">News & Articles</a></li> </ul> </nav> <div class="category-btn"> <div class="dropdown-container"> <div class="dropdown-toggle click-dropdown"> Textile & Apparel </div> <div class="dropdown-menu"> <ul> <li><a href="https://www.fibre2fashion.com/market-intelligence/texpro-technical-textile/">Technical Textile</a></li> </ul> </div> </div> </div> </div> </header> <script> const hamburger = document.querySelector(".hamburger"); const navLinks = document.querySelector(".nav-links"); const links = document.querySelectorAll(".nav-links li"); hamburger.addEventListener('click', () => { //Animate Links navLinks.classList.toggle("open"); links.forEach(link => { link.classList.toggle("fade"); }); //Hamburger Animation hamburger.classList.toggle("toggle"); }); $(".active").focus(); </script> <div class="main-wrapper">  <section class="inner-banner-section"> <div class="container"> <div class="inner-banner"> <h2 class="commontitle"> Global Raw Material Prices: Trends & Analysis</h2> <p>This module covers global raw material prices which includes <b>prices of fibre, yarn</b>, various <b>feedstock chemicals</b> and <b>other raw materials</b>. This helps in understanding textile raw material prices at different locations while analysing costs and trends to plan and negotiate raw material sourcing and procurement. The module also includes various key <b>raw material price indexes</b>, which helps in understanding the overall trend. The modules not only provide the current and <b>historical raw material price trends</b>, but also provides <b>forecast trends</b>.</p> <div class="center-btn"> <a data-toggle="modal" data-target="#glassAnimals" id="orangebtn" data-f2feventclicktrack="{"F2FEventName":"CTA Clicked","F2FEventType":"CTA Clicked","F2FBlockName":"Global Raw Material Prices: Trends & Analysis","F2FSection":"Middle","F2FType":"Static"}" class="orangebtn" onclick="DLTracking('Demo'),openexampleModalLabel('Request A Demo')" aria-label="Request A Demo">Request A Demo</a> <a class="freetrial-btn" data-toggle="modal" id="bluecolor" data-f2feventclicktrack="{"F2FEventName":"CTA Clicked","F2FEventType":"CTA Clicked","F2FBlockName":"Global Raw Material Prices: Trends & Analysis","F2FSection":"Middle","F2FType":"Static"}" data-target="#glassAnimalsfreetrial" onclick="DLTracking('Trial')"> Start Your Free Trial <div class="tooltip"> <img src="https://static.fibre2fashion.com/staticresources/texproresource/projectimages/info-img.svg" alt="info-icon" width="16" height="16"> <div class="info-tooltip"> <ul> <li>Please register with your business email only.</li> <li>Trial access period will be allowed for 3 days for both modules combined - Textile & Apparel as well as Technical Textiles</li> <li>You shall be notified on your registered email once the trial is activated</li> </ul> </div> </div> </a> <div class="tooltip mobile-info"> <img src="https://static.fibre2fashion.com/staticresources/texproresource/projectimages/info-img.svg" alt="info-icon" width="16" height="16"> <div class="info-tooltip"> <ul> <li>Please register with your business email only.</li> <li>Trial access period will be allowed for 3 days for both modules combined - Textile & Apparel as well as Technical Textiles</li> <li>You shall be notified on your registered email once the trial is activated</li> </ul> </div> </div> <div class="registered-link"> Already Registered? <a id="LoginButton" data-f2feventclicktrack="{"F2FEventName":"CTA Clicked","F2FEventType":"CTA Clicked","F2FBlockName":"Global Raw Material Prices: Trends & Analysis","F2FSection":"Middle","F2FType":"Static"}" href="https://members.fibre2fashion.com/?myurl=https://texpro.fibre2fashion.com/ta/" target="_blank">Log in Here</a></div> </div> <script> function DLTracking(val) { if (val == 'Demo') { if (window.location.href.includes('texpro-technical-textile')) { DataLayerTracking('TexPro TT - Demo Button', 'TexPro TT Service Page', 'Request Demo Button Click', '') } else { DataLayerTracking('TexPro TA - Demo Button', 'TexPro TA Service Page', 'Request Demo Button Click', '') } } if (val == 'Trial') { if (window.location.href.includes('texpro-technical-textile')) { DataLayerTracking('TexPro TT - startTrialButtonClick', 'TexPro TT Service Page', 'Start Trial Button Click', "") } else { DataLayerTracking('TexPro TA - startTrialButtonClick', 'TexPro TA Service Page', 'Start Trial Button Click', "") } } } </script> <script> $(document).ready(function () { var queryString = window.location.href; if (queryString.toLowerCase().includes("isautotrial=y") == true) { $('#glassAnimalsfreetrial').modal('show'); } }); function openexampleModalLabel(text) { debugger; $("#inqthanks").hide(); $("#inqfrm").show(); OpenFormWithData(); $("#glassAnimals #exampleModalLabel").text(text); } //$("#orangebtn1").click(function (e) { // $("#inqthanks").hide(); // $("#inqfrm").show(); // OpenFormWithData(); // $("#exampleModalLabel").text("Request A Demo"); //}); //$("#bluecolor").click(function () { // $("#freetrialModalLabel").text("FREE Trial"); //}); // Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks on the button, open the modal btn.onclick = function () { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function () { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function (event) { if (event.target == modal) { modal.style.display = "none"; } } </script> <h2 class="banner-sub-title">Products Covered </h2> <div class="product-section"> <ul class="products-btn"> <li><a href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/raw-material-prices/cotton-fibre" aria-label="Cotton Fibre" data-f2feventclicktrack="{"F2FEventName":"Textlink Clicked","F2FEventType":"Text Link","F2FSection":"Middle","F2FType":"Static"}">Cotton Fibre <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-arrow.svg' alt="list-sign" width="20" height="20"></a></li> <li><a href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/raw-material-prices/acrylic-value-chain" aria-label="Acrylic Value Chain" data-f2feventclicktrack="{"F2FEventName":"Textlink Clicked","F2FEventType":"Text Link","F2FSection":"Middle","F2FType":"Static"}">Acrylic Value Chain <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-arrow.svg' alt="list-sign" width="20" height="20"> </a></li> <li><a href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/raw-material-prices/polyester-value-chain" aria-label="Polyester Value Chain" data-f2feventclicktrack="{"F2FEventName":"Textlink Clicked","F2FEventType":"Text Link","F2FSection":"Middle","F2FType":"Static"}">Polyester Value Chain <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-arrow.svg' alt="list-sign" width="20" height="20"> </a></li> <li><a href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/raw-material-prices/nylon-value-chain" aria-label="Nylon Value Chain" data-f2feventclicktrack="{"F2FEventName":"Textlink Clicked","F2FEventType":"Text Link","F2FSection":"Middle","F2FType":"Static"}">Nylon Value Chain <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-arrow.svg' alt="list-sign" width="20" height="20"> </a></li> <li><a href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/raw-material-prices/cotton-yarn" aria-label="Cotton Yarn" data-f2feventclicktrack="{"F2FEventName":"Textlink Clicked","F2FEventType":"Text Link","F2FSection":"Middle","F2FType":"Static"}">Cotton Yarn <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-arrow.svg' alt="list-sign" width="20" height="20"> </a></li> <li><a href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/raw-material-prices/crude-oil" aria-label="Crude Oil" data-f2feventclicktrack="{"F2FEventName":"Textlink Clicked","F2FEventType":"Text Link","F2FSection":"Middle","F2FType":"Static"}">Crude Oil <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-arrow.svg' alt="list-sign" width="20" height="20"> </a></li> <li><a href="https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/raw-material-prices/viscose-value-chain" aria-label="Viscose Value Chain" data-f2feventclicktrack="{"F2FEventName":"Textlink Clicked","F2FEventType":"Text Link","F2FSection":"Middle","F2FType":"Static"}">Viscose Value Chain <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-arrow.svg' alt="list-sign" width="20" height="20"> </a></li> <li><a href="#" data-toggle="modal" data-target="#AllProducts" aria-label="All Products" data-f2feventclicktrack="{"F2FEventName":"Textlink Clicked","F2FEventType":"Text Link","F2FSection":"Middle","F2FType":"Static"}">All Products <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-arrow.svg' alt="list-sign" width="20" height="20"></a></li> </ul> </div> </div> </div> </section> <section class="product-categorys-slider"> <div class="container"> <div class="items"> <div class="card"> <div class="price-row post one"> <h2>Current Prices</h2> <div class="text-pera"> <p class="text"> The Current Prices section displays recent data for products like fibre, yarn, feedstock chemicals, and raw materials. Filters allow selection of items such as <b>crude oil, cotton, polyester, nylon, acrylic, viscose, spandex</b> and <b>others</b>. It defaults to showing the latest prices, changeable with the calendar option. </p> </div> </div> </div> <div class="card"> <div class="price-row post one"> <h2>Historical Prices</h2> <div class="text-pera"> <p>Historical Prices section covers <b>price data of last five years</b> for <b>fibre, yarn, various feedstock chemicals</b> and <b>other raw materials</b>. This section allows <b>comparing price trends</b> in <b>multiple markets</b> in different time frames and currencies.</p> </div> </div> </div> <div class="card"> <div class="price-row post one"> <h2>Forecast Prices</h2> <div class="text-pera"> <p>Forecast Prices section gives <b>estimation for</b> next 9 months of <b>cotton fibre</b> and <b>yarn prices</b>, <b>polyester fibre</b> and <b>yarn prices</b>, <b>acrylic fibre prices</b>, <b>nylon chips</b> and <b>yarn prices</b>, and <b>viscose fibre</b> and <b>yarn prices</b> to help user plan sourcing, procurements, and negotiations accordingly.</p> </div> </div> </div> <div class="card"> <div class="price-row post one"> <h2>Download Reports</h2> <div class="text-pera"> <p>Download Reports section gives <b>access to</b> a library of <b>all historical</b>, <b>current</b>, and <b>upcoming pricing reports</b> for the <b>various commodities</b> prepared by our analysts. The reports can be downloaded by filtering the reports by dates and clicking on the download button.</p> </div> </div> </div> </div> </div> </section> <section class="trend-report"> <div class="container"> <h2 class="commontitle">Sample Historical Price Trend of Textile Raw Material</h2> <div class="graph-section"> <div id="slick1" class="graph-slider slider"> <div class="item"> <figure class="highcharts-figure"> <div class="container-height" id="container"></div> <button class="zoom-icons"> <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/maximize.svg' alt="maximize-icon" width="24" height="24"> </button> </figure> </div> </div> </div> </section> <section class="usecases"> <div class="container"> <div class="usecases-section"> <div class="left-img"> <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/business-cases-bg.jpg' alt="Business Cases"> </div> <div class="solution-content"> <h2 class="commontitle">Business Cases</h2> <ul class="list-usecases"> <li> <span class="count-num"> <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-icon.svg' alt="Business Cases list icon" width="23" height="23"> </span> Understanding raw material price trends </li> <li> <span class="count-num"> <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-icon.svg' alt="Business Cases list icon" width="23" height="23"> </span> Cost analysis </li> <li> <span class="count-num"> <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-icon.svg' alt="Business Cases list icon" width="23" height="23"> </span> Planning procurement and sourcing </li> <li> <span class="count-num"> <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-icon.svg' alt="Business Cases list icon" width="23" height="23"> </span> Helps in better negotiations with vendors and suppliers </li> <li> <span class="count-num"> <img src='https://static.fibre2fashion.com/staticresources/texproresource/projectimages/list-icon.svg' alt="Business Cases list icon" width="23" height="23"> </span> Compare the prices of conventional and sustainable raw materials </li> </ul> <div class="center-btn"> <a data-toggle="modal" data-target="#glassAnimals" id="orangebtn" data-f2feventclicktrack="{"F2FEventName":"CTA Clicked","F2FEventType":"CTA Clicked","F2FBlockName":"Business Cases","F2FSection":"Middle","F2FType":"Static"}" class="orangebtn" onclick="DLTracking('Demo'),openexampleModalLabel('Request A Demo')" aria-label="Request A Demo">Request A Demo</a> <a class="freetrial-btn" data-toggle="modal" id="bluecolor" data-f2feventclicktrack="{"F2FEventName":"CTA Clicked","F2FEventType":"CTA Clicked","F2FBlockName":"Business Cases","F2FSection":"Middle","F2FType":"Static"}" data-target="#glassAnimalsfreetrial" onclick="DLTracking('Trial')"> Start Your Free Trial <div class="tooltip"> <img src="https://static.fibre2fashion.com/staticresources/texproresource/projectimages/info-img.svg" alt="info-icon" width="16" height="16"> <div class="info-tooltip"> <ul> <li>Please register with your business email only.</li> <li>Trial access period will be allowed for 3 days for both modules combined - Textile & Apparel as well as Technical Textiles</li> <li>You shall be notified on your registered email once the trial is activated</li> </ul> </div> </div> </a> <div class="tooltip mobile-info"> <img src="https://static.fibre2fashion.com/staticresources/texproresource/projectimages/info-img.svg" alt="info-icon" width="16" height="16"> <div class="info-tooltip"> <ul> <li>Please register with your business email only.</li> <li>Trial access period will be allowed for 3 days for both modules combined - Textile & Apparel as well as Technical Textiles</li> <li>You shall be notified on your registered email once the trial is activated</li> </ul> </div> </div> <div class="registered-link"> Already Registered? <a id="LoginButton" data-f2feventclicktrack="{"F2FEventName":"CTA Clicked","F2FEventType":"CTA Clicked","F2FBlockName":"Business Cases","F2FSection":"Middle","F2FType":"Static"}" href="https://members.fibre2fashion.com/?myurl=https://texpro.fibre2fashion.com/ta/" target="_blank">Log in Here</a></div> </div> <script> function DLTracking(val) { if (val == 'Demo') { if (window.location.href.includes('texpro-technical-textile')) { DataLayerTracking('TexPro TT - Demo Button', 'TexPro TT Service Page', 'Request Demo Button Click', '') } else { DataLayerTracking('TexPro TA - Demo Button', 'TexPro TA Service Page', 'Request Demo Button Click', '') } } if (val == 'Trial') { if (window.location.href.includes('texpro-technical-textile')) { DataLayerTracking('TexPro TT - startTrialButtonClick', 'TexPro TT Service Page', 'Start Trial Button Click', "") } else { DataLayerTracking('TexPro TA - startTrialButtonClick', 'TexPro TA Service Page', 'Start Trial Button Click', "") } } } </script> <script> $(document).ready(function () { var queryString = window.location.href; if (queryString.toLowerCase().includes("isautotrial=y") == true) { $('#glassAnimalsfreetrial').modal('show'); } }); function openexampleModalLabel(text) { debugger; $("#inqthanks").hide(); $("#inqfrm").show(); OpenFormWithData(); $("#glassAnimals #exampleModalLabel").text(text); } //$("#orangebtn1").click(function (e) { // $("#inqthanks").hide(); // $("#inqfrm").show(); // OpenFormWithData(); // $("#exampleModalLabel").text("Request A Demo"); //}); //$("#bluecolor").click(function () { // $("#freetrialModalLabel").text("FREE Trial"); //}); // Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks on the button, open the modal btn.onclick = function () { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function () { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function (event) { if (event.target == modal) { modal.style.display = "none"; } } </script> </div> </div> <div class="clearfix"></div> </div> </section> <section class="faq"> <div class="container"> <h2 class="commontitle">Frequently Asked Questions</h2> <div class="faq-list"> <ul class="accordion-list" id="accordion"> <li> <h3 class="mixpaneleventtrack">How frequently is the Raw Material Prices module updated?</h3> <div class="answer"> <p> 80% of commodities in this module are updated on a daily basis, whereas rest of the products are updated on a weekly or monthly basis.</p> </div> </li> <li> <h3 class="mixpaneleventtrack">How are exchange rates applied on the prices?</h3> <div class="answer"> <p> Based on the date or time period selected, the average exchange rates are applied.</p> </div> </li> <li> <h3 class="mixpaneleventtrack">Are these prices from any specific mills?</h3> <div class="answer"> <p> No, the prices published on TexPro are not from any particular mill. The prices are market average rates.</p> </div> </li> <li> <h3 class="mixpaneleventtrack">Can I use this rate for buying raw materials?</h3> <div class="answer"> <p> This price should be used as the reference to study the price movement and trends in different markets.</p> </div> </li> <li> <h3 class="mixpaneleventtrack">How raw material prices in TexPro are forecast?</h3> <div class="answer"> <p> Raw material price forecast in TexPro is done using statistical forecast model.</p> </div> </li> </ul> </div> </div> </section> <script> $(document).ready(function () { $('.accordion-list > li > .answer').hide(); $('.accordion-list > li').click(function () { if ($(this).hasClass("active")) { $(this).removeClass("active").find(".answer").slideUp(); //alert("close"); } else { $(".accordion-list > li.active .answer").slideUp(); $(".accordion-list > li.active").removeClass("active"); $(this).addClass("active").find(".answer").slideDown(); var myObject = { F2FEventType: 'FAQ Opened', F2FEventName: 'FAQ Opened', F2FSection: 'Texpro Marketing FAQ', F2FType: 'Static', F2FText: $(this).find('.mixpaneleventtrack').text().trim() }; //console.log(myObject); MixpanelWrapper.EventTracking(myObject); } return false; }); }); </script> </div> <div class="modal fade" id="AllProducts" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h5 class="commontitle" id="exampleModalLabel2">All Products</h5> <ul class="products-list"> <li><i class="fa fa-circle" aria-hidden="true"></i> Acrylic Value Chain </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Cotton Yarn </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Crude Oil </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Nylon Value Chain </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Polyester Value Chain </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Polyolefin </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Spandex </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Viscose Value Chain </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Wool </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Cotton Fibre </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Naphtha </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Flax </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Leather </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Blended Yarn </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Rubber </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Sustainable Textile </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Luxury Fibre </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Jute </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Silk </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Coir </li> <li><i class="fa fa-circle" aria-hidden="true"></i> Cotton Future </li> </ul> </div> </div> </div> </div> <script src="https://code.highcharts.com/stock/highstock.js"></script> <script src="https://code.highcharts.com/stock/modules/data.js"></script> <script src="https://code.highcharts.com/stock/modules/exporting.js"></script> <script> $(document).ready(function () { LoadChart(); }); $(document).ready(function () { $('.items').slick({ dots: true, infinite: true, speed: 2000, autoplay: true, arrows: false, slidesToShow: 3, slidesToScroll: 3, responsive: [ { breakpoint: 1025, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true } } ] }); }); $(document).ready(function () { $('.graph-slider').slick({ slidesToShow: 1, slidesToScroll: 1, autoplay: true, arrows: false, speed: 2000, dots: true, responsive: [ { breakpoint: 520, settings: { slidesToShow: 1, slidesToScroll: 1, } }] }); }); function convertToJSONDate(strDate) { var dt = new Date(strDate); var newDate = new Date(Date.UTC(dt.getFullYear(), dt.getMonth(), dt.getDate(), dt.getHours(), dt.getMinutes(), dt.getSeconds(), dt.getMilliseconds())); return '/Date(' + newDate.getTime() + ')/'; } function LoadChart() { const categories = [['Jan 2022'], ['Fab 2022'], ['Mar 2022'], ['Apr 2022'], ['May 2022'], ['Jun 2022'], ['Jul 2022'], ['Aug 2022'], ['Sep 2022'], ['Oct 2022'], ['Nov 2022'], ['Dec 2022'], ['Jan 2023']] // ParameterName const NorthSea = [[106.22], [194.1], [312.46], [206.19], [111.77], [217.24], [104.84], [97.74], [90.57], [93.37], [105.92], [125.3], [181.14]]; const NewYork = [[83.7], [91.6], [108.26], [101.89], [109.63], [114], [99.82], [91.48], [83.92], [86.9], [84.09], [76.66], [75.92]]; const Texas = [[93.7], [99.6], [208.26], [201.89], [209.63], [75], [109.82], [101.48], [77.92], [96.9], [94.09], [200.66], [85.92]]; let chart = Highcharts.chart('container', { chart: { type: 'line' }, title: { text: 'Crude Oil' }, xAxis: { categories: categories }, yAxis: { title: { text: 'USD/Brl' } }, responsive: { rules: [{ condition: { maxWidth: 100, }, chartOptions: { legend: { enabled: false } } }] }, series: [{ name: 'North Sea', data: NorthSea }, { name: 'New York', data: NewYork }, { name: 'Texas', data: Texas }], tooltip: { formatter: function () { var val = this.y; if (val >= 1000) { val = Highcharts.numberFormat(val, 2, ".", ","); } else { val = Highcharts.numberFormat(val, 2, ".", ","); } return `${this.x}<br/>${this.series.name} : <b>${val}</b>`; } }, exporting: { buttons: { contextButton: { menuItems: [ 'viewFullscreen' ] } } } }); ViewFullscreenBtn('container', chart); } //function LoadChart() { // const NorthSea = [['/Date(1678060800000)/', 85.83], ['/Date(1678147200000)/', 83.29], ['/Date(1678233600000)/', 82.66], ['3-9-2023', 81.59], ['3-10-2023', 82.78], ['3-11-2023', 80.77], ['3-12-2023', 77.45], ['3-13-2023', 73.69], ['3-14-2023', 74.7], ['3-15-2023', 72.97], ['3-16-2023', 73.79], ['3-17-2023', 75.32], ['3-18-2023', 76.69], ['3-19-2023', 75.91], ['3-20-2023', 74.99], ['3-21-2023', 78.12], ['3-22-2023', 78.65], ['3-23-2023', 78.28], ['3-24-2023', 79.27], ['3-25-2023', 79.77], ['3-26-2023', 84.93], ['3-27-2023', 84.94], ['3-28-2023', 84.99]]; // const NewYork = [['/Date(1678060800000)/', 79.68], ['/Date(1678147200000)/', 77.58], ['/Date(1678233600000)/', 76.66], ['3-9-2023', 75.72], ['3-10-2023', 76.68], ['3-11-2023', 74.8], ['3-12-2023', 71.33], ['3-13-2023', 67.61], ['3-14-2023', 68.35], ['3-15-2023', 66.74], ['3-16-2023', 67.64], ['3-17-2023', 69.33], ['3-18-2023', 70.9], ['3-19-2023', 69.96], ['3-20-2023', 69.26], ['3-21-2023', 72.81], ['3-22-2023', 73.2], ['3-23-2023', 72.97], ['3-24-2023', 74.37], ['3-25-2023', 75.67], ['3-26-2023', 80.42], ['3-27-2023', 80.71], ['3-28-2023', 80.61]]; // const Texas = [['/Date(1678060800000)/', 79.68], ['/Date(1678147200000)/', 77.58], ['/Date(1678233600000)/', 76.66], ['3-9-2023', 75.72], ['3-10-2023', 76.68], ['3-11-2023', 74.8], ['3-12-2023', 71.33], ['3-13-2023', 67.61], ['3-14-2023', 68.35], ['3-15-2023', 66.74], ['3-16-2023', 67.64], ['3-17-2023', 69.33], ['3-18-2023', 70.9], ['3-19-2023', 69.96], ['3-20-2023', 69.26], ['3-21-2023', 72.81], ['3-22-2023', 73.2], ['3-23-2023', 72.97], ['3-24-2023', 74.37], ['3-25-2023', 75.67], ['3-26-2023', 80.42], ['3-27-2023', 80.71], ['3-28-2023', 80.61]]; // let chart = Highcharts.stockChart('container', { // rangeSelector: { // allButtonsEnabled: true, // buttons: [{ // type: 'month', // count: 3, // text: 'Day', // dataGrouping: { // forced: true, // units: [['day', [1]]] // } // }, { // type: 'all', // text: 'All', // dataGrouping: { // forced: true, // units: [['all', [1]]] // } // }], // buttonTheme: { // width: 60 // }, // selected: 2 // }, // title: { // text: 'Time Series Chart' // }, // subtitle: { // text: '' // }, // _navigator: { // enabled: false // }, // series: [{ // name: 'North Sea', // data: NorthSea, // marker: { // enabled: null, // auto // radius: 3, // lineWidth: 1, // lineColor: '#FFFFFF' // }, // tooltip: { // valueDecimals: 2 // } // }, // { // name: 'New York', // data: NewYork, // marker: { // enabled: null, // auto // radius: 3, // lineWidth: 1, // lineColor: '#FFFFFF' // }, // tooltip: { // valueDecimals: 2 // } // }, // { // name: 'Texas', // data: Texas, // marker: { // enabled: null, // auto // radius: 3, // lineWidth: 1, // lineColor: '#FFFFFF' // }, // tooltip: { // valueDecimals: 2 // } // }], // exporting: { // buttons: { // contextButton: { // menuItems: [ // 'viewFullscreen' // ] // } // } // } // }); // //}); // ViewFullscreenBtn(str, chart); //} const accordions = document.querySelectorAll(".accordion"); accordions.forEach((accordion, index) => { const header = accordion.querySelector(".accordion__header"); const content = accordion.querySelector(".accordion__content"); const icon = accordion.querySelector("#accordion-icon"); header.addEventListener("click", () => { const isOpen = content.style.height === `${content.scrollHeight}px`; accordions.forEach((a, i) => { const c = a.querySelector(".accordion__content"); const ic = a.querySelector("#accordion-icon"); c.style.height = i === index && !isOpen ? `${c.scrollHeight}px` : "0px"; ic.classList.toggle("ri-add-line", i !== index || !isOpen); ic.classList.toggle("ri-subtract-fill", i === index && !isOpen); }); }); }); </script> <script type="text/javascript"> $(document).ready(function () { MixpanelF2FEventAttributes.F2FPageName = "TexPro TA"; MixpanelF2FEventAttributes.F2FIsDomainOnly = "False"; MixpanelF2FEventAttributes.F2FIsSubdomainOnly = "False"; MixpanelF2FEventAttributes.F2FIsTopPage = "False"; MixpanelF2FEventAttributes.F2FIsHome = "False"; MixpanelF2FEventAttributes.F2FIsList = "True"; MixpanelF2FEventAttributes.F2FIsDetail = "False"; MixpanelF2FEventAttributes.F2FIsCategory = "True"; MixpanelF2FEventAttributes.F2FCategory = "Raw Material Prices"; }); </script> <footer> <div class="social-bg"> <div class="container"> <div id="contactus"> <strong>For more details   </strong><span><img src="/market-intelligence/texpro-textile-and-apparel/Content/images/email-icon.svg" alt="Call" width="13"> <a href="mailto:marketing@fibre2fashion.com" aria-label="marketing@fibre2fashion.com">marketing@fibre2fashion.com</a></span> </div> <div class="footer-social"> <ul> <li> <a itemprop="sameAs" href="https://www.linkedin.com/company/fibre2fashion" target="_blank" aria-label="linkedin" data-f2feventclicktrack="{"F2FEventName":"Icon Clicked","F2FEventType":"Icon","F2FSection":"Footer","F2FType":"Static","F2FText":"LinkedIn"}"> <svg class="linkdin" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.9187 20.6879H16.5875V15.2926C16.5875 14.0061 16.5625 12.3502 14.85 12.3502C13.1137 12.3502 12.8488 13.7503 12.8488 15.1983V20.6879H9.51625V9.59375H12.7162V11.105H12.76C13.2075 10.2344 14.295 9.31346 15.92 9.31346C19.295 9.31346 19.92 11.61 19.92 14.5977V20.6879H19.9187ZM5.75375 8.07604C5.49944 8.07638 5.24757 8.02485 5.01258 7.92441C4.77758 7.82396 4.56408 7.67658 4.38432 7.4907C4.20456 7.30483 4.06207 7.08412 3.96501 6.84122C3.86796 6.59833 3.81826 6.33803 3.81875 6.07525C3.819 5.67979 3.93272 5.29328 4.14555 4.96461C4.35838 4.63593 4.66074 4.37985 5.01441 4.22875C5.36808 4.07765 5.75717 4.03831 6.13248 4.11571C6.50778 4.19312 6.85244 4.38378 7.12288 4.6636C7.39332 4.94341 7.57739 5.29981 7.65181 5.68773C7.72623 6.07564 7.68766 6.47765 7.54098 6.84291C7.39429 7.20817 7.14608 7.52029 6.82774 7.73978C6.50939 7.95928 6.13521 8.0763 5.7525 8.07604H5.75375ZM7.42375 20.6879H4.0825V9.59375H7.425V20.6879H7.42375ZM21.5875 0.875H2.41125C1.49125 0.875 0.75 1.62417 0.75 2.55029V22.4497C0.75 23.3758 1.4925 24.125 2.41 24.125H21.5825C22.5 24.125 23.25 23.3758 23.25 22.4497V2.55029C23.25 1.62417 22.5 0.875 21.5825 0.875H21.5863H21.5875Z" fill="#000000"></path> </svg> </a> </li> <li> <a itemprop="sameAs" href="https://www.facebook.com/fibre2fashion/" target="_blank" aria-label="facebook" data-f2feventclicktrack="{"F2FEventName":"Icon Clicked","F2FEventType":"Icon","F2FSection":"Footer","F2FType":"Static","F2FText":"Facebook"}"> <svg class="fb" width=" 26" height="26" viewBox="0 0 26 26" fill="#000000" xmlns="http://www.w3.org/2000/svg"> <path d="M13 0.972168C6.09625 0.972168 0.5 6.56842 0.5 13.4722C0.5 19.7109 5.07125 24.8822 11.0475 25.8209V17.0847H7.8725V13.4722H11.0475V10.7184C11.0475 7.58592 12.9125 5.85592 15.7688 5.85592C17.1362 5.85592 18.5662 6.09967 18.5662 6.09967V9.17467H16.9912C15.4375 9.17467 14.9537 10.1384 14.9537 11.1272V13.4722H18.42L17.8662 17.0847H14.9537V25.8209C20.9287 24.8834 25.5 19.7097 25.5 13.4722C25.5 6.56842 19.9037 0.972168 13 0.972168Z" fill="#000000"></path> </svg> </a> </li> <li> <a itemprop="sameAs" href="https://twitter.com/fibre2fashion" target="_blank" aria-label="twitter" data-f2feventclicktrack="{"F2FEventName":"Icon Clicked","F2FEventType":"Icon","F2FSection":"Footer","F2FType":"Static","F2FText":"Twitter"}"> <svg width="25" height="30" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_7117_39)"> <rect width="30" height="30" transform="matrix(-1 0 0 1 20 -10)"></rect> <path d="M7.5 11L1.8196 18H5L9 13L12.4767 18H18.3333L12.4767 9.66078L17.3333 3H14.5L10.8121 7.78125L7.80039 3H2.33333L7.5 11ZM10.8121 10.4183L15.5326 17.0239H14.4999L10.6886 11.6911L10.0969 10.86L5.14358 3.9283H6.17635L10.8121 10.4183Z" fill="#000000"></path> </g> <defs> <clipPath id="clip0_7117_39"> <rect width="20" height="20" fill="white" transform="matrix(-1 0 0 -1 20 20)"></rect> </clipPath> </defs> </svg> </a> </li> <li> <a itemprop="sameAs" href="https://www.youtube.com/c/Fibre2FashionPvtLtd" target="_blank" aria-label="youtube" data-f2feventclicktrack="{"F2FEventName":"Icon Clicked","F2FEventType":"Icon","F2FSection":"Footer","F2FType":"Static","F2FText":"YouTube"}"> <svg class="yt" width="26" height="21" viewBox="0 0 26 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24.9287 3.39333C25.5 5.69508 25.5 10.5001 25.5 10.5001C25.5 10.5001 25.5 15.3051 24.9287 17.6068C24.6112 18.8791 23.6825 19.8802 22.5062 20.2186C20.37 20.8334 13 20.8334 13 20.8334C13 20.8334 5.63375 20.8334 3.49375 20.2186C2.3125 19.875 1.385 18.8752 1.07125 17.6068C0.5 15.3051 0.5 10.5001 0.5 10.5001C0.5 10.5001 0.5 5.69508 1.07125 3.39333C1.38875 2.12104 2.3175 1.12 3.49375 0.781581C5.63375 0.166748 13 0.166748 13 0.166748C13 0.166748 20.37 0.166748 22.5062 0.781581C23.6875 1.12516 24.615 2.12491 24.9287 3.39333ZM10.5 15.0209L18 10.5001L10.5 5.97925V15.0209Z" fill="#000000"></path> </svg> </a> </li> <li> <a itemprop="sameAs" href="https://www.instagram.com/fibre2fashion/" target="_blank" aria-label="instagram" data-f2feventclicktrack="{"F2FEventName":"Icon Clicked","F2FEventType":"Icon","F2FSection":"Footer","F2FType":"Static","F2FText":"Instagram"}"> <svg class="insta" width="26" height="27" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13 0.583252C16.3962 0.583252 16.82 0.596169 18.1525 0.660752C19.4837 0.725335 20.39 0.941044 21.1875 1.26138C22.0125 1.58946 22.7075 2.03379 23.4025 2.75067C24.0381 3.39637 24.5299 4.17743 24.8438 5.0395C25.1525 5.86229 25.3625 6.80004 25.425 8.17567C25.4838 9.55259 25.5 9.99046 25.5 13.4999C25.5 17.0094 25.4875 17.4473 25.425 18.8242C25.3625 20.1998 25.1525 21.1363 24.8438 21.9603C24.5308 22.8229 24.0389 23.6041 23.4025 24.2492C22.7775 24.9058 22.0216 25.4139 21.1875 25.7385C20.3912 26.0575 19.4837 26.2745 18.1525 26.3391C16.82 26.3998 16.3962 26.4166 13 26.4166C9.60375 26.4166 9.18 26.4037 7.8475 26.3391C6.51625 26.2745 5.61 26.0575 4.8125 25.7385C3.97791 25.4149 3.22191 24.9066 2.5975 24.2492C1.96176 23.6036 1.46991 22.8225 1.15625 21.9603C0.84625 21.1375 0.6375 20.1998 0.575 18.8242C0.51625 17.4473 0.5 17.0094 0.5 13.4999C0.5 9.99046 0.5125 9.55259 0.575 8.17567C0.6375 6.79875 0.84625 5.86359 1.15625 5.0395C1.46905 4.1769 1.961 3.39563 2.5975 2.75067C3.22209 2.09351 3.97804 1.58524 4.8125 1.26138C5.61 0.941044 6.515 0.725335 7.8475 0.660752C9.18 0.600044 9.60375 0.583252 13 0.583252ZM13 7.04159C11.3424 7.04159 9.75268 7.72202 8.58058 8.93319C7.40848 10.1444 6.75 11.7871 6.75 13.4999C6.75 15.2128 7.40848 16.8555 8.58058 18.0667C9.75268 19.2778 11.3424 19.9583 13 19.9583C14.6576 19.9583 16.2473 19.2778 17.4194 18.0667C18.5915 16.8555 19.25 15.2128 19.25 13.4999C19.25 11.7871 18.5915 10.1444 17.4194 8.93319C16.2473 7.72202 14.6576 7.04159 13 7.04159ZM21.125 6.71867C21.125 6.29045 20.9604 5.87978 20.6674 5.57699C20.3743 5.27419 19.9769 5.10409 19.5625 5.10409C19.1481 5.10409 18.7507 5.27419 18.4576 5.57699C18.1646 5.87978 18 6.29045 18 6.71867C18 7.14688 18.1646 7.55756 18.4576 7.86035C18.7507 8.16315 19.1481 8.33325 19.5625 8.33325C19.9769 8.33325 20.3743 8.16315 20.6674 7.86035C20.9604 7.55756 21.125 7.14688 21.125 6.71867ZM13 9.62492C13.9946 9.62492 14.9484 10.0332 15.6517 10.7599C16.3549 11.4866 16.75 12.4722 16.75 13.4999C16.75 14.5276 16.3549 15.5133 15.6517 16.24C14.9484 16.9667 13.9946 17.3749 13 17.3749C12.0054 17.3749 11.0516 16.9667 10.3483 16.24C9.64509 15.5133 9.25 14.5276 9.25 13.4999C9.25 12.4722 9.64509 11.4866 10.3483 10.7599C11.0516 10.0332 12.0054 9.62492 13 9.62492Z" fill="#000000"></path> </svg> </a> </li> </ul> </div> </div> </div> <div class="copyright"> <div class="container"> <div class="f2flogo"> <a href="https://www.fibre2fashion.com/" data-f2feventclicktrack="{"F2FEventName":"Icon Clicked","F2FEventType":"Logo","F2FSection":"Footer","F2FType":"Static","F2FText":"F2F Icon"}" target="_blank" aria-label="Logo"> <img src="https://static.fibre2fashion.com//f2flogo/f2flogo-black.svg" width="230" alt="Fibre2Fashion" itemprop="logo"> </a> </div> <div class="copyrighttxt"><p>Copyright © 2024. All rights reserved by <a href="https://www.fibre2fashion.com/" target="_blank"> Fibre2Fashion Pvt. Ltd.</a> </p></div> </div> </div> </footer>    <script type="text/javascript"> (function (f, b) { if (!b.__SV) { var e, g, i, h; window.mixpanel = b; b._i = []; b.init = function (e, f, c) { function g(a, d) { var b = d.split("."); 2 == b.length && ((a = a[b[0]]), (d = b[1])); a[d] = function () { a.push([d].concat(Array.prototype.slice.call(arguments, 0))); }; } var a = b; "undefined" !== typeof c ? (a = b[c] = []) : (c = "mixpanel"); a.people = a.people || []; a.toString = function (a) { var d = "mixpanel"; "mixpanel" !== c && (d += "." + c); a || (d += " (stub)"); return d; }; a.people.toString = function () { return a.toString(1) + ".people (stub)"; }; i = "disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" "); for (h = 0; h < i.length; h++) g(a, i[h]); var j = "set set_once union unset remove delete".split(" "); a.get_group = function () { function b(c) { d[c] = function () { call2_args = arguments; call2 = [c].concat(Array.prototype.slice.call(call2_args, 0)); a.push([e, call2]); }; } for (var d = {}, e = ["get_group"].concat(Array.prototype.slice.call(arguments, 0)), c = 0; c < j.length; c++) b(j[c]); return d; }; b._i.push([e, f, c]); }; b.__SV = 1.2; e = f.createElement("script"); e.type = "text/javascript"; e.async = !0; e.src = "undefined" !== typeof MIXPANEL_CUSTOM_LIB_URL ? MIXPANEL_CUSTOM_LIB_URL : "file:" === f.location.protocol && "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//) ? "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js" : "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"; g = f.getElementsByTagName("script")[0]; g.parentNode.insertBefore(e, g); } })(document, window.mixpanel || []); </script>  <script type="text/javascript" src="https://static.fibre2fashion.com/staticresources/js/f2f/F2FTrackEvents.min.js?var=3.2"></script> <script> jQuery(document).ready(function () { // Initialize Mixpanel using your project token //Neet to replace this tocken in config of project var mixpanelToken = "2742f3e9fea554656eb263e67f60fa0f"; MixpanelWrapper.init(mixpanelToken); //calling F2FPageview for the Track PageView. MixpanelWrapper.F2FPageview(); MixpanelWrapper.ClickEventTracking(); /*Advertisement Mixpanel impression Tracking Start*/ //MixpanelWrapper.TrackBannerImpression(); /*Advertisement Mixpanel impression Tracking End*/ /*Advertisement Mixpanel Click Tracking Start*/ MixpanelWrapper.TrackBannerClick(); /*Advertisement Mixpanel Click Tracking End*/ /*Initialize the scroll tracking*/ //MixpanelWrapper.trackScrollScreen(); }); </script> <script> $(document).ready(function () { $("#CustomKnowMore").click(function () { if (window.location.href.includes('texpro-technical-textile')) { ButtonTracking('TexproTT KnowMore Button', 'Custom Research Footer CTA', 'TT Know more button click', 'TexproTT KnowMore Button'); } else { ButtonTracking('TexproTA KnowMore Button', 'Custom Research Footer CTA', 'TA Know more button click', 'TexproTA KnowMore Button'); } }); }); var btn = $('#button'); $(window).scroll(function () { if ($(window).scrollTop() > 300) { btn.addClass('show'); } else { btn.removeClass('show'); } }); btn.on('click', function (e) { e.preventDefault(); $('html, body').animate({ scrollTop: 0 }, '300'); }); </script> </div> <div class="modal fade inquiryform" id="glassAnimals" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <form id="frmautotrial" role="form" action="" method="post"> <input id="F2FLeadFormEventData" name="F2FLeadFormEventData" type="hidden"> <div class="modal-body"> <h5 class="modal-title" id="exampleModalLabel">Inquire Now</h5> <button type="button" class="close" data-dismiss="modal" id="closeinquiry" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div id="inqfrm" class="inquirybox"> <div class="form-group float-label-control"> <input type="hidden" id="Question1" name="Question1" value="Please specify your current requirement?" /> <input type="hidden" id="Question2" name="Question2" value="Are you currently using any data source? If yes specify" /> <input id="InquiryFor" name="InquiryFor" type="hidden" value="TexPro Inquiry - TA" /> <input id="CategoryCode" name="CategoryCode" type="hidden" value="1062" /> <input class="form-control text-box single-line" data-val="true" data-val-required="Please enter full name" id="Name" maxlength="100" name="Name" placeholder="Name" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Name" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <input class="form-control text-box single-line" data-val="true" data-val-required="Please enter designation" id="Designation" maxlength="100" name="Designation" placeholder="Designation" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Designation" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <input class="form-control text-box single-line" data-val="true" data-val-email="Please enter valid email address" data-val-required="Please enter emailId" id="EmailId" maxlength="100" name="EmailId" placeholder="Email ID" type="email" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="EmailId" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <input class="form-control text-box single-line" data-val="true" data-val-regex="Not a valid Contact number" data-val-regex-pattern="^[\d-+]+$" data-val-required="Please enter contact number" id="ContactNumber" maxlength="30" name="ContactNumber" placeholder="Contact Number" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="ContactNumber" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <input class="form-control text-box single-line" data-val="true" data-val-required="Please enter company name" id="CompanyName" maxlength="100" name="CompanyName" placeholder="Company Name" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="CompanyName" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <input class="form-control text-box single-line" data-val="true" data-val-regex="Please enter valid website" data-val-regex-pattern="^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(:\d+)?(\/[^\s]*)?$" data-val-required="Please enter website" id="Url" name="Url" placeholder="Website" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Url" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <select class="form-control" data-val="true" data-val-required="Please select country" id="SetCountry" name="Country"><option value="">Country</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azarbaijan">Azarbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia">Bolivia</option> <option value="Bosnia and Herzegovina">Bosnia&Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Brazil">Brazil</option> <option value="Brunei">Brunei</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkino Faso">Burkino Faso</option> <option value="Burundi">Burundi</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Canary Islands">Canary Islands</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Colombia">Colombia</option> <option value="Congo">Congo</option> <option value="Costa Rica">Costa Rica</option> <option value="Cote d Ivoire">Cote d Ivoire</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominican Republic">Dominican Republic</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Estonia">Estonia</option> <option value="Ethiopia">Ethiopia</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="French Polynesia">French Polynesia</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Greece">Greece</option> <option value="Grenada">Grenada</option> <option value="Guatemala">Guatemala</option> <option value="Guinea">Guinea</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iran">Iran</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Ivory Coast">Ivory Coast</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Korea">Korea</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos">Laos</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macau">Macau</option> <option value="Macedonia">Macedonia</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mexico">Mexico</option> <option value="Micronesia">Micronesia</option> <option value="Moldova">Moldova</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="Netherlands Antilles">Netherlands Antilles</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palestine">Palestine</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russia">Russia</option> <option value="Rwanda">Rwanda</option> <option value="Sahara">Sahara</option> <option value="Samoa">Samoa</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Scotland">Scotland</option> <option value="Senegal">Senegal</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Surinam">Surinam</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syria">Syria</option> <option value="Taiwan">Taiwan</option> <option value="Tajikstan">Tajikstan</option> <option value="Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Togo">Togo</option> <option value="Trinidad & Tobago">Trinidad &Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">UAE</option> <option value="United Kingdom">UK</option> <option value="United States Of America">USA</option> <option value="Uruguay">Uruguay</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Vatican city">Vatican city</option> <option value="Venezuela">Venezuela</option> <option value="Vietnam">Vietnam</option> <option value="West Indies">West Indies</option> <option value="Yemen">Yemen</option> <option value="Yugoslavia">Yugoslavia</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> <span class="field-validation-valid text-danger" data-valmsg-for="Country" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <textarea class="form-control" cols="20" data-val="true" data-val-required="Please enter answer" id="Address" name="Address" placeholder="Please specify your current requirement?" rows="2"> </textarea> <span class="field-validation-valid text-danger" data-valmsg-for="Address" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <textarea class="form-control" cols="20" id="Address2" name="Address2" placeholder="Are you currently using any data source? If yes specify (Optional)" rows="2"> </textarea> </div> <div class="bysubmiting"> <p id="TermsCondition">By submitting, you agree to our <a href="https://www.fibre2fashion.com/terms" target="_blank" style="text-decoration: underline !important; color: #7B86A6 !important;"> Terms of Use</a> and <a href="https://www.fibre2fashion.com/policy" target="_blank" style="text-decoration: underline !important; color: #7B86A6 !important;"> Privacy Policy. </a></p> </div> <button class="text-center" id="regist2"> <div class="submit-btn" type="submit" id="btntext">Submit</div> </button> </div> <div id="inqthanks" style="display: none; text-align: center; font-size: 18px; font-weight: bold; padding: 20px; line-height: 22px;"><p>Thank you!</p><p>We will contact you shortly.</p></div> </div> </form> </div> </div> </div> <script> jQuery(document).ready(function () { SetFormDataFromLocalStorage(true, "inqfrm"); }) $('#frmautotrial').on('submit', function (e) { e.preventDefault(); e.stopImmediatePropagation(); AutoTrialSubmit(); }) $("#glassAnimals").on("hidden.bs.modal", function () { // put your default event here clearTimeout(myTimeout); }); function AutoTrialSubmit() { var eventData = JSON.parse("{}"); eventData.F2FEventName = JSConstants.EventName.MIFormSubmitted; eventData.F2FEventType = JSConstants.EventName.MIFormSubmitted; eventData.F2FType = JSConstants.Type.Popup; eventData.F2FFormType = JSConstants.FormType.MI; eventData.F2FFormTitle = $('#exampleModalLabel').text(); $('#F2FLeadFormEventData').val(JSON.stringify(eventData)); TrimInputs("#frmautotrial"); var formData = $("#frmautotrial").serialize(); jQuery.validator.unobtrusive.parse(jQuery("#frmautotrial")); if ($("#frmautotrial").valid()) { $("#btntext").css("cursor", "not-allowed"); document.getElementById("btntext").setAttribute("disabled", true); formData += "&CurrentUrl=" + encodeURIComponent(window.location.href) + "&ReferralUrl=" + encodeURIComponent(document.referrer); var searchUrl = BASEPATHURL + "/TexproV1/SubmitSerInquiryNow"; AjaxCall(searchUrl, formData, "POST", "JSON", 'MagConfirmRegiSuccess'); } } var myTimeout; function MagConfirmRegiSuccess(Data) { if (Data != null && Data.Status == "Success") { var PUrl = 'https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/raw-material-prices'; var country = $("#SetCountry").val(); var name = $("#Name").val(); var designation = $("#Designation").val(); var emailid = $("#EmailId").val(); var contactnumber = $("#ContactNumber").val(); var companyname = $("#CompanyName").val(); var url = $("#Url").val(); if (window.location.href.includes('texpro-technical-textile')) { if ($("#exampleModalLabel").text("Request a demo")) { /*var expara = [{ key: 'page_location', value: PUrl }, { key: 'event_label', value: 'TexproTT DemoForm' }, { key: 'country', value: country }]*/ //DataLayerTracking('TexproTT DemoForm', 'Request a Demo', 'TT Demo form', expara) var expara = [{ key: 'page_location', value: PUrl }, { key: 'name', value: name }, { key: 'emailID', value: emailid }, { key: 'designation', value: designation }, { key: 'companyName', value: companyname }, { key: 'contactNumber', value: contactnumber }, { key: 'website', value: url }, { key: 'country', value: country }] DataLayerTracking('TexPro TT - Request A Demo', 'TexPro TT Service Page', 'Demo Form Submitted', expara) } else { var expara = [{ key: 'page_location', value: PUrl }, { key: 'name', value: name }, { key: 'emailID', value: emailid }, { key: 'designation', value: designation }, { key: 'companyName', value: companyname }, { key: 'contactNumber', value: contactnumber }, { key: 'website', value: url }, { key: 'country', value: country }] DataLayerTracking('TexproTT TrialForm', 'Free Trial', 'TT Trial form', expara) } } else { if ($("#exampleModalLabel").text("Request a demo")) { //var expara = [{ key: 'page_location', value: PUrl }, { key: 'event_label', value: 'TexproTA DemoForm' }, { key: 'country', value: country }] //DataLayerTracking('TexproTA DemoForm', 'Request a Demo', 'TA Demo form', expara) var expara = [{ key: 'page_location', value: PUrl }, { key: 'name', value: name }, { key: 'emailID', value: emailid }, { key: 'designation', value: designation }, { key: 'companyName', value: companyname }, { key: 'contactNumber', value: contactnumber }, { key: 'website', value: url }, { key: 'country', value: country }] DataLayerTracking('TexPro TA - Request A Demo', 'TexPro TA Service Page', 'Demo Form Submitted', expara) } else { var expara = [{ key: 'page_location', value: PUrl }, { key: 'name', value: name }, { key: 'emailID', value: emailid }, { key: 'designation', value: designation }, { key: 'companyName', value: companyname }, { key: 'contactNumber', value: contactnumber }, { key: 'website', value: url }, { key: 'country', value: country }] DataLayerTracking('TexproTA TrialForm', 'Free Trial', 'TA Trial form', expara) } } $("#inqthanks").show(); $("#inqfrm").hide(); $("#exampleModalLabel").hide(); CreateLocalSrorage(Data.LocalStorageData, Data.Email, Data.F2FLeadFormUserEventData, Data.F2FLeadFormEventData); myTimeout = setTimeout(function () { $("#inqthanks").hide(); $("#inqfrm").show(); $("#exampleModalLabel").show(); $('#glassAnimals').modal('hide'); }, 5000); $("#btntext").css("cursor", "pointer"); document.getElementById("btntext").setAttribute("disabled", false); var ClientData = { "myEncData": Data.ExtraData, }; //if (typeof (Storage) !== "undefined") { var jsonOrder = JSON.stringify(ClientData); console.log(jsonOrder); localStorage.myData = jsonOrder; //} } else { alert("Somthing wrong. Please try again.") } } </script> <form id="autotrialform"> <input id="F2FTexProFormEventData" name="F2FTexProFormEventData" type="hidden"> <div class="modal fade inquiryform" id="glassAnimalsfreetrial" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <h5 class="modal-title" id="exampleModalLabel1">Start Your Free Trial</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div id="inqautotrialfrm" class="inquirybox"> <div class="form-group float-label-control"> <input type="hidden" id="Question1" name="Question1" value="Please specify your current requirement?" /> <input type="hidden" id="Question2" name="Question2" value="Are you currently using any data source? If yes specify" /> <input class="form-control text-box single-line" data-val="true" data-val-required="Please enter full name" id="Name" maxlength="100" name="Name" placeholder="Name" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Name" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <input class="form-control text-box single-line" data-val="true" data-val-required="Please enter designation" id="Designation" maxlength="100" name="Designation" placeholder="Designation" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Designation" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <input autocomplete="off" class="form-control text-box single-line" data-val="true" data-val-email="Please enter valid email address" data-val-required="Please enter emailId" id="Email" maxlength="100" name="Email" onblur="IsEmailAllow()" placeholder="Business Email" type="email" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Email" data-valmsg-replace="true"></span> <span id="ErrorMsg" class="text-danger" style="display:none"></span> </div> <div class="form-group float-label-control"> <input class="form-control text-box single-line" data-val="true" data-val-regex="Not a valid Contact number" data-val-regex-pattern="^[\d-+]+$" data-val-required="Please enter contact number" id="ContactNumber" maxlength="100" name="ContactNumber" placeholder="Phone" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="ContactNumber" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <input class="form-control text-box single-line" data-val="true" data-val-required="Please enter company name" id="CompanyName" maxlength="100" name="CompanyName" placeholder="Company Name" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="CompanyName" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <input class="form-control text-box single-line" data-val="true" data-val-regex="Please enter valid website" data-val-regex-pattern="^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(:\d+)?(\/[^\s]*)?$" data-val-required="Please enter website" id="Url" name="Url" placeholder="Website" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Url" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <select class="form-control" data-val="true" data-val-required="Please select country" id="SetCountry" name="Country"><option value="">Country</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azarbaijan">Azarbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia">Bolivia</option> <option value="Bosnia and Herzegovina">Bosnia&Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Brazil">Brazil</option> <option value="Brunei">Brunei</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkino Faso">Burkino Faso</option> <option value="Burundi">Burundi</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Canary Islands">Canary Islands</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Colombia">Colombia</option> <option value="Congo">Congo</option> <option value="Costa Rica">Costa Rica</option> <option value="Cote d Ivoire">Cote d Ivoire</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominican Republic">Dominican Republic</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Estonia">Estonia</option> <option value="Ethiopia">Ethiopia</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="French Polynesia">French Polynesia</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Greece">Greece</option> <option value="Grenada">Grenada</option> <option value="Guatemala">Guatemala</option> <option value="Guinea">Guinea</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iran">Iran</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Ivory Coast">Ivory Coast</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Korea">Korea</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos">Laos</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macau">Macau</option> <option value="Macedonia">Macedonia</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mexico">Mexico</option> <option value="Micronesia">Micronesia</option> <option value="Moldova">Moldova</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="Netherlands Antilles">Netherlands Antilles</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palestine">Palestine</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russia">Russia</option> <option value="Rwanda">Rwanda</option> <option value="Sahara">Sahara</option> <option value="Samoa">Samoa</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Scotland">Scotland</option> <option value="Senegal">Senegal</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Surinam">Surinam</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syria">Syria</option> <option value="Taiwan">Taiwan</option> <option value="Tajikstan">Tajikstan</option> <option value="Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Togo">Togo</option> <option value="Trinidad & Tobago">Trinidad &Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">UAE</option> <option value="United Kingdom">UK</option> <option value="United States Of America">USA</option> <option value="Uruguay">Uruguay</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Vatican city">Vatican city</option> <option value="Venezuela">Venezuela</option> <option value="Vietnam">Vietnam</option> <option value="West Indies">West Indies</option> <option value="Yemen">Yemen</option> <option value="Yugoslavia">Yugoslavia</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> <span class="field-validation-valid text-danger" data-valmsg-for="Country" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <select class="form-control" data-val="true" data-val-required="Please select industry sector" id="InquirySector" name="Category"><option value="">Industry Sector</option> <option value="Garment-Manufacturer">Garment-Manufacturer</option> <option value="Garment-Importer">Garment-Importer</option> <option value="Garment-Buying House">Garment-Buying House</option> <option value="Garment-Stocklot Dealer">Garment-Stocklot Dealer</option> <option value="Fabrics-Manufacturer">Fabrics-Manufacturer</option> <option value="Fabrics-Importer">Fabrics-Importer</option> <option value="Fabrics-Buying House">Fabrics-Buying House</option> <option value="Fabrics-Stocklot Dealer">Fabrics-Stocklot Dealer</option> <option value="Fibre-Manufacturer">Fibre-Manufacturer</option> <option value="Fibre-Importer">Fibre-Importer</option> <option value="Fibre-Buying House">Fibre-Buying House</option> <option value="Accessories-Manufacturer">Accessories-Manufacturer</option> <option value="Accessories-Importer">Accessories-Importer</option> <option value="Accessories-Dealer">Accessories-Dealer</option> <option value="Machinery-Manufacturer">Machinery-Manufacturer</option> <option value="Machinery-Importer">Machinery-Importer</option> <option value="Machinery-Dealer">Machinery-Dealer</option> <option value="Equipment-Manufacturer">Equipment-Manufacturer</option> <option value="Equipment-Importer">Equipment-Importer</option> <option value="Equipment-Dealer">Equipment-Dealer</option> <option value="Clothing Accessory-Manufacturer">Clothing Accessory-Manufacturer</option> <option value="Clothing Accessory-Importer">Clothing Accessory-Importer</option> <option value="Clothing Accessory-Dealer">Clothing Accessory-Dealer</option> <option value="Yarn-Manufacturer">Yarn-Manufacturer</option> <option value="Yarn-Importer">Yarn-Importer</option> <option value="Yarn-Buying House">Yarn-Buying House</option> <option value="Dyes & Chemicals-Manufacturer">Dyes & Chemicals-Manufacturer</option> <option value="Dyes & Chemicals-Importer">Dyes & Chemicals-Importer</option> <option value="Dyes & Chemicals-Dealer">Dyes & Chemicals-Dealer</option> <option value="Leather-Manufacturer">Leather-Manufacturer</option> <option value="Leather-Importer">Leather-Importer</option> <option value="Leather-BuyingHouse">Leather-BuyingHouse</option> <option value="Leather-Stocklot Dealer">Leather-Stocklot Dealer</option> <option value="HomeTextile-Manufacturer">HomeTextile-Manufacturer</option> <option value="HomeTextile-Importer">HomeTextile-Importer</option> <option value="HomeTextile-BuyingHouse">HomeTextile-BuyingHouse</option> <option value="HomeTextile-Stocklot Dealer">HomeTextile-Stocklot Dealer</option> <option value="Technical Textiles-Manufacturer">Technical Textiles-Manufacturer</option> <option value="Technical Textiles-Importer">Technical Textiles-Importer</option> <option value="Technical Textiles-Dealer">Technical Textiles-Dealer</option> <option value="Handloom-Manufacturer">Handloom-Manufacturer</option> <option value="Handloom-Importer">Handloom-Importer</option> <option value="Handloom-Dealer">Handloom-Dealer</option> <option value="Garment-Consultant">Garment-Consultant</option> <option value="Texile-Consultant">Texile-Consultant</option> <option value="Finance-Consultant">Finance-Consultant</option> <option value="Custom-Consultant">Custom-Consultant</option> <option value="Shipping-Carrier">Shipping-Carrier</option> <option value="Shipping-Company">Shipping-Company</option> <option value="Courier-Company">Courier-Company</option> <option value="Logistics-Warehousing">Logistics-Warehousing</option> <option value="Software-IT-Services">Software-IT-Services</option> <option value="JobWork">JobWork</option> <option value="Inspection-Service">Inspection-Service</option> <option value="Laundry-Unit">Laundry-Unit</option> <option value="Agents-Brokers">Agents-Brokers</option> <option value="Trade Organisations">Trade Organisations</option> <option value="Fashion and Image Management">Fashion and Image Management</option> <option value="Packaging">Packaging</option> <option value="Eshops Online Portals-Service">Eshops Online Portals-Service</option> </select> <span class="field-validation-valid text-danger" data-valmsg-for="Category" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <textarea class="form-control" cols="20" data-val="true" data-val-required="Please enter answer" id="Answer1" name="Answer1" placeholder="Please specify your current requirement?" rows="2"> </textarea> <span class="field-validation-valid text-danger" data-valmsg-for="Answer1" data-valmsg-replace="true"></span> </div> <div class="form-group float-label-control"> <textarea class="form-control" cols="20" id="Answer2" name="Answer2" placeholder="Are you currently using any data source? If yes specify (Optional)" rows="2"> </textarea> </div> <div class="bysubmiting"> <p id="TermsCondition">By submitting, you agree to our <a href="https://www.fibre2fashion.com/terms" target="_blank" style="text-decoration: underline !important; color: #7B86A6 !important;"> Terms of Use</a> and <a href="https://www.fibre2fashion.com/policy" target="_blank" style="text-decoration: underline !important; color: #7B86A6 !important;"> Privacy Policy. </a></p> </div> <div class="clearfix"></div> <button class="submit-btn" type="button" id="btnautotrial" onclick="SubmitAutoTrial();">Submit</button> </div> <div id="inqautotrialthanks" style="display: none; text-align: center; font-size: 18px; font-weight: bold; padding: 20px; line-height: 22px;"><p>Thank you for opting for Texpro Auto trial.</p><p>We will contact you shortly.</p></div> </div> </div> </div> </div> </form> <script> jQuery(document).ready(function () { SetFormDataFromLocalStorage(true, "inqautotrialfrm"); }) function IsEmailAllow() { if (jQuery("#Email").val() != null && jQuery("#Email").val() != "") { var formData = { Email: jQuery("#Email").val() } jQuery("#Email").attr("class", "form-control checkEmailValid"); var searchUrl = BASEPATHURL + "/Home/IsEmailAllow"; AjaxCall(searchUrl, formData, "POST", "JSON", 'IsEmailAllowSuccess', null, false); } else { return false; } } function IsEmailAllowSuccess(Data) { if (Data != null && Data.Status == "Success") { jQuery("#Email").attr("class", "form-control"); $("#Email").css("border-color", ""); $('#btnautotrial').removeAttr('disabled'); $("#btnautotrial").css("cursor", "pointer"); $('#ErrorMsg').hide(); } else { $("#Email").attr('class', 'form-control input-validation-error'); $('#ErrorMsg').show(); $('#ErrorMsg').html(Data.Message); $('#btnautotrial').attr('disabled', 'disabled'); $("#btnautotrial").css("cursor", "not-allowed"); } } function SubmitAutoTrial() { var eventData = JSON.parse("{}"); eventData.F2FEventName = JSConstants.EventName.MIFormSubmitted; eventData.F2FEventType = JSConstants.EventName.MIFormSubmitted; eventData.F2FType = JSConstants.Type.Popup; eventData.F2FFormType = JSConstants.FormType.MI; eventData.F2FFormTitle = $('#autotrialform #exampleModalLabel1').text(); $('#F2FTexProFormEventData').val(JSON.stringify(eventData)); TrimInputs("#autotrialform"); var formData = jQuery("#autotrialform").serialize(); jQuery.validator.unobtrusive.parse(jQuery("#autotrialform")); if (jQuery("#autotrialform").valid()) { $('#btnautotrial').attr('disabled', 'disabled'); $("#btnautotrial").css("cursor", "not-allowed"); $('#btnautotrial').addClass('regbtnLoginloding'); formData += "&CurrentUrl=" + encodeURIComponent(window.location.href) + "&ReferralUrl=" + encodeURIComponent(document.referrer); var searchUrl = BASEPATHURL + "/Home/TrialInquiry"; AjaxCall(searchUrl, formData, "POST", "JSON", 'AutoTrialConfirmRegiSuccess'); } } function AutoTrialConfirmRegiSuccess(Data) { if (Data != null && Data.Status == "Success") { const jsonObject = JSON.parse(Data.ExtraData); var country = jsonObject.Country; var name = jsonObject.Name; var designation = jsonObject.Designation; var emailid = jsonObject.Email; var contactnumber = jsonObject.Phone; var companyname = jsonObject.Company; var url = jsonObject.Url; var MBA = jsonObject.MBA; $("#inqautotrialthanks").show(); $("#inqautotrialfrm").hide(); $("#exampleModalLabel1").hide(); CreateLocalSrorage(Data.LocalStorageData, Data.Email, Data.F2FLeadFormUserEventData, Data.F2FLeadFormEventData); setTimeout(function () { $("#inqautotrialthanks").hide(); $("#inqautotrialfrm").show(); $("#exampleModalLabel1").show(); $('#glassAnimalsfreetrial').modal('hide'); $('#btnautotrial').removeAttr('disabled'); $("#btnautotrial").css("cursor", "pointer"); $('#btnautotrial').removeClass('regbtnLoginloding'); }, 5000); if (window.location.href.includes('texpro-technical-textile')) { //var expara = [{ key: 'page_location', value: PUrl }, { key: 'event_label', value: 'TexproTT FreeTrial' }, { key: 'country', value: country }] //DataLayerTracking('TexproTT TrialForm', 'Free Trial', 'TT Trial form', expara) var expara = [{ key: 'name', value: name }, { key: 'emailID', value: emailid }, { key: 'designation', value: designation }, { key: 'companyName', value: companyname }, { key: 'contactNumber', value: contactnumber }, { key: 'website', value: url }, { key: 'country', value: country }, { key: 'industrySector', value: MBA }] DataLayerTracking('TexPro TT - startTrialFormSubmission', 'TexPro TT Service Page', 'Trial Form Submitted', expara) } else { //var expara = [{ key: 'page_location', value: PUrl }, { key: 'event_label', value: 'TexproTA FreeTrial' }, { key: 'country', value: country }] //DataLayerTracking('TexproTA TrialForm', 'Free Trial', 'TA Trial form', expara) var expara = [{ key: 'name', value: name }, { key: 'emailID', value: emailid }, { key: 'designation', value: designation }, { key: 'companyName', value: companyname }, { key: 'contactNumber', value: contactnumber }, { key: 'website', value: url }, { key: 'country', value: country }, { key: 'industrySector', value: MBA }] DataLayerTracking('TexPro TA - startTrialFormSubmission', 'TexPro TA Service Page', 'Trial Form Submitted', expara) } } else { console.log("Somthing wrong. Please try again.") } } </script> <script defer type="text/javascript" src="https://static.fibre2fashion.com/StaticResources/js/others/salesiqMI.js?var=1.5"></script> <script defer src="https://code.highcharts.com/highcharts.js"></script> <script defer src="https://code.highcharts.com/modules/series-label.js"></script> <script defer src="https://code.highcharts.com/modules/exporting.js"></script> <script defer src="https://code.highcharts.com/modules/export-data.js"></script> <script defer src="https://code.highcharts.com/modules/accessibility.js"></script> <script defer type="text/javascript" src="https://static.fibre2fashion.com/staticResources/js/jquery/plugins/jquery.validate.min.js"></script> <script defer type="text/javascript" src="https://static.fibre2fashion.com/staticResources/js/jquery/plugins/jquery.validate.unobtrusive.min.js"></script> <script defer type="text/javascript" src="https://static.fibre2fashion.com/staticResources/js/jquery/plugins/jquery-ui.min.js"></script> <script defer type="text/javascript" src="https://static.fibre2fashion.com/staticResources/js/f2f/plugins/Common.min.js?var=1.8"></script> </body> </html> <script> $(document).ready(function () { var queryString = window.location.href; if (queryString.toLowerCase().includes("isdemo=y") == true) { $("#orangebtn").trigger('click'); } }); // Get all the dropdown from document document.querySelectorAll('.dropdown-toggle').forEach(dropDownFunc); // Dropdown Open and Close function function dropDownFunc(dropDown) { //console.log(dropDown.classList.contains('click-dropdown')); if(dropDown.classList.contains('click-dropdown') === true){ dropDown.addEventListener('click', function (e) { e.preventDefault(); if (this.nextElementSibling.classList.contains('dropdown-active') === true) { // Close the clicked dropdown this.parentElement.classList.remove('dropdown-open'); this.nextElementSibling.classList.remove('dropdown-active'); } else { // Close the opend dropdown closeDropdown(); // add the open and active class(Opening the DropDown) this.parentElement.classList.add('dropdown-open'); this.nextElementSibling.classList.add('dropdown-active'); } }); } if(dropDown.classList.contains('hover-dropdown') === true){ dropDown.onmouseover = dropDown.onmouseout = dropdownHover; function dropdownHover(e){ if(e.type == 'mouseover'){ // Close the opend dropdowns closeDropdown(); // add the open and active class(Opening the DropDown) this.parentElement.classList.add('dropdown-open'); this.nextElementSibling.classList.add('dropdown-active'); } // if(e.type == 'mouseout'){ // // close the dropdown after user leave the list // e.target.nextElementSibling.onmouseleave = closeDropdown; // } } } }; // Listen to the doc click window.addEventListener('click', function (e) { // Close the menu if click happen outside menu if (e.target.closest('.dropdown-container') === null) { // Close the opend dropdown closeDropdown(); } }); // Close the openend Dropdowns function closeDropdown() { //console.log('run'); // remove the open and active class from other opened Dropdown (Closing the opend DropDown) document.querySelectorAll('.dropdown-container').forEach(function (container) { container.classList.remove('dropdown-open') }); document.querySelectorAll('.dropdown-menu').forEach(function (menu) { menu.classList.remove('dropdown-active'); }); } // close the dropdown on mouse out from the dropdown list document.querySelectorAll('.dropdown-menu').forEach(function (dropDownList) { // close the dropdown after user leave the list dropDownList.onmouseleave = closeDropdown; }); /* count script start*/ /* count script start*/ $.fn.jQuerySimpleCounter = function (options) { var settings = $.extend({ start: 0, end: 100, easing: 'swing', duration: 800, complete: '' }, options); var thisElement = $(this); $({ count: settings.start }).animate({ count: settings.end }, { duration: settings.duration, easing: settings.easing, step: function () { var mathCount = Math.ceil(this.count); thisElement.text(mathCount); }, complete: settings.complete }); }; let counter_loaded = false; function startCounters() { counter1 = $('#number1').jQuerySimpleCounter({ end: 0, duration: 3000 }); counter2 = $('#number2').jQuerySimpleCounter({ end: 0, duration: 3000 }); counter3 = $('#number3').jQuerySimpleCounter({ end: 0, duration: 3000 }); counter_loaded = true; } $(window).on('scroll', function () { if ($(this).scrollTop() > 100 && !counter_loaded) { startCounters(); } }); /* count script end*/ /* scroll page top */ $(document).on('click', 'a[href^="#header"]', function (event) { event.preventDefault(); $('html, body').animate({ scrollTop: $($.attr(this, 'href')).offset().top }, 1000); }); /* side navigation start */ /* side navigation end*/ function htmlDecode(input) { var doc = new DOMParser().parseFromString(input, "text/html"); return doc.documentElement.textContent; } function ViewFullscreenBtn(container, chart) { $("#" + container).parent().on('click', '.zoom-icons', function () { Highcharts.FullScreen = function (container) { this.init(container.parentNode); // main div of the chart }; Highcharts.FullScreen.prototype = { init: function (container) { if (container.requestFullscreen) { container.requestFullscreen(); } else if (container.mozRequestFullScreen) { container.mozRequestFullScreen(); } else if (container.webkitRequestFullscreen) { container.webkitRequestFullscreen(); } else if (container.msRequestFullscreen) { container.msRequestFullscreen(); } let buttons = document.getElementsByClassName("exit-btn") for (var i = 0; i < buttons.length; i++) { buttons[i].classList.add("show"); } } }; chart.fullscreen = new Highcharts.FullScreen(chart.container); }) } Highcharts.setOptions({ chart: { style: { fontSize: '1em' }, events: { load: function () { console.log(this.container); this.renderer.button('✖', this.container.clientWidth - 70, 20) .attr({ zIndex: 3, class: "exit-btn" }) .on('click', function () { closeFullscreen(); }) .add(); } } } }); if (document.addEventListener) { document.addEventListener('fullscreenchange', exitHandler, false); document.addEventListener('mozfullscreenchange', exitHandler, false); document.addEventListener('MSFullscreenChange', exitHandler, false); document.addEventListener('webkitfullscreenchange', exitHandler, false); } function exitHandler() { if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) { let buttons = document.getElementsByClassName("exit-btn") for (var i = 0; i < buttons.length; i++) { buttons[i].classList.remove("show"); } } } function closeFullscreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitExitFullscreen) { /* Safari */ document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { /* IE11 */ document.msExitFullscreen(); } let buttons = document.getElementsByClassName("exit-btn") for (var i = 0; i < buttons.length; i++) { buttons[i].classList.remove("show"); } } function ButtonTracking(eventname, eventcategory, eventAction, event_label, Expare) { var PUrl = 'https://www.fibre2fashion.com/market-intelligence/texpro-textile-and-apparel/raw-material-prices'; var expara = [{ key: 'page_location', value: PUrl }, { key: 'event_label', value: event_label }] if (Expare != null && Expare != undefined) { expara = [{ key: 'page_location', value: PUrl }, { key: 'event_label', value: event_label }, Expare] } DataLayerTracking(eventname, eventcategory, eventAction, expara) } /* write in common js start */ function OpenFormWithData() { var FormDivid = "frmautotrial"; if (typeof (Storage) !== "undefined") { //if (localStorage["myData"]) { var myJson = localStorage.getItem("myData"); var ClientUrl = BASEPATHURL + "/TexproV1/GetDecryptClientData"; $.ajax({ type: 'POST', url: ClientUrl, contentType: "application/json; charset=utf-8", data: myJson, dataType: 'json', success: function (data) { if (data != undefined && data.Status.toLowerCase() == "ok" && data != null && data.Data != "") { var myobj = new Object(); myobj = JSON.parse(data.Message); $('#' + FormDivid + ' input[name="Name"]').val(myobj.Name); $('#' + FormDivid + ' input[name="Designation"]').val(myobj.Designation); $('#' + FormDivid + ' input[name="EmailId"]').val(myobj.Email); $('#' + FormDivid + ' input[name="ContactNumber"]').val(myobj.Phone); $('#' + FormDivid + ' select[name="Country"]').val(myobj.Country); $('#' + FormDivid + ' input[name="CompanyName"]').val(myobj.Company); $('#' + FormDivid + ' input[name="Url"]').val(myobj.Url); } } }) //} } } </script>

CINXE.COM

Global Raw Material Prices - Current & Historical Trends - TexPro