Heyho!
Ich bastele momentan eine Dateiverwaltung für einen bestimmten Ordner meines Webspaces. Darin werden sich vorraussichtlich nur Bilder und Zip's befinden. Beim aufrufen der PHP-Datei werden in ein multiple-select alle Dateien eingetragen, die sich in dem Ordner befinden, damit ich sie dann markieren und löschen kann. Doch das ist hier nicht das Problem.
Damit ich nicht versehentlich die falschen Dateien lösche, habe ich eine "Vorschau"-Funktion eingebaut, die die Bilder verkleinert in einem Iframe anzeigt, sobald man auf den select-Feld-Eintrag eines dieser Bilder klickt.
In Mozilla klappt das auch perfekt, im IE allderings überhaupt nicht. Es kommt noch nicht einmal ein Fehler.
Das Script muss eigentlich ok sein, da der IE bei einem normalen Link nicht stresst.
Also muss es an <option ... onClick="preview()"...> liegen. Interpretiert der IE das nicht? Mache ich da was falsch, oder wo liegt der (Denk-)Fehler?
Hier der Code der kompletten Seite:
################################
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="../msstyle.css">
<script type="text/javascript">
<!--
function preview(datei)
{
var bild_datei = "../inhalte/pics/standard_mime.jpg";
if(datei!="" && document.manage_files.preview_check.checked==true)
{
parent.vorschau.document.open("text/html");
parent.vorschau.document.write("<div style='text-align:center'><img src='" + datei + "' height='80' onError='this.src="" + bild_datei + ""'></div>");
parent.vorschau.document.close();
}
}
function delete_files()
{
if(document.manage_files.delete_check.checked==true)
{ document.manage_files.submit(); }
else
{ alert("Wenn du die markierten Dateien löschen möchtest, musst du ein Häkchen neben den Lösch-Button setzen!"); }
}
//-->
</script>
</HEAD>
<BODY>
<h2>Uploads verwalten</h2>
<TABLE class="zentriert" BORDER=1 CELLSPACING=5 CELLPADDING=5 WIDTH="400">
<TR ALIGN="center" VALIGN="middle">
<TD>
<form name="manage_files" action="upload_manager.php?delete_files=1" method="post">
<select name="dateiliste[]" size="8" multiple style="background-color:#FFFFFF;">
<option value='../upload/f-arb_max_mediapark.zip' style='background-color:#FFFFFF; color:#333333;' onClick='preview("../upload/f-arb_max_mediapark.zip")'>f-arb_max_mediapark.zip</option>
<option value='../upload/affe4.JPG' style='background-color:#FFFFFF; color:#333333;' onClick='preview("../upload/affe4.JPG")'>affe4.JPG</option>
<option value='../upload/f-arb_Mo_Fauststoff.zip' style='background-color:#FFFFFF; color:#333333;' onClick='preview("../upload/f-arb_Mo_Fauststoff.zip")'>f-arb_Mo_Fauststoff.zip</option>
</select>
</TD>
<TD>
<iframe name="vorschau" width="160" height="120" scrolling="no"></iframe>
<br>Dateivorschau <input type="checkbox" name="preview_check">
</TD>
</TR>
<TR ALIGN="center" VALIGN="middle">
<TD colspan="2">Momentan befinden sich 3 Dateien im Ordner "../upload/".
<br>Dadurch belegter Speicher: 131.5 KB.
</TD>
</TR>
<TR ALIGN="center" VALIGN="middle">
<TD colspan="2"><b>Markierte Dateien löschen:</b> [ ja ]<input type="checkbox" name="delete_check"> <input type="button" value="Dateien löschen" onClick="delete_files()" class="button">
<br><a href="javascript:preview('../upload/affe4.JPG')">Test</a>
</TD>
</TR>
</TABLE>
</form>
</BODY>
</HTML>
##################################
Der untere Link mit der Beschreibung "Test" wird im IE korrekt verarbeitet. Der entsprechende Option-Tag (mit den selben Parametern!!) wird ignoriert.
Ich wäre für jede Lösung extrem dankbar, da ich mittlerweile echt nicht mehr weiter weiß!
Habe ich mich in der Syntax vertan? Habe ich fälschlicherweise ein reserviertes Wort benutzt?
Chapeau!
Mastershrimp
Kämpft für die Rettung von dem Genitiv!