Hallo liebe Community,
ich sitze nun seit mehreren Tagen an einem Problem.
Das Problem liegt bei den thumbnails. Ich lasse per onclick von einem Fileupload einen Thumbnail erstellen welches ja an sich ja ohne weiteres ja klappt. Nur liegt das Problem darin, dass wenn ich bei meinem ausgelesenen gästebuch einen Thumbnail erstellen lasse es immer in dem ersten Post erstellt wird. Jedoch soll es nach meinen Bedürfnissen so sein, dass wenn ich im dritten Post mit einem Bild kommentiere soll der Thumbnail auch im dritten Post erstellt werden und nicht im ersten immer. Ich habe es mit PHP hochzählen lassen den id namen und im Java dann auch durch
ausprobiert ohne erfollg. Dann habe ich die durch
ausprobiert ebenfalls ohne erfolg.
Ich glaube die erste variante wäre die sinnvolle nur weiß ich nicht ob die falsch geschrieben ist oder nicht. Ich bin echt ratlos :/.
hier ist auch noch mein Script mal, damit ihr euch noch einen eindruck machen könnt und mir sagen könnt was daran faslch ist oder einen anderen Lösungvorschlag habt.
das ist das Javascript
Und hier der PHP script...ach ja das ist eig. im einem echo verpackt.
mfg
Brizzi und danke an alle schon mal im Vorraus
ich sitze nun seit mehreren Tagen an einem Problem.
Das Problem liegt bei den thumbnails. Ich lasse per onclick von einem Fileupload einen Thumbnail erstellen welches ja an sich ja ohne weiteres ja klappt. Nur liegt das Problem darin, dass wenn ich bei meinem ausgelesenen gästebuch einen Thumbnail erstellen lasse es immer in dem ersten Post erstellt wird. Jedoch soll es nach meinen Bedürfnissen so sein, dass wenn ich im dritten Post mit einem Bild kommentiere soll der Thumbnail auch im dritten Post erstellt werden und nicht im ersten immer. Ich habe es mit PHP hochzählen lassen den id namen und im Java dann auch durch
Javascript:
$this.find('div[id^='thumbnail2]')
Javascript:
thumb= getElementbyId('thumbnail2'){ for (i=0; thumb<i; i++)....
ausprobiert ebenfalls ohne erfolg.
Ich glaube die erste variante wäre die sinnvolle nur weiß ich nicht ob die falsch geschrieben ist oder nicht. Ich bin echt ratlos :/.
hier ist auch noch mein Script mal, damit ihr euch noch einen eindruck machen könnt und mir sagen könnt was daran faslch ist oder einen anderen Lösungvorschlag habt.
das ist das Javascript
Javascript:
<script type="text/javascript">
window.URL = window.URL || window.webkitURL;
function fileThumbnail2(files)
{
var thumb = this.find('div[id^=thumbanil2]');
thumb.innerHTML = "";
if(!files)
return;
for(var i = 0; i < files.length; i++)
{
var file = files[i];
if(!file.type.match(/image.*/))
continue;
var img = document.createElement("img");
img.src = window.URL.createObjectURL(file);
img.width = 450;
img.onload = function(e) {
window.URL.revokeObjectURL(this.src);
};
thumb.appendChild(img);
}
x = document.getElementById("thumbx");
//style
x.style.opacity ="1";
x.style.visibility="visible";
}
function FileAbbrechen(){
x = document.getElementById("thumbx");
//style
x.style.opacity ="0";
x.style.visibility="visible";
if(fileThumbnail2() == 1) {
return false;
}
}
</script>
Und hier der PHP script...ach ja das ist eig. im einem echo verpackt.
PHP:
</div><br>
<form action="post_komm_eigene_seite.php" method="post" enctype="multipart/form-data">
<input type="text" id="postkom" name="id" style="visibility: hidden" value="'.$id.'">
<input id="photofile" type="file" name="file" accept="image/*" >
<input type="button" id="post_bild" name="photokomm" title="Foto hochladen">
<input type="submit" id="postkomm" value="">
<div class="blogimage2" style="width: 450px; height: auto; margin-left: 8px; margin-top: -42px; margin-bottom: 50px; border-radius: 4px; -webkit-margin-start: 0px;">
<input type="button" id="thumbx" onClick="FileAbbrechen();">
<input type="hidden" class="name_thumb" value="thumbnail2"'.$x.'"">
<div id="thumbnail2"'.$x.'"" style="border-radius: 4px; -webkit-margin-start: 6px; width: 450px;">
</div>
</div>
mfg
Brizzi und danke an alle schon mal im Vorraus