Widget HTML/PHP so ändern das sich Zeta nicht einmischt!

Sammyz

Hallo,

Bitte das Widget HTML so anpassen das sich Zeta nicht einmischt.
Praktisch eine Box schaffen wo der Code frei von Zeta ungestört arbeiten kann.
So hat man immer wieder Schwierigkeiten einen Code frei einzusetzen.

Gruß

Sammy

Stefan S

Das ist bereits möglich:

Dazu ausschließlich das Widget "Quelltext" nutzen.

Im Quelltext können Sie z.B. den PHP-Code dann mittels Zeta Scripting für die interne Vorschauansicht verstecken, der Code wird dann nur im Browser dargestellt und beeinflusst die Voransicht innerhalb Zeta Producer nicht.

Beispiel:

PHP

<$ if ( !system.preview ) { $
    <?php echo "hallo aus PHP"; ?>
<$ } else { $>
    <p>Dieser Code ist nur im Browser sichtbar!</p>
<$ } $>

Für den fehlerfreien Code sind Sie selbst verantwortlich.

Achten Sie auch darauf, dass Sie im Code nicht nochmal ein komplettes HTML-Gerüst mitliefern, denn die <html>, <head> und <body> Knoten sind ja bereits in jeder Zeta Producer Seite enthalten…

Sammyz

Hallo Stefan,

Ich glaube hier ist ein Missverständnis. Ich zeige mal den Code hier.

Es geht darum das hier ein Script eingefügt ist für die Fanzybox um die Gallery zu steuern.

Nur ist es nicht möglich Funktionen die ja die Fanzybox möglich macht nicht angenommen werden und die CSS wird auch nicht angezogen oder von der bundel.css überschrieben.

Das ist ein Problem.

Gruß

Sammy

<!--<link href="js/jquery.fancybox.min.css" rel="stylesheet">

<?php

// ----------------------------------------- Die alte Seite fängt an ------------------------------------------------------------------------

setlocale(LC_ALL, 'de_DE');

date_default_timezone_set('Europe/Berlin');

//Variablen definieren

$tagesnamen = array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");

$monatsnamen = array (

1=>"Januar",

2=>"Februar",

3=>"März",

4=>"April",

5=>"Mai",

6=>"Juni",

7=>"Juli",

8=>"August",

9=>"September",

10=>"Oktober",

11=>"November",

12=>"Dezember");

// -------------------------------------------------------------------------- Bilder-Anzeige startet ----------------------------------------------------

//Bilder werden geladen

$ordner1 = "pics/picstore1";

$thumb_ordner1 = "pics/thumb1";

$allebilder1 = scandir($ordner1,1);

$ordner2 = "pics/picstore2";

$allebilder2 = scandir($ordner2,1);

$thumb_ordner2 = "pics/thumb2";

//print_r($allebilder2);

/*

//Zeitintervall der gesendeten Bilder wird berechnet

$sekbild1 = substr( $allebilder[1], -16, 2);

$minbild1 = substr( $allebilder[1], -18, 2) * 60;

$stdbild1 = substr( $allebilder[1], -20, 2) * 3600;

$sekundensummebild1 = $sekbild1 + $minbild1 + $stdbild1;

$sekbild2 = substr( $allebilder[2], -16, 2);

$minbild2 = substr( $allebilder[2], -18, 2) * 60;

$stdbild2 = substr( $allebilder[2], -20, 2) * 3600;

$sekundensummebild2 = $sekbild2 + $minbild2 + $stdbild2;

$dateiintervallsekunden = ($sekundensummebild1 - $sekundensummebild2);

$dateiintervallminuten = round( $dateiintervallsekunden / 60, 0 );

//echo "Dateiabstand ca. $dateiintervallminuten Minuten<br>";

*/

//Die Anzahl ($zeigeanzahlbilder) der jüngsten Bilder mit Zeitintervall $dateiintervall x $abstand werden gezeigt

$abstand = 1; // d.h. z.B. 2 x Bildsende-Intervall ( z.B. 2 x 6min = 12 Minuten )

$zeigeanzahlbilder = 30; // Achtung: D.h. z. B. 40 Bilder von jeder Webcam!

