Как я могу вставить HTML в div с php-кодом?

-2

Я хочу использовать панель навигации с несколькими гиперссылками для вызова внешних HTML-страниц, но я не хочу повторять всю веб-страницу в коде внутри других.Как я могу вставить HTML в div с php-кодом?

Так что я думал о вызове веб-страниц при нажатии на ссылки с целью вставки внешних страниц в div внутри моего index.html.

Возможно ли это с помощью PHP-кода?

Или мне нужно использовать jquery?

Заранее благодарим за ответ.

источник

2016-06-01 elAntu

доля кода, что вы пытались до сих пор? –

Вы не можете использовать php-тег внутри .html-файла –

В соответствии с тем, что я могу понять, вам не нужен php. Что вам нужно jquery –

-2

О, дорогая, его очень легко с PHP. Вам нужно создать страницу index.php с этой структурой (и startingContent.html, и один HTML для каждой страницы, так что вы можете связать их):

<body> 
<div id="menu"> 
    <ul> 
     <li><a href="?p=content1"> Page 1 </a></li> 
     <li><a href="?p=content2"> Page 2 </a></li> 
    </ul> 
</div> 
<div id="content"> 
    <?php 
     if(isset($_GET['p'])) { 
      $pag = $_GET['p']; 
     } 
     else { 
      $pag = "indexContent"; 
     } 
     include ($pag.".html"); 
     ?> 
</div>

Настоящие мужчины не используют JQuery;)

источник

2016-06-01 09:25:26

lol ... PHP заставляет вашу страницу перезагружать каждый раз, когда нажимается ссылка. Но jQuery просто загружает данные в требуемый div без стресса перезагрузки ........: p –

ОБНОВЛЕНО Если вы хотите загрузить страницу в div при загрузке страницы в первую очередь, вы можете сделать это следующим образом:

<div id="load_content_div"><?php include "path/to/page"; ?></div>

Но если вы не хотите использовать код PHP на странице варианта использования метода JQuery для загрузки содержимого в DIV при первой загрузке:

$(document).ready(function(){ 
    $('#load_content_div').load('path/to/page'); 
});

Затем вы используете эту функцию, чтобы загрузить страницы в DIV при нажатии на ссылку:

<div id="load_content_div"></div> 
//the hyperlinks 
<a href="javascript:;" alt="page1.html">link1</a> 
<a href="javascript:;" alt="page2.html">link2</a> 
<a href="javascript:;" alt="page3.html">link3</a>

Затем вы используете метод Ajax Jquery как это:

$('a').click(function(){ 
    page = $(this).attr('alt'); 
    $.ajax({ 
     type: 'GET', 
     url: page, 
     cache: false, 
     success:function(data){ 
      $('#load_content_div').html(data); 
     } 
    }); 
});

Но помните, чтобы включить вас библиотеку JQuery в код

источник

2016-06-01 09:29:40

Я думаю, вам нужно как PHP и JavaScript (JQuery, Ajax).

Вы можете написать вам навигацию в виде списка, включая гиперссылки в виде файла html. и yo u включите его, используя php-код.

<!-- nav.html --> 
<ul> 
    <li><a href="#">Your nav li here</li> 
    <li>...</li> 
</ul> 


<?php 
    // index.php 
    include 'path/to/nav.html'; 
    // your other code 
?>

, то вы можете включить ваш другой HTML-страницы с помощью Javascript и AJAX

источник

2016-06-01 09:32:08 Snriud

-2

Вы можете сделать это только с Jquery тоже:

<script type="text/javascript"> 
    $(document).ready(function() { 

     $("#btn1").click(function() { 

      $("#display").load("test.html"); 

     }); 

    }); 
</script>

источник

2016-06-01 10:32:49

Как я могу вставить HTML в div с php-кодом?

ответ

Смежные вопросы