Загрузить ссылку PHP в определенный div на HTML-странице?

Я сделал боковое меню с этими ссылками:

<div id="menu_lat">
    <a href="http://localhost:8080/sgf/form_proposta.php">Orçamentos</a>
    <a href="relatorios.html">Relatórios</a>
    <a href="proximos.html">Próximos Eventos</a>
    <a href="chat.html">Chat</a>
</div>

Когда я открываю один из них, содержимое открывается в другом div (у которого на первой странице уже есть некоторый контент, то есть изображение):

<div id="conteudo">
    <img src="img/foto_inicial.jpg">
</div>

Как я могу загрузить файл PHP внутри этого слоя, когда я нажимаю эту ссылку?


php html lampp
person Rasshu    schedule 30.05.2013    source источник
comment
Вы можете сделать настройку «кадра», но я не рекомендую этого делать. Вы также можете назначить функцию javascript для запуска и изменения html-содержимого conteudo div на html, возвращаемый с этой страницы. У меня нет времени делать код для вас, но это мои идеи.   -  person JClaspill    schedule 30.05.2013
comment
Вы не сможете включать какие-либо директивы PHP в свои .html файлы, если только вы не используете AddHandler application/x-httpd-php .html .htm в своем .htaccess файле. Вы можете использовать iframe, но это может все усложнить. Будет намного проще, если вы измените всю файловую структуру на .php. Использование JS — это нормально, но что вы будете делать, если пользователь отключит JS? Тогда вы встали that creek. ;-)   -  person Funk Forty Niner    schedule 30.05.2013

Ответы (2)


arrow_upward
3
arrow_downward

Используйте jQuery и функцию load()

Обновите ссылки с классом

<div id="menu_lat">
    <a class="loader" href="http://localhost:8080/sgf/form_proposta.php">Orçamentos</a>
    <a class="loader" href="relatorios.html">Relatórios</a>
    <a class="loader" href="proximos.html">Próximos Eventos</a>
    <a class="loader" href="chat.html">Chat</a>
</div>

Затем в ваших тегах <script> добавьте это, чтобы обрабатывать событие щелчка по вашим ссылкам с помощью загрузчика классов.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $('.loader').click(function(event) {
        event.preventDefault(); // stop the link loading the URL in href
        $('#conteudo').load($(this).attr('href'));
    }); 
});
</script>
person fullybaked    schedule 30.05.2013
comment
Я просто добавляю это в свои теги сценария, и я могу использовать jQuery на своей странице? Я еще не изучал его, ни Ajax. :/ - person Rasshu; 30.05.2013
comment
Ссылка загружает URL на всю страницу - person Rasshu; 30.05.2013
comment
Вам также нужно будет включить саму библиотеку jQuery, см. обновленный ответ. - person fullybaked; 30.05.2013
comment
Пришлось включить jQuery локально, но теперь ничего не происходит, когда я нажимаю на ссылку. - person Rasshu; 30.05.2013
comment
К сожалению, я думаю, ничего не происходило, потому что папка была вне htdocs. Теперь он работает отлично. :D Большое спасибо, сэр! - person Rasshu; 30.05.2013

arrow_upward
1
arrow_downward

СДЕЛАЙТЕ вызов Ajax для идентификатора DIV conteudo

person vanurag    schedule 30.05.2013