//Titel der Bilder-Tabelle

//echo "<div class='boxtitel' style=' position: absolute; left: 10px; top: 100px;'>";

//echo "Hier sehen Sie eine Auswahl der jüngsten ".$zeigeanzahlbilder." Bilder unserer Webcam. Das aktuelle Bild finden Sie auf der Startseite. Dort wird es ca. alle ".$dateiintervallminuten." Minuten aktualisiert.";

//echo "</div>";

//Bilder-Tabelle wird erzeugt

echo "<div class='wrapper'>";

echo "<center><table>";

$i = 0;

while ($i < $zeigeanzahlbilder):

echo "<tr>";

$bild1 = $allebilder1[($i+0)*$abstand];

$bild2 = $allebilder1[($i+1)*$abstand];

$bild21 = $allebilder1[($i+2)*$abstand];

$bild3 = $allebilder2[($i+0)*$abstand];

$bild4 = $allebilder2[($i+1)*$abstand];

$bild41 = $allebilder2[($i+2)*$abstand];

$bildpfad1 = $ordner1."/".$bild1;

$bildpfad2 = $ordner1."/".$bild2;

$bildpfad21 = $ordner1."/".$bild21;

$bildpfad3 = $ordner2."/".$bild3;

$bildpfad4 = $ordner2."/".$bild4;

$bildpfad41 = $ordner2."/".$bild41;

$bildzeit1 = mktime( substr( $bild1, -20, 2), substr( $bild1, -18, 2), 0, substr( $bild1, -24, 2), substr( $bild1, -22, 2), substr( $bild1, -28,4));

$bildzeit2 = mktime( substr( $bild2, -20, 2), substr( $bild2, -18, 2), 0, substr( $bild2, -24, 2), substr( $bild2, -22, 2), substr( $bild2, -28,4));

$bildzeit21 = mktime( substr( $bild21, -20, 2), substr( $bild21, -18, 2), 0, substr( $bild21, -24, 2), substr( $bild21, -22, 2), substr( $bild21, -28,4));

$bildzeit3 = mktime( substr( $bild3, -20, 2), substr( $bild3, -18, 2), 0, substr( $bild3, -24, 2), substr( $bild3, -22, 2), substr( $bild3, -28,4));

$bildzeit4 = mktime( substr( $bild4, -20, 2), substr( $bild4, -18, 2), 0, substr( $bild4, -24, 2), substr( $bild4, -22, 2), substr( $bild4, -28,4));

$bildzeit41 = mktime( substr( $bild41, -20, 2), substr( $bild41, -18, 2), 0, substr( $bild41, -24, 2), substr( $bild41, -22, 2), substr( $bild41, -28,4));

$bildtitel1 = $tagesnamen[date("w", $bildzeit1)].", ".date("j", $bildzeit1).". ". $monatsnamen[date("n", $bildzeit1)]." ".date("G", $bildzeit1).":".date("i", $bildzeit1)." Uhr";

$bildtitel2 = $tagesnamen[date("w", $bildzeit2)].", ".date("j", $bildzeit2).". ". $monatsnamen[date("n", $bildzeit2)]." ".date("G", $bildzeit2).":".date("i", $bildzeit2)." Uhr";

$bildtitel21 = $tagesnamen[date("w", $bildzeit21)].", ".date("j", $bildzeit21).". ". $monatsnamen[date("n", $bildzeit21)]." ".date("G", $bildzeit21).":".date("i", $bildzeit21)." Uhr";

$bildtitel3 = $tagesnamen[date("w", $bildzeit3)].", ".date("j", $bildzeit3).". ". $monatsnamen[date("n", $bildzeit3)]." ".date("G", $bildzeit3).":".date("i", $bildzeit3)." Uhr";

$bildtitel4 = $tagesnamen[date("w", $bildzeit4)].", ".date("j", $bildzeit4).". ". $monatsnamen[date("n", $bildzeit4)]." ".date("G", $bildzeit4).":".date("i", $bildzeit4)." Uhr";

