Lösungen ,besuchte links markieren mit localstorage

besuchte-links-markieren-mit-localstorage.php

Quell Code

<?php
error_reporting(E_ALL); 
ini_set('display_errors', true);

?>


<!DOCTYPE html>
<html lang="de">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 


<meta charset="UTF-8">
<meta name="description" content="                            Crazy Ex-Girlfriend stream deutsch kostenlos in hd auf movie-stream.eu                        ">
<meta name="keywords" content="Crazy Ex-Girlfriend,stream deutsch,kostenlos,moviestream">
<meta name="author" content="MovieStream">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Crazy Ex-Girlfriend</title>    
<link rel="shortcut icon" href="https://movie-stream.eu/uploads/system_logo/favicon.ico">
<!-- Style Sheets -->
<link rel="stylesheet" type="text/css" href="https://movie-stream.eu/assets/front_end/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://movie-stream.eu/assets/front_end/css/additional.css">
<!-- Font Icons -->
<link rel="stylesheet" type="text/css" href="https://movie-stream.eu/assets/front_end/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://movie-stream.eu/assets/front_end/css/ionicons.min.css">
<link rel="stylesheet" type="text/css" href="https://movie-stream.eu/assets/front_end/css/socicon-styles.css">
<!-- Font Icons -->
<link rel="stylesheet" type="text/css" href="https://movie-stream.eu/assets/front_end/css/hover-min.css" />
<link rel="stylesheet" type="text/css" href="https://movie-stream.eu/assets/front_end/css/animate.css" />
<link rel="stylesheet" type="text/css" href="https://movie-stream.eu/assets/front_end/css/styles.css">
<link rel="stylesheet" type="text/css" href="https://movie-stream.eu/assets/front_end/css/responsive.css">
<link rel="stylesheet" type="text/css" href="https://movie-stream.eu/assets/front_end/css/red.css">
<script src="https://movie-stream.eu/assets/front_end/js/jquery-2.2.4.min.js" crossorigin="anonymous"></script>
<link href="https://movie-stream.eu/assets/player/video-js-6.7.3/video-js.css" rel="stylesheet" type="text/css">
<!-- tube skin CSS -->
<link href="https://movie-stream.eu/assets/player/plugins/tube-skin/videojs-tube.min.css" rel="stylesheet"/>
<script src="https://movie-stream.eu/assets/player/video-js-6.7.3/video.min.js" crossorigin="anonymous"></script>
<!-- watermark CSS -->
<link href="https://movie-stream.eu/assets/player/plugins/watermark/videojs-logo.min.css" rel="stylesheet">
<!-- social share CSS -->
<link href="https://movie-stream.eu/assets/player/plugins/videojs-share/videojs-share.css" rel="stylesheet">
<!-- social share CSS -->
<link href="https://movie-stream.eu/assets/player/plugins/videojs-seek-buttons/videojs-seek-buttons.css" rel="stylesheet">
 
<!-- typehead search  -->
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="stylesheet" type="text/css" href="https://movie-stream.eu/assets/front_end/css/auto-complete.css">

 <style>


.bookmarkButton{
    background-color:#70BA4C;
	border:1px solid #448B22;
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:20px;
	padding:6px;
	font-size:11px;
	cursor:move;
	text-shadow:1px 1px 0 green;
}

a.bookmarkButton:hover{
	text-decoration:none;
}

/* Styling the bookmark widget */

ul.latestSharesUL{
	/* The bookmark widet */
	background-color:#f5f5f5;
	margin:0 auto;
	padding:10px;
	width:280px;
	border:1px solid #e0e0e0;
	text-shadow:1px 1px 0 white;
	
	font-size:13px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}

ul.latestSharesUL li{
	/* Each bookmark entry */
	background-color:#FAFAFA;
	border:1px solid #EAEAEA;
	border-bottom:none;
	list-style:none;
	padding:12px;
}

ul.latestSharesUL li:last-child{
	/* Targeting the last element of the set */
	border-bottom:1px solid #EAEAEA;
}

ul.latestSharesUL,
ul.latestSharesUL li{
	/* Adding regular and inset shadows */
	-moz-box-shadow:1px 1px 0 white inset, 0 0 2px white;
	-webkit-box-shadow:1px 1px 0 white inset, 0 0 2px white;
	box-shadow:1px 1px 0 white inset, 0 0 2px white;
}

