2013-09-12 2 views
0

Мне нужно вызывать данные html внутри текстового окна twitter из файла .php. Как вызвать эту функцию? Этот ниже скрипт находится внутри php-файла, поэтому я должен вызвать это внутри модального окна, как только мы нажмем ссылку. Я могу вызвать модальное окно, но не данные.Реализовать твиттер bootstrap modal window call html

<html xmlns=”http://www.w3.org/1999/xhtml”> 
<head> 
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> 
<title><?php echo $post->post_title; ?></title> 
<meta name=”robots” content=”noindex”/> 
</head> 
<body> 
<div style=”"><?php echo $image; ?></div> 
<?php echo $post->post_title; ?></b> 
<p style=”float: left;”>Testing</p> 
</body> 
</html> 

ответ

0

вы можете добиться этого, поставив свой HTML в файле с именем remote.html, а затем запустить это:

<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a> 

В качестве альтернативы, вы можете вставить HTML в модальное окно с помощью JQuery, вроде этого:

$('.modal-button').click(function() { 

    var myHTML = "[YOUR HTML]"; 
    $('.modal-body').html(myHTML); 

}); 
0

Что вы хотите, это отображать данные изображения и названия внутри модального права?

<div> 
<div id="image"></div> 
<span id="myTitle"></span></b> 
<p style=”float: left;”>Testing</p> 
</div> 

Место это содержание внутри модального и получать данные изображения и заголовок с помощью вызова Ajax

$(function() { 
       $.ajax({ 
        type: "POST", 
        contentType: "application/json; charset=utf-8", 
        url: "Fetch.php",//give the path of the php file or the function 
        data: '{ "query": ' + data + ' }',//place the query data 
        dataType: "json", 
        success: function (msg) { 
         AjaxSucceeded(msg); 
        }, 
        failure: function (response) { 
         alert("Failure"); 
        }, 
        error: function (jqXHR, textStatus, errorThrown) { 
         alert("Error " + jqXHR + " " + textStatus.responseText + " " + errorThrown); 
        } 
       }); 
      }); 

AjaxSucceeded(msg){ 
//replace the div with the image and the title 
$(#image).innerHTML=msg.Image; 
$(#myTitle).innerHTML=msg.Title; 
} 

Ура !!!

+0

спасибо за хорошее решение, я попробую это –

+0

@amit kumar не работает :(может я прошу вас, чтобы вы могли проверить мой сайт. –

+0

Да, конечно, [email protected] - мой идентификатор электронной почты. Я обязательно вернусь к вам завтра. – Amit

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