Aufrufen eines Layers der mit hidden abgeschaltet ist

Obertroll · 15. Februar 2021

Alles im gleichen Quellcode!

Code

<script type="text/javascript">
function showLayer(sel_frame) {
document.getElementById(sel_frame).style.visibility = "visible";
}
function hideLayer(sel_frame) {
document.getElementById(sel_frame).style.visibility = "hidden";
}
</script>

funktioniert einwandfrei:

Code

<HTML>
<input class="EintrLoesch" type="button" name="loesch" value="Delete Dataset" onclick="javascript:showLayer('frame_9')">
<input class="Clear" type="button" name="Submit" value="new Objekt" onclick="javascript:showLayer('frame_10')">
<input class="Logout" type="button" name="logout" value="Logout" onclick="javascript:showLayer('frame_11')">

Mit einer vorherigen Abfrage jedoch nicht:

PHP

<?php
if((isset($_GET['mod'])) && (($_GET['mod']) == "m")){
echo ("<script language='javascript'>showLayer('frame_200');</script>");
}elseif((isset($_GET['mod'])) && (($_GET['mod']) == "n")){
echo ("<script language='javascript'>showLayer('frame_201');</script>");
}
?>
<div id="frame_200">
<p></p>
<h2>Dataset has been modified!</h2>
<div id="fo_Loesch">
<div id="centered">
<h2> <?php echo $Infotext; ?></h2>
</div>
</div>
<input class="noDataset" type="button" name="list200" value="Ok" onclick="javascript:hideLayer('frame_200');">
</div>
<div id="frame_201">
<p></p>
<h2>Dataset has been created!</h2>
<div id="fo_Loesch">
<div id="centered">
<h2> <?php echo $Infotext; ?></h2>
</div>
</div>
<input class="noDataset" type="button" name="list201" value="Ok" onclick="javascript:hideLayer('frame_201');">
</div>

Alles anzeigen

Habe mal statt dessen ein Alert-Fenster eingesetzt, das funktioniert einwandfrei!

Die Formatierung ist identisch mit den frame_9 ..10 ..11 hidden

Würde mich freuen, wenn mir hier jemand einen Tipp geben könnte wie ich erreiche das beim Öffnen der Seite, bei Erfüllung des $_GET ['mod'] der Layer angezeigt wird

Sempervivum · 15. Februar 2021

Der Grund, dass es nicht funktioniert, ist, dass das Javascript vor dem HTML-Element steht, d. h. wenn es ausgeführt wird, ist das Element noch nicht vorhanden.

Mehrere Lösungen:

1. Das Javascript hinter das HTML-Element platzieren.

2. Ohne Javascript: Den Wert von visibility oben im PHP definieren und dann im HTML einfügen:

PHP

<?php
$frame_200_visi = 'hidden';
$frame_201_visi = 'hidden':
if((isset($_GET['mod'])) && (($_GET['mod']) == "m")){
$frame_200_visi = 'visible';
}elseif((isset($_GET['mod'])) && (($_GET['mod']) == "n")){
$frame_201_visi = 'visible';
}
?>
<div id="frame_200" style="visibility:<?php echo $frame_200_visi; ?>"> <!-- "m" Confirm record modified --

Für #frame_201 dann das gleiche.

3. Ebenfalls ohne Javascript: Eine Klasse, z. B. "visi" im PHP setzen, im HTML hinzu fügen und mit CSS die Sichtbarkeit steuern.

Obertroll · 15. Februar 2021

Super, funktioniert astrein. DANKE!

Tags