Könntet ihr mal über folgenden JS-Script (Doppeltgemoppelt hält besser ;)) drüberschaut. Das Script läuft extrem langsam(Zumindest an meinem pc, weis ncih wies bei andren ist). Das ganze liegt am Style. ich habe mal nur den Rohcode verwendet. Der funktioniert einwandfrei.... wäre für eine Hilfe sehr dankbar.
Code
<?
//include("e.php"); //logincheck
include("config.php"); //MYSQL zugang
include("links.php"); //Links
include("thumbnail.php"); //Nach upload erforderliche funktion. nicht relevant für upload selbst
if ($_GET["page"] == "upload1")
{
?><?
$abfrage001 = "SELECT * FROM KTF_gallerie_gnr ORDER BY name";
$ausfuerung001 = mysql_query($abfrage001);
?><head>
<script type="text/javascript">
//<![CDATA[
var n = 0;
function nbild() {
var tabelle = document.getElementById('tabelle');
var zeile = tabelle.insertRow(-1);
var zelle1 = zeile.insertCell(0);
var zelle2 = zeile.insertCell(1);
var zelle3 = zeile.insertCell(2);
zelle1.innerHTML = "<input type='file' name=datei_" + n +" >";
zelle2.innerHTML = "<select name='gnr_" + n +"' /><? while($row = mysql_fetch_object($ausfuerung001)){echo '<option value='.$row->gnr.'>'.$row->name.' ('.$row->akt.')</option>';}?>";
zelle3.innerHTML = "<textarea name='beschreibung_" + n +"'></textarea><input type=hidden name=hidden value='" + n + "'>";
n += 1;
}
//]]>
</script>
<style type="text/css">
span.neu
{
border: 2px solid #000000;
padding: 0.5ex;
margin: 1em;
cursor: pointer;
background-color: #E4E4E4;
}
td
{
padding: 0.5ex;
}
</style>
</head>
<body onload="nbild()"><div class='hg'>
<h2>Upload-Bereich</h2>
<div class='news'><div class=news><font color=red size=5><center>[Von allen neuen Bildern wird ein thumbnail erstellt!]</font>
<font size=3>Zusätzlich längere Ladezeiten sind nach dem heraufladen der Datei zu erwarten (Verkleinerungsprozess der Bilder, noch bevor das nächste Fenster geladen wird)</font></center></div>
Datei Auswählen und hochladen!
<form action='<?echo $log."&page=upload2";?>' method="post" enctype='multipart/form-data'>
<table id="tabelle">
<tr>
<td>Bild auswählen</td>
<td>Galerie auswählen
<font size=2>[url='<?']>Gallerieverwaltung[/url]</font></td>
<td>Bildbeschreibung</td>
</tr>
</table>
<input type='submit' value='Bild(er) hochladen'>
</form>
</p>
<span class="neu" onclick="nbild()">Weiteres Bild uploaden</span>
</p></div></div>
</body>
<?
}
if ($_GET["page"] == "upload2")
{
echo "<div class=hg>";
$hidden = $_POST["hidden"];
ini_set("memory_limit","35M");
ini_set("max_execution_time","200");
for ($i = 0; $i <= $hidden; $i++)
{
$gnr = $_POST["gnr_".$i];
$time = time();
$abfrage = "SELECT id FROM KTF_gallerie WHERE gnr LIKE '".$gnr."' ORDER BY id";
$ergebnis = mysql_query($abfrage);
$menge = mysql_num_rows($ergebnis);
$dateiname = $_FILES['datei_'.$i]['name'];
$temp = (substr_count($dateiname, ".") > 0) ? explode(".", $dateiname) : "";
$endung = $temp ? $temp[count($temp)-1] : "";
$datei = $temp ? substr($dateiname, 0, strlen($dateiname) - strlen($endung) - 1) : $dateiname;
$temp = "";
$id = $menge + 1;
$file = $gnr."_".$id."_".date("d-m-Y",$time).".".$endung;
$ip = $_SERVER['REMOTE_ADDR'];
$beschreibung = nl2br($_POST["beschreibung_".$i]);
move_uploaded_file($_FILES['datei_'.$i]['tmp_name'], "../galerie/".$file);
$thumbnail = thumbnail($file);
echo "<div class=news>";
$eintrag01 = "INSERT INTO KTF_gallerie
(id, dat_name, upload_time, upload_ip, gnr, akt, beschreibung, thumbnail)
VALUES
('$id', '$file', '$time', '$ip', '$gnr', '1', '$beschreibung', '".$thumbnail[1]."')";
$eintragen01 = mysql_query($eintrag01);
if($thumbnail[0] AND $eintragen01)
{
echo "Datei wurde erfolgreich gespeichert unter: \"$file\"
[*]Thumbnail erfolgreich erstellt.";
}
else
{
$fehler = $i +1;
echo "Fehler beim Speichern der ".$fehler."ten hochzuladenden Datei(".$dateiname."; local).";
//
Bericht:
$gnr
$menge
$id
$file
$endung
<table border=1><tr><td>$beschreibung</td></tr></table>
$eintrag01";
}
echo "</div>";
}
echo "</div>";
}
?>
Alles anzeigen
style.css
Code
body
{
font-family: Sans-serif;
font-size: 1.5em;
text-align: center;
background-color: #000000;
color: #FFFFFF;
}
div.hg
{
background-image: url(../Medien/Noxy.png);
background-color: #FFEE99;
background-position: top center;
background-repeat: repeat-y;
color: #000000;
width: 80%;
border: 1px solid #000000;
margin: 10%;
margin-top: 0px;
margin-bottom: 0px;
}
div.but
{
background-color: #FFEE99;
height: 50px;
width: 80%;
border: 1px solid black;
margin: 10%;
margin-top: 0em;
margin-bottom: 0em;
}
div.news
{
color: #000000;
margin: 2em;
border: 2px solid black;
border-left: 10px solid black;
background-color: #F0F1FF;
padding: 1em;
}
div.spz
{
margin: 1em;
border: 2px solid green;
border-left: 10px solid green;
padding: 1em;
background-color: #88FF88;
}
img
{
border: none;
}
img.gal
{
border: 0.5ex solid #000000;
border-bottom: 2em solid #000000;
}
img.link
{
margin-left: 1ex;
margin-right: 1ex;
}
table
{
border: 1px solid #000000;
color: #000000;
}
table.nb
{
border: none;
}
td
{
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding-right: 1em;
}
td.nb
{
border: none;
}
td.geld
{
border-right: none;
padding-right: 0em;
}
td.schluss
{
border-bottom: none;
}
td.schlussgeld
{
border-bottom: none;
border-right: none;
padding-right: 0em;
}
Alles anzeigen
Könntet ihr mir vielleicht auch ein Statement zu dem JS-Teil ( nbild() ) geben? kann man das einacher gestalten?
Gruß Heinrich
€dit: Hier mal die Rohdatei ohne Styles oder sonst was, einfach nur der Script