$bildtitel41 = $tagesnamen[date("w", $bildzeit41)].", ".date("j", $bildzeit41).". ". $monatsnamen[date("n", $bildzeit41)]." ".date("G", $bildzeit41).":".date("i", $bildzeit41)." Uhr";

echo "<td><a class='fancybox zpnolayoutlinkstyles ' data-fancybox-group='gallery' href='".$bildpfad1."'> <img loading=\"lazy\" src= '".$thumb_ordner1."/".$bild1."' title= '$bildtitel1' onContextMenu='return false;' alt='Flugplatz am $bildtitel1'/> </a></td>";

echo "<td><a class='fancybox zpnolayoutlinkstyles ' data-fancybox-group='gallery' href='".$bildpfad2."'> <img loading=\"lazy\" src= '".$thumb_ordner1."/".$bild2."' title= '$bildtitel2' onContextMenu='return false;' alt='Flugplatz am $bildtitel2'/> </a></td>";

echo "<td><a class='fancybox zpnolayoutlinkstyles ' data-fancybox-group='gallery' href='".$bildpfad21."'><img loading=\"lazy\" src= '".$thumb_ordner1."/".$bild21."' title= '$bildtitel21' onContextMenu='return false;' alt='Flugplatz am $bildtitel21'/></a></td>";

echo "<td><a class='fancybox zpnolayoutlinkstyles ' data-fancybox-group='gallery' href='".$bildpfad3."'> <img loading=\"lazy\" src= '".$thumb_ordner2."/".$bild3."' title= '$bildtitel3' onContextMenu='return false;'alt='Flugplatz am $bildtitel3'/> </a></td>";

echo "<td><a class='fancybox zpnolayoutlinkstyles ' data-fancybox-group='gallery' href='".$bildpfad4."'> <img loading=\"lazy\" src= '".$thumb_ordner2."/".$bild4."' title= '$bildtitel4' onContextMenu='return false;'alt='Flugplatz am $bildtitel4'/> </a></td>";

echo "<td><a class='fancybox zpnolayoutlinkstyles ' data-fancybox-group='gallery' href='".$bildpfad41."'><img loading=\"lazy\" src= '".$thumb_ordner2."/".$bild41."' title= '$bildtitel41' onContextMenu='return false;'alt='Flugplatz am $bildtitel41'/></a></td>";

echo "</tr>";

$i += 3;

endwhile;

echo "</table></center>";

echo "</div>";

?>

$('[data-fancybox-group="gallery"]').fancybox({

"hideOnContentClick": true,

"padding": 0,

"margin": 30,

"cyclic": true,

"changeSpeed": 0,

"speedIn": 300,

"speedOut": 300,

"easingIn": "easeOutCubic",

"easingOut": "easeInCubic",

"overlayColor": "#333",

"overlayOpacity": 0.99,

"onStart": function () {

$("#fancybox-content").css("background", "#fff").css("color", "#333").css("borderWidth", "0");

}

});

</script>

Stefan S

Das Problem ist nicht, dass sich ZP hier einmischt. Ihr Code mischt sich in ZP ein

ZP nutzt selbst bereits Fancybox und auch jQuery. Daher kann es sein, dass wir bereits CSS nutzen, das dann die Anzeige schon beeinflusst. Falls das so ist, müsste Ihr Code sich darum kümmern, unser CSS entsprechend zu überschreiben damit Ihre Inhalte wie gewünscht dargestellt werden. Ggf. wäre es auch ratsam, fancybox nicht sofort zu initialisieren, sondern erst, wenn man entsprechend irgendwo drauf klickt (z.B. auf eines Ihrer Bilder-Thumbnails).

All das liegt in der Verantwortung des Entwicklers von Fremdcode, denn wir können deshalb nicht den im Baukasten enthaltenen Code ändern, der ja in jedem Kundenprojekt enthalten ist.

Stefan S

PS: meine Antwort hier bezog sich auch auf Es gibt ein Problem mit Zeta 16.3 auf dem PC

Wenn der Code, wie hier beschrieben mit !system.preview implementiert wird, kann solch ein Problem nämlich eigentlich gar nicht auftreten.

Widget HTML/PHP so ändern das sich Zeta nicht einmischt!

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?