<commit_before><!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>Ejemplos</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="text/javascript" src="zepto.min.js" ></script>
<link href="estilo.css" rel="stylesheet" type="text/css">
<script>
$(function(){ 
var w=window.innerWidth;
if (w<600){
$("#h1 h1").html("Editor interactivo");
$("#h1 p").html("Para ver los cambios pulse play");
}

$( window ).resize(function() {
	 w=window.innerWidth;
	 if (w<600){
    	$("#h1 h1").html("Editor interactivo");
      $("#h1 p").html("Para ver los cambios pulse play");
    	$('.caja_visor').css({
    	'display': 'none'
    });
    var mimenu = document.getElementById('menu');
    mimenu.style.display = "none";
  }else{
    $("#h1 h1").html("Editor interactivo de los ejemplos JavaScript de la semana 6 de @HTML5MOOC");
    $("#h1 p").html("Los ejemplos se pueden cambiar y ejecutar (visualizar) con los cambios introducidos pulsando el botón play, que está justo encima.");
    $('.caja_visor').css({
    	'display': 'block'
    });	
    var mimenu = document.getElementById('menu');
    mimenu.style.display = "block";
	}
	
});


   var editor = $("#editor");

   function mostrar(ejemplo){
    editor.val(ejemplo);
    ejecutar(ejemplo);
   };


   function ejecutar(ejemplo){
    var iframe = document.getElementById('iframe');
           
    if(iframe.contentDocument) doc = iframe.contentDocument;
    else if(iframe.contentWindow) doc = iframe.contentWindow.document;
    else doc = iframe.document;
     
    doc.open();
    doc.writeln(ejemplo);
    doc.close();
   }

  $("nav a").on("click", function(){
      $.get($(this).attr("title"), "text", mostrar);
      $("nav a").removeClass("active");
      $(this).addClass("active");
	  if (w<600) {
	    var mimenu = document.getElementById('menu');
      mimenu.style.display = "none";}
  });

  $("nav select").change(function() {
      $.get($(this).val(), "text", mostrar);      
  });

  $(".caja #actualizar").on("click", function(){
    ejecutar(editor.val());
	var micontenedor = document.getElementById('cvisor');
	if (micontenedor.style.display == "block" && w<600) {
   micontenedor.style.display = "none";
  } else{
	  micontenedor.style.display = "block"
	  }
  });
  
  $(".caja_visor #actualizar").on("click", function(){
	var micontenedor = document.getElementById('cvisor');
	if (micontenedor.style.display == "block") {
   micontenedor.style.display = "none";
  } else{
	  micontenedor.style.display = "block"
	  }
  });

$(".selector").on("click", function(){
	var mimenu = document.getElementById('menu');
	if (mimenu.style.display == "block") {
   mimenu.style.display = "none";
  } else{
	  mimenu.style.display = "block"
	  }
  });
	
  $.get("date.htm", "text", function(ejemplo){
    mostrar(ejemplo);
  });  
});
</script>
</head> 
<body><div id="page-wrap">
  <header class="main" id="h1">
    <h1>Editor interactivo de los ejemplos JavaScript de la semana 6 de @HTML5MOOC</h1>
    <p>Los ejemplos se pueden cambiar y ejecutar (visualizar) con los cambios introducidos pulsando el botón play, que está justo encima.</p>
  </header>

  <nav class="main" id="nav1">
  <div class="selector"><img src="selector.png" width="58" height="35"></div>
<ul id="menu">
      <li><a href="javascript:void(0);" title="date.htm" class="active">date </a></li>
      <li><a href="javascript:void(0);" title="vars.htm">vars </a></li>
      <li><a href="javascript:void(0);" title="strings.htm">strings </a></li>
      <li><a href="javascript:void(0);" title="obj.htm">obj </a></li>
      <li><a href="javascript:void(0);" title="prop_d.htm">prop_d </a></li>
      <li><a href="javascript:void(0);" title="for_in.htm">for_in </a></li>
      <li><a href="javascript:void(0);" title="if_else.htm">if_else </a></li>
      <li><a href="javascript:void(0);" title="window.htm">window </a></li>
      <li><a href="javascript:void(0);" title="date_id.htm">date_id </a></li>
      <li><a href="javascript:void(0);" title="screen.htm">screen </a></li>
    </ul>


  </nav>
  <div class="clear"> </div>
  <div class="contenedor">
  <div class="caja">
    <p id="texto_ejemplo">Ejemplo:</p>
    <div id="actualizar"><img id="play" src="play.png" width="26" height="26" alt="actualizar"></div>
    <div class="area">
      <textarea id="editor"></textarea>
      </div>
  </div>
    <div class="caja_visor" id="cvisor">
      <p id="texto_resultado">Resultado:</p>
      <div id="actualizar"><img id="play" src="cerrar.png" width="26" height="26" alt="actualizar"></div>
      <iframe id="iframe" class="" frameborder="0"></iframe>
    </div>
  </div>
  <div class="clear"> </div>
