Question

我有Simple In/Out的帐户。我们有50多名员工，并在接待处的电视上显示他们的状态（进/出办公室）。但是，如果不滚动，我们就无法在屏幕上显示所有员工。

简单输入/输出为列表显示方式提供非常有限的样式。使用CSS，我可以删除死区并在视觉上改进列表。

首先，我会检查元素并进行一些更改，但屏幕会刷新并且所有更改都会丢失。

我想创建一个.html页面，显示带有本地CSS编辑的列表的iFrame。

列表网址为simpleinout.com/list- login，列表显示。

以下2个文件显示页面和附加的CSS文件，但是如果我点击其他任何地方删除了CSS文件。

simple.html:

<html>
<head></head>
<body>
<iframe  src="http://localhost/~JohnHarbert/simple.php" style="border: 0" width="1920" height="1080" frameborder="0" scrolling="no" ></iframe>
</body>
</html>


simple.php:

<?php

$content = file_get_contents('http://www.simpleinout.com/list');
$content = str_replace('<head>','<base href="https://www.simpleinout.com/" /><head>',   $content);
$content = str_replace('</head>','<link rel="stylesheet" href="http://localhost/~JohnHarbert/style.css" /></head>', $content);

echo $content;

?>

再次。代码确实在初始加载时附加了css文件（它在之前添加它）。但是当我点击显示列表时。 iframe中不再添加css文件。

非常感谢你的帮助。

Answer 1

我是Simple In / Out背后的网络开发人员。

在屏幕上容纳更多用户的最简单方法是使用右上角的字体/列控件。进入全屏模式后，单击右上角的齿轮图标。它允许您选择2到6列用户，并且您可以调整字体大小以适应屏幕上的更多。

希望有所帮助！

使用PHP和IFrame在本地覆盖网页样式

1 个答案: