weblink iframe problem

MrRose · 25 April 2017, 11:35:28

Hallo,

ich versuche Zoneminder Monitore mittels IFrame in FHEM zu integrieren.

Soweit so gut das Problem was sich mir stellt ist, sobald ich ich es dann ausführen lasse überdeckt die seite komplett FHEM. Als wenn sie in dem browser eine neue Seite öffnet die nicht wie erwartet nur im IFrame liegt.

Code Auswählen

define Camera_1 weblink iframe http://server/zm/?view=watch&mid=4

Thorsten Pferdekaemper · 25 April 2017, 14:44:53

Hi,
was genau sendet der Server denn?
Gruß,
Thorsten

MrRose · 25 April 2017, 15:11:11

das resultat ist ein camera bild was früher wunderbar im iframe gezeigt wurde. Jetzt scheint es so zu sein als wenn ne neue page aufgemacht wird statt die seite im iframe anzuzeigen.

Interessanter weise wohl nur bei zoneminder seiten. Andere seiten klappt das wie erwartet. Daher dachte ggf jemand ne idee...

Thorsten Pferdekaemper · 25 April 2017, 16:26:22

Hi,
ich meinte, was das Zoneminder technisch sendet. Eine HTML-Seite? Falls ja, dann zeig mal den Quellcode.
Gruß,
Thorsten

MrRose · 26 April 2017, 08:36:42

Sollte das hier sein.

Code Auswählen

<?php
//
// ZoneMinder web function library, $Date: 2008-07-08 16:06:45 +0100 (Tue, 08 Jul 2008) $, $Revision: 2484 $
// Copyright (C) 2001-2008 Philip Coombes
// 
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
// 
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
// 
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
// 

// Only load new js & css in these views
$new_views = array('login');

function xhtmlHeaders( $file, $title )
{
    global  $css;
    $skinCssFile = getSkinFile( 'css/'.$css.'/skin.css' );
    $skinCssPhpFile = getSkinFile( 'css/'.$css.'/skin.css.php' );

    $skinJsFile = getSkinFile( 'js/skin.js' );
    $skinJsPhpFile = getSkinFile( 'js/skin.js.php' );
    $cssJsFile = getSkinFile( 'js/'.$css.'.js' );

    $basename = basename( $file, '.php' );
    $viewCssFile = getSkinFile( '/css/'.$css.'/views/'.$basename.'.css' );
    $viewCssPhpFile = getSkinFile( '/css/'.$css.'/views/'.$basename.'.css.php' );
    $viewJsFile = getSkinFile( 'views/js/'.$basename.'.js' );
    $viewJsPhpFile = getSkinFile( 'views/js/'.$basename.'.js.php' );

    extract( $GLOBALS, EXTR_OVERWRITE );
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maxiumum-scale=1.0, user-scalable=no">
  <title><?php echo ZM_WEB_TITLE_PREFIX ?> - <?php echo validHtmlStr($title) ?></title>
  <link rel="icon" type="image/ico" href="graphics/favicon.ico"/>
  <link rel="shortcut icon" href="graphics/favicon.ico"/>
  <link rel="stylesheet" href="css/reset.css" type="text/css"/>
  <link rel="stylesheet" href="css/overlay.css" type="text/css"/>
<?php if ( in_array($basename, $new_views) ) { ?>
  <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>
<?php } ?>
  <link rel="stylesheet" href="<?php echo $skinCssFile ?>" type="text/css" media="screen"/>
<?php
    if ( $viewCssFile )
    {
?>
  <link rel="stylesheet" href="<?php echo $viewCssFile ?>" type="text/css" media="screen"/>
<?php
    }
    if ( $viewCssPhpFile )
    {
?>
  <style type="text/css">
  /*<![CDATA[*/
<?php
        require_once( $viewCssPhpFile );
?>
  /*]]>*/
  </style>
<?php
    }
?>
  <script type="text/javascript" src="tools/mootools/mootools-core.js"></script>
  <script type="text/javascript" src="tools/mootools/mootools-more.js"></script>
  <script type="text/javascript" src="js/mootools.ext.js"></script>
  <script type="text/javascript" src="js/logger.js"></script>
  <script type="text/javascript" src="js/overlay.js"></script>
<?php if ( $title == 'Login' && (defined('ZM_OPT_USE_GOOG_RECAPTCHA') && ZM_OPT_USE_GOOG_RECAPTCHA) ) { ?>
  <script src='https://www.google.com/recaptcha/api.js'></script>
<?php }
    if ( $skinJsPhpFile )
    {
?>
  <script type="text/javascript">
  //<![CDATA[
  <!--
<?php
    require_once( $skinJsPhpFile );
?>
  //-->
  //]]>
  </script>
<?php
    }
    if ( $viewJsPhpFile )
    {
?>
  <script type="text/javascript">
  //<![CDATA[
  <!--
<?php
        require_once( $viewJsPhpFile );
?>
  //-->
  //]]>
  </script>
<?php
    }
	if ( $cssJsFile ) {
?>
  <script type="text/javascript" src="<?php echo $cssJsFile ?>"></script>
<?php } ?>
  <script type="text/javascript" src="<?php echo $skinJsFile ?>"></script>
<?php
    if ( $viewJsFile )
    {
?>
  <script type="text/javascript" src="<?php echo $viewJsFile ?>"></script>
<?php
    }
?>
</head>
<?php
}
?>

Thorsten Pferdekaemper · 26 April 2017, 11:50:54

Hi,
ok, das ist das PHP vom Backend, ich dachte eigentlich nur die HTML source im Browser.
...aber egal.
Das hier kommt mir verdächtig vor:

Code Auswählen


<meta name="viewport" content="width=device-width, initial-scale=1, maxiumum-scale=1.0, user-scalable=no">

Ich denke mal, dass das die Seite immer auf volle Größe aufbläst, bin mir aber nicht sicher, wie das im iFrame wirkt.
Gruß,
Thorsten

christian.71 · 07 Oktober 2017, 16:19:49

@ MrRose Konntest du dein Problem lösen? Ich habe nämlich nun das gleiche Problem und finde nirgends eine Lösung.