</div>
</body> 
</html><commit_msg>more fixes for mooc 2<commit_after><!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>Ejemplos</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="text/javascript" src="zepto.min.js" ></script>
<link href="estilo.css" rel="stylesheet" type="text/css">
<script>
$(function(){ 
var w=window.innerWidth;
if (w<600){
$("#h1 h1").html("Editor interactivo");
$("#h1 p").html("Para ver los cambios pulse play");
}

$( window ).resize(function() {
	 w=window.innerWidth;
	 if (w<600){
    	$("#h1 h1").html("Editor interactivo");
      $("#h1 p").html("Para ver los cambios pulse play");
    	$('.caja_visor').css({
    	'display': 'none'
    });
    var mimenu = document.getElementById('menu');
    mimenu.style.display = "none";
  }else{
    $("#h1 h1").html("Editor interactivo de los ejemplos JavaScript del módulo 5 de @HTML5MOOC");
    $("#h1 p").html("Los ejemplos se pueden cambiar y ejecutar (visualizar) con los cambios introducidos pulsando el botón play, que está justo encima.");
    $('.caja_visor').css({
    	'display': 'block'
    });	
    var mimenu = document.getElementById('menu');
    mimenu.style.display = "block";
	}
	
});


   var editor = $("#editor");

   function mostrar(ejemplo){
    editor.val(ejemplo);
    ejecutar(ejemplo);
   };


   function ejecutar(ejemplo){
    var iframe = document.getElementById('iframe');
           
    if(iframe.contentDocument) doc = iframe.contentDocument;
    else if(iframe.contentWindow) doc = iframe.contentWindow.document;
    else doc = iframe.document;
     
    doc.open();
    doc.writeln(ejemplo);
    doc.close();
   }

  $("nav a").on("click", function(){
      $.get($(this).attr("title"), "text", mostrar);
      $("nav a").removeClass("active");
      $(this).addClass("active");
	  if (w<600) {
	    var mimenu = document.getElementById('menu');
      mimenu.style.display = "none";}
  });

  $("nav select").change(function() {
      $.get($(this).val(), "text", mostrar);      
  });

  $(".caja #actualizar").on("click", function(){
    ejecutar(editor.val());
	var micontenedor = document.getElementById('cvisor');
	if (micontenedor.style.display == "block" && w<600) {
   micontenedor.style.display = "none";
  } else{
	  micontenedor.style.display = "block"
	  }
  });
  
  $(".caja_visor #actualizar").on("click", function(){
	var micontenedor = document.getElementById('cvisor');
	if (micontenedor.style.display == "block") {
   micontenedor.style.display = "none";
  } else{
	  micontenedor.style.display = "block"
	  }
  });

$(".selector").on("click", function(){
	var mimenu = document.getElementById('menu');
	if (mimenu.style.display == "block") {
   mimenu.style.display = "none";
  } else{
	  mimenu.style.display = "block"
	  }
  });
	
  $.get("date.htm", "text", function(ejemplo){
    mostrar(ejemplo);
  });  
});
</script>
</head> 
<body><div id="page-wrap">
  <header class="main" id="h1">
    <h1>Editor interactivo de los ejemplos JavaScript del módulo 5 de @HTML5MOOC</h1>
    <p>Los ejemplos se pueden cambiar y ejecutar (visualizar) con los cambios introducidos pulsando el botón play, que está justo encima.</p>
  </header>

  <nav class="main" id="nav1">
  <div class="selector"><img src="selector.png" width="58" height="35"></div>
<ul id="menu">
      <li><a href="javascript:void(0);" title="date.htm" class="active">date </a></li>
      <li><a href="javascript:void(0);" title="vars.htm">vars </a></li>
      <li><a href="javascript:void(0);" title="strings.htm">strings </a></li>
      <li><a href="javascript:void(0);" title="obj.htm">obj </a></li>
      <li><a href="javascript:void(0);" title="prop_d.htm">prop_d </a></li>
      <li><a href="javascript:void(0);" title="for_in.htm">for_in </a></li>
      <li><a href="javascript:void(0);" title="if_else.htm">if_else </a></li>
    </ul>


  </nav>
  <div class="clear"> </div>
  <div class="contenedor">
  <div class="caja">
    <p id="texto_ejemplo">Ejemplo:</p>
    <div id="actualizar"><img id="play" src="play.png" width="26" height="26" alt="actualizar"></div>
    <div class="area">
      <textarea id="editor"></textarea>
      </div>
  </div>
    <div class="caja_visor" id="cvisor">
      <p id="texto_resultado">Resultado:</p>
      <div id="actualizar"><img id="play" src="cerrar.png" width="26" height="26" alt="actualizar"></div>
      <iframe id="iframe" class="" frameborder="0"></iframe>
    </div>
  </div>
  <div class="clear"> </div>
</div>
</body> 
</html>
{'fraction_non_alphanumeric': 0.21289274106175515, 'fraction_numerical': 0.011700975081256771, 'mean_word_length': 3.9789644012944985, 'pattern_counts': {'":': 0, '<': 193, '<?xml version=': 0, '>': 185, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4409724', 'n_tokens_mistral': 3365, 'n_tokens_neox': 3257, 'n_words': 653}