</style>

</head>
    <body>
<div id="movie-details">
    <div class="container"><div class="row">
                    <div class="col-md-12 col-sm-12">
                            <div class="row">
                    <div class="col-md-12 text-center m-b-10">
                                            </div>
                </div>                   
                <div class="movie-payer">
                    
                                            <!-- From uploads file example mp4,mkv,flv,webm,etc -->
                                                <!-- END from uploads file example mp4,mkv,flv,webm,etc -->                                
                        
                                                
                                                                            <!-- play from embed url  -->
                            <style type="text/css">
                                .video-embed-container {
                                    position: relative;
                                    padding-bottom: 56.25%;
                                    padding-top: 30px; height: 0; overflow: hidden;
                                    }
                                    .video-embed-container iframe,
                                    .video-embed-container object,
                                    .video-embed-container embed {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    }
                            </style>
                    
                                            
                    

                                            <div class="row">
                            <div class="col-md-12  m-t-10 m-b-10">
                                
                                                                 <div class="season">                                        
                                    <p class="btn btn-inline text-uppercase" style="font-size: 14px;color: #055b86"> Staffel 1 | Episoden:: </p>
                                                                               <a href="#" class="btn btn-sm btn-inline btn-success">Folge 1</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 2</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 3</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 4</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 5</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 6</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 7</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 8</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 9</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 10</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 11</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 12</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 13</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 14</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 15</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 16</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 17</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 18</a>
                                                                                
                                    </div>
                                                            
                                                                 <div class="season">                                        
                                    <p class="btn btn-inline text-uppercase" style="font-size: 14px;color: #055b86"> Staffel 2 | Episoden:: </p>
                                                                               <a href="#" class="btn btn-sm btn-inline btn-default">Folge 1</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 2</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 3</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 4</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 5</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 6</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 7</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 8</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 9</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 10</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 11</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 12</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 13</a>
                                                                                
                                    </div>
                                                            
                                                                 <div class="season">                                        
                                    <p class="btn btn-inline text-uppercase" style="font-size: 14px;color: #055b86"> Staffel 3 | Episoden:: </p>
                                                                               <a href="#" class="btn btn-sm btn-inline btn-default">Folge 1</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 2</a>
                                                                                <a href='#' class="btn btn-sm btn-inline btn-default">Folge 3</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 4</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 5</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 6</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 7</a>
                                                                                <a href="#" class="btn btn-sm btn-inline btn-default">Folge 8</a>
                                                                                
                                    </div>
                                                             
                            </div>
                            <style type="text/css">
                                .season{
                                    padding: 10px;
                                    background-color: rgba(255,255,255, 0.04);
                                }
                            </style>
                        </div>
                                    </div>
                               
            </div>
                    </div>

<script>

link=location.href.split('//')[1];//.split(' ')[0]
 //alert(localStorage.getItem('movietv',link))
if(localStorage.getItem(link)){
  arra=localStorage.getItem(link);
  //arra=['1:1:','2:11:','3:3','1:5','1:9'];
  //alert(arra)
 //alert(arra.split(',').length)
  for(a=0;a<=arra.split(',').length-2;a++){
     st=arra.split(',')[a]; 
     sttaffeln=st.split(':')[0]-1;     
     follge=st.split(':')[1]-1;
     sta1=document.getElementsByClassName('season')[sttaffeln];
     sta=sta1.getElementsByTagName('p')[0];
     fol=sta1.getElementsByTagName('a')[follge].style.background='green';
  }
}




$('.btn-inline').click(function(){
  g=$(this).html();
  folge=g.replace('Folge','').trim();
  h = $(this).parent().html();
 staffel=h.split('Staffel')[1].split('|')[0].trim();
  //alert(staffel)
  //alert(folge)
  if(localStorage.getItem(link)){
       ar=localStorage.getItem(link);
       ar+=""+staffel+":"+folge+":,";
       //alert(ar)
  }else{
      ar=""+staffel+":"+folge+":,";
  }
  localStorage.setItem(link,ar)
 //& alert(this.innerHTML)
 location.reload();
})
</script>

<a id="basti1012" href="https://sebastian1012.bplaced.net">Homepage Basti1012</a>


</body>
</head>