: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="bootstrap.css" media="all" >
font-family: 'Gotham Narrow Bold';
src: local('font/Gotham Narrow Bold'), url('font/GothamNarrow-Bold.woff') format('woff');
background-color: #8ecbe6;
/* padding-top: 100px; */
font-family: 'Gotham Narrow Bold', sans-serif;
.switcher[data-view="1"] {
/* background: gainsboro; */
background-image: linear-gradient(to bottom, #087afb, #295fd6);
border-top: solid #ffffff2b 1px;
border-bottom: solid #00000026 1px;
border-right: solid #ffffff30 1px;
border-left: solid rgba(0, 0, 0, .1) 1px;
text-shadow: 0 1px 0 #22478c;
text-transform: uppercase;
/* box-sizing: border-box; */
background-image: url(images/cpback.jpg);
background-size: 100% 100%;
background-image: linear-gradient(to bottom, #0b478c, #00226d);
box-shadow: 0 0 80px 0 black inset;
background-image: linear-gradient(to bottom, #0d5db7, #153b8e);
box-shadow: 0 0 50px 0 black inset;
background-image: linear-gradient(to bottom, #1d5da7, #07276d);
font-family: 'Gotham Narrow Bold', sans-serif;
.switcher.loading:after {
background-image: url(images/spin.svg);
background-repeat: no-repeat;
background-position: center;
width: 1280px; /* same size as frame */
-ms-zoom: 0.25; /* for IE 8 ONLY */
-ms-transform: scale(0.25);
-moz-transform: scale(0.25);
-o-transform: scale(0.25);
-webkit-transform: scale(0.25);
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var url_string = window.location.href
var url = new URL(url_string);
var club = url.searchParams.get("clubId");
var match = url.searchParams.get("matchId");
var fixtureId = url.searchParams.get("fixtureId");
var matchIdApi = parseInt(match, 10);
var fixtureIdApi = parseInt(fixtureId, 10);
ajaxUrl = 'https://cricclubs.com/liveScoreOverlayData.do?clubId='+club+'&matchId='+matchIdApi;
// Function to get the current view and highlight the control panel button
function grabViewAndApply() {
// var ajaxUrl = ajaxUrl;
success: function(result) {
var returnedData = JSON.parse(result);
if (!$('div[data-view="'+returnedData.view+'"]').hasClass('active')) {
$('.switcher').removeClass('active');
$('div[data-view="'+returnedData.view+'"]').addClass('active');
$('.switcher').removeClass('loading');
// Run this to show active view
$(".switcher").click(function(event) {
if ($(this).hasClass('active')) {
$('.switcher').removeClass('loading');
$(this).addClass('loading');
var ajaxUrlForChangeConfig = '';
ajaxUrlForChangeConfig = 'https://cricclubs.com/matchOverlayConfig.do?clubId='+club+'&matchId='+matchIdApi+'&viewId=' + $(this).attr('data-view');
$("#placeholder").load(ajaxUrlForChangeConfig, function() {
// View is set so now we run this again and highlight the current view
$("#updateMatchSummy").click(function(event) {
var ajaxUrlForChangeConfig = 'https://cricclubs.com/updateLiveStreamURLFromCP.do?clubId='+club+'&matchId='+match+'&liveStreamURL=' + $('#liveStreamingLink').val();
$("#placeholder").load(ajaxUrlForChangeConfig, function() {
<div class="row no-gutters">
<div class="wrap-iframe" style="text-align: center;margin-top: 20px;">
<iframe frameborder="1" class="frame-ifreame" src="https://cricclubs.com/cric/CricClubsLive.do?clubId='+club+'&matchId='+matchIdApi'" width="400px" height="250px" frameborder="0" allowfullscreen></iframe>
<div class="row no-gutters">
<div class="switcher col-md-12" data-view="1"><span>Scorebar</span></div>
<div class="row no-gutters">
<div class="switcher" data-view="1" onclick="localStorage.setItem('targettag', 'test'); localStorage.removeItem('requiretag');"><span>Target</span></div>
<div class="switcher" data-view="1" onclick="localStorage.removeItem('targettag'); localStorage.setItem('requiretag', 'test')"><span>Required</span></div>
<div class="switcher" data-view="1" onclick="localStorage.removeItem('requiretag'); localStorage.removeItem('targettag')"><span>HIDE Target/Require</span></div>
<div class="row no-gutters">
<div class="col-md-4"><div class="switcher" data-view="2"><span>Batting Team 1(I1) <p style="font-size:10px; !important">Ue Falcons</p></span></div></div>
<div class="col-md-4"><div class="switcher" data-view="3"><span>Bowling Team 1(I1) <p style="font-size:10px; !important">Mansua Royals</p></span></div></div>
<!-- <div class="col-md-4"><div class="switcher" data-view="6"><span>Squad Team 1 <p style="font-size:10px; !important">Ue Falcons</p></span></div></div> -->
<div class="row no-gutters">
<div class="col-md-4"><div class="switcher" data-view="4"><span>Batting Team 2(I1) <p style="font-size:10px; !important">Mansua Royals</p> </span></div></div>
<div class="col-md-4"><div class="switcher" data-view="5"><span>Bowling Team 2(I1) <p style="font-size:10px; !important">Ue Falcons</p></span></div></div>
<div class="col-md-4" style="margin-top: -5vmin;"><div class="switcher" data-view="7"><span>LINE UP TEAM <p style="font-size:10px; !important">Mansua Royals</p></span></div></div>
<!-- <div class="row no-gutters">
<div class="col-md-3"><div class="switcher" data-view="13"><span>Intro</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="14"><span>Innings Break</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="15"><span>Drinks Break</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="28"><span>Rain Delay</span></div></div>
<div class="row no-gutters">
<div class="col-md-3"><div class="switcher" data-view="16"><span>Batsman Stats</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="17"><span>Runner Stats</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="18"><span>Bowler Stats</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="19"><span>Out Batsman</span></div></div>
<!-- <div class="row no-gutters">
<div class="col-md-3"><div class="switcher" data-view="24"><span>Batsman Career</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="25"><span>Runner Career</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="26"><span>Bowler Career</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="27"><span>Out Batsman Career</span></div></div>
<div class="row no-gutters">
<div class="col-md-3"><div class="switcher" data-view="23"><span>Partnership</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="8"><span>Summary</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="20"><span>Points Table</span></div></div>
<div class="col-md-3"><div class="switcher" data-view="0"><span>Hide</span></div></div>
<div class="row no-gutters">
<div class="col-md-4"><div class="switcher" data-view="21"><span>Over by Over</span></div></div>
<div class="col-md-4"><div class="switcher" data-view="22"><span>Worm</span></div></div>
<div class="col-md-4"><div class="switcher" data-view="29"><span>Man of the Match</span></div></div>
<!--<div class="topBar"><div class="teamnames"><span class="team1">SSR</span> <span>vs</span> <span class="team2 activeteam">MRA</span></div><div class="score">180/1<span class="overs"> 10.3 OVERS</span></div></div>-->
<!-- <div class="switcher" data-view="1"><span>Scorebar</span></div>
<div class="switcher half-col" data-view="2"><span>Batting Team 1</span></div>
<div class="switcher half-col" data-view="3"><span>Bowling Team 1</span></div>
<div class="switcher half-col" data-view="4"><span>Batting Team 2</span></div>
<div class="switcher half-col" data-view="5"><span>Bowling Team 2</span></div>
<div class="switcher half-col" data-view="6"><span>Squad Team 1</span></div>
<div class="switcher half-col" data-view="7"><span>Squad Team 2</span></div>
<div class="switcher third-col" data-view="13"><span>Intro</span></div>
<div class="switcher third-col" data-view="14"><span>Innings Break</span></div>
<div class="switcher third-col third-fix" data-view="15"><span>Drinks Break</span></div>
<div class="switcher third-col" data-view="16"><span>Batsmen Stats</span></div>
<div class="switcher third-col" data-view="17"><span>Runner Stats</span></div>
<div class="switcher third-col third-fix" data-view="18"><span>Bowler Stats</span></div>
<div class="switcher third-col" data-view="8"><span>Summary</span></div>
<div class="switcher third-col" data-view="20"><span>Points Table</span></div>
<div class="switcher third-col" data-view="0"><span>Hide</span></div> -->
<div id="placeholder"></div>