Показать сообщение отдельно
  #1 (permalink)  
Старый 16.11.2017, 03:45
Кандидат Javascript-наук
Отправить личное сообщение для daslex Посмотреть профиль Найти все сообщения от daslex
 
Регистрация: 17.04.2015
Сообщений: 125

Подгрузка файла с кодом и подсветка кода
index.html
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
</head>

<script>
$(document).ready(function(){
    $('input[name=sw]').click(function(){
      var v = ($(this).val());
      console.log(v);
      if(v === 'one'){
          $('#one').show();
          $('#two').hide();
          $('#three').hide();
      }
      else  if(v === 'two'){
          $('#one').hide();
          $('#two').show();
          $('#three').hide();
      }
      else  if(v === 'three'){
          $('#one').hide();
          $('#two').hide();
          $('#three').show();
		  //=============
			/*$.ajax({  
                    url: "2.html",  
                    cache: false,  
                    success: function(html){  
                        $("#three").html(html);  
                    }  
                });  	
			*/	
				
					$(document).ready(function(){
	            $("#three").load("3.html");
	        });
				
		  //=============
      }
    })
})
</script>
<style>
    .none{
        display:none;
    }
</style>


			<input type="radio" name="sw" value="one" id="x1"><label for="x1">1</label>
			<input type="radio" name="sw" value="two" id="x2"><label for="x2">2</label>
			<input type="radio" name="sw" value="three" id="x3"><label for="x3">3</label>


<div id="one" class="none"></div>
<div id="two" class="none"></div>
<div id="three" class="none"></div>


3.html
<head>
<meta charset="UTF-8">
	<link rel="stylesheet" href="syntaxhighlighter/styles/shCore.css" type="text/css">
	<link rel="stylesheet" href="syntaxhighlighter/styles/shThemeDefault.css" type="text/css">
 </head>
 
 <pre class="brush: html">                                    
	  <div class="wraperr">
	      <div class="lefmenu">Hello world </div>
	      <div class="content"> </div>
	  </div>
</pre>
 
 

 <script  type="text/javascript" src="syntaxhighlighter/scripts/shCore.js"></script>
	<script  type="text/javascript" src="syntaxhighlighter/scripts/shBrushCss.js"></script>
	<script  type="text/javascript" src="syntaxhighlighter/scripts/shBrushXml.js"></script>
	<script  type="text/javascript" src="syntaxhighlighter/scripts/shBrushJScript.js"></script>
	
	<script  type="text/javascript">
	       SyntaxHighlighter.all()
	</script>


Нужно в Index.html динамически подгрузить файл 3.html и подсветить код, который описывается в 3.html. Отдельно в файле 3.html подсветка работает, но при подгрузке в index.html - нет. Покажите, как сделать.

В архиве плагин и оба файла. Проект как есть.
Вложения:
Тип файла: zip t.t.zip (179.0 Кб, 2 просмотров)
Ответить с цитированием