bensky
Erfahrenes Mitglied
Hi Leute, ich baue an nem script mit dem ich die Bilder nach dem upload verschieben kann.
Es soll so funktionieren das ich die 5 Bilder auf ner Seite sehen kann und dann durch umverschieben die namen der Bilder per input="hidden" ändern kann.
Das umverschieben funktioniert schon aber nicht die versteckte Namensübergabe.
Es soll so funktionieren das wenn ich bild "1" nach unten verschiebe auf platz "2", bild 1 dann per hidden/value auf den Name "2" getauscht wird und bild "2" den namen "1".
Die namensgebung findet in nem 2ten Script statt und ist kein Problem mit php, nur die übergabe per JS & input bekomme ich nicht hin?
Wo liegt mein Fehler
Hier mein script:
Es soll so funktionieren das ich die 5 Bilder auf ner Seite sehen kann und dann durch umverschieben die namen der Bilder per input="hidden" ändern kann.
Das umverschieben funktioniert schon aber nicht die versteckte Namensübergabe.
Es soll so funktionieren das wenn ich bild "1" nach unten verschiebe auf platz "2", bild 1 dann per hidden/value auf den Name "2" getauscht wird und bild "2" den namen "1".
Die namensgebung findet in nem 2ten Script statt und ist kein Problem mit php, nur die übergabe per JS & input bekomme ich nicht hin?
Wo liegt mein Fehler
Hier mein script:
HTML:
<html>
<head>
<title>Test</title>
<style type="text/css">
table#
upload b{display:none;}
</style>
<script type="text/javascript">
<!--
document.write(unescape('%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0Atable%23upload%20b%7Bdisplay%3Ablock%3B%7D%0D%0A%3C%2Fstyle%3E'));
function move(from,to)
{
tbl=document.getElementById('upload');
for(i=0;i<tbl.rows[from].cells.length;++i)
{
if(i==1)continue;
tbl.rows[to].cells[i].insertBefore(tbl.rows[from].cells[i].firstChild,tbl.rows[to].cells[i].firstChild);
tbl.rows[from].cells[i].appendChild(tbl.rows[to].cells[i].lastChild);
}
}
//-->
</script>
</head>
<body>
<form action="upload.php"method="post" enctype="multipart/form-data">
<table border="0"id="upload">
<tr><td>
<img src="b1.gif" alt="1"></td><td>
<b onclick="move(0,1)"><img src="r.gif" alt="Runter"></b></td><td>
<input type="hidden" name="file1_old" value=""> <!-- Test von alt auf neue datei -->
<input type="hidden" name="file2_new" value="">
</td></tr>
<tr><td>
<img src="b2.gif" alt="2"></td><td>
<b onclick="move(1,0)"><img src="h.gif" alt="Hoch"></b>
<b onclick="move(1,2)"><img src="r.gif" alt="Runter"></b></td><td>
<input type="file" name="file[]">
<input type="hidden" name="file2_old" value="">
<input type="hidden" name="file2_new" value=""> <!-- Test von alt auf neue datei -->
</td></tr>
<tr><td>
<img src="b3.gif" alt="3"></td><td>
<b onclick="move(2,1)"><img src="h.gif" alt="Hoch"></b>
<b onclick="move(2,3)"><img src="r.gif" alt="Runter"></b></td><td>
<input type="file" name="file[]"></td></tr>
<tr><td>
<img src="b4.gif" alt="4"></td><td>
<b onclick="move(3,2)"><img src="h.gif" alt="Hoch"></b>
<b onclick="move(3,4)"><img src="r.gif" alt="Runter"></b></td><td>
<input type="file" name="file[]"></td></tr>
<tr><td><img src="b5.gif" alt="5"></td><td>
<b onclick="move(4,3)"><img src="h.gif" alt="Hoch"></b></td><td>
<input type="file" name="file[]"></td></tr><tr><td colspan="3" align="center">
<input type="submit"></td></tr>
</table>
</body>
</html>
