如何将帧更改为div并将内容加载到div中

时间:2014-09-28 07:58:18

标签: php html iframe

有没有办法将iframe包含的所有属性转换为div或php。

<iframe src='left_nav.php' name='left_nav' class="daemon" scrolling="auto" frameborder='0' height='100%' width="100%"></iframe>

如果我使用php include函数来调用left_nav.php文件:

<?php include left_nav.php; ?>

如何将正在帧中加载的内容加载到div中。

main.title 文件(其他文件)

function toencounter(rawdata) {


document.getElementById('EncounterHistory').selectedIndex=0;
if(rawdata=='') {
    return false;
} else if (rawdata=='New Encounter') {
    top.window.parent.left_nav.loadFrame2('nen1','RBot','forms/newpatient/new.php? autoloaded=1&calenc=')
    return true;
} else if (rawdata=='Past Encounter List') {
    top.window.parent.left_nav.loadFrame2('pel1','RBot','patient_file/history/encounters.php')
    return true;
}
var parts = rawdata.split("~");
var enc = parts[0];
var datestr = parts[1];
var f = top.window.parent.left_nav.document.forms[0];
frame = 'RBot';
if (!f.cb_bot.checked) {
    frame = 'RTop';
}

parent.left_nav.setEncounter(datestr, enc, frame);
top.frames[frame].location.href  = '../patient_file/encounter/encounter_top.php?set_encounter=' +  enc;
}

left_nav 文件

setEncounter(edate, eid, frname) {
if (eid == active_encounter) return;
if (!eid) edate = '<?php xl('None','e'); ?>';
var str = '<b>' + edate + '</b>';
setDivContent('current_encounter', str);
active_encounter = eid;
encounter_locked=isEncounterLocked(active_encounter);
reloadEncounter(frname);
syncRadios();
var encounter_block = $(parent.Title.document.getElementById('current_encounter_block'));
var encounter = $(parent.Title.document.getElementById('current_encounter'));
var estr = '<a href=\'javascript:;\' onclick="parent.left_nav.loadCurrentEncounterFromTitle()">  <b>' + edate + ' (' + eid + ')</b></a>';
encounter.html( estr );
encounter_block.show();
}

function loadCurrentEncounterFromTitle() {
  top.restoreSession();
  top.frames[ parent.left_nav.getEncounterTargetFrame('enc')   ].location='../patient_file/encounter/encounter_top.php';
}

这是 loadFrame2

的JS脚本
function loadFrame2(fname, frame, url) {
var usage = fname.substring(3);
if (active_pid == 0 && usage > '0') {
alert('<?php xl('You must first select or add a visitor.','e') ?>');
return false;
}
if (active_encounter == 0 && usage > '1') {
alert('<?php xl('You must first select or create an encounter.','e') ?>');
return false;
}
if (encounter_locked && usage > '1') {
alert('<?php echo xls('This encounter is locked. No new forms can be added.') ?>');
return false;
}
var f = document.forms[0];
top.restoreSession();
var i = url.indexOf('{PID}');
if (i >= 0) url = url.substring(0,i) + active_pid + url.substring(i+5);
if(f.sel_frame)
{
  var fi = f.sel_frame.selectedIndex;
  if (fi == 1) frame = 'RTop'; else if (fi == 2) frame = 'RBot';
 }
if (!f.cb_bot.checked) frame = 'RTop';
top.frames[frame].location = '<?php echo "$web_root/interface/" ?>' + url;
if (frame == 'RTop') topName = fname;
return false;
}

1 个答案:

答案 0 :(得分:0)

由于您要将其他文件(left_nav.php)的内容加载到div而不是加载到iframe,因此您可以使用多种方式来执行此操作。

1)JS:

创建一个容纳您内容的div容器:

<div id="left_nav"></div>

现在,您可以使用jQuery轻松加载内容:

onClick="loadContent('path/to/file/left_nav.php')"

这将是您的loadContent功能:

function loadContent(path){
  $("#left_nav").load(path);
}

2)PHP:

您也可以使用PHP(将参数传递给您当前所在的网址yourfile.php?m=left_nav)。然后你可以用控制器包含文件(MVC原则 - >如果你想了解它的更多信息):

<?php
  if($_GET["m"] == "left_nav")
    include("left_nav.php");
?>

修改

看起来你需要两者兼而有之。您需要插入iframe并同时加载内容,而不是div

<div id="left_nav"><?php include("left_nav.php"); ?></div>

这相当于创建iframe。现在,当您更改JS脚本中src的{​​{1}}时,而不是使用此行:

iframe

尝试更改top.window.parent.left_nav.loadFrame2('pel1','RBot','patient_file/history/encounters.php'); 的内容,正如我之前在 1)所述,但您应该只需要loadContent函数。