Witam mam mały problem.
Mam juz działający skrypt....
U góry skrypty JS
<!--
function displayWindow(url, width, height) {
var Win = window.open(url,"displayWindow",'width=' + width + ',height=' + height + ',resizable=0,scrollbars=yes,menubar=no,location=no' );
}
//-->
var thumbnailSize = 340;
function imageChange(image,file) {
imgObj = new Image();
imgObj.onload = function() {
w = this.width; h = this.height; t = document.getElementById(image);
if (w > thumbnailSize || h > thumbnailSize)
if (w > h) {
h = Math.round(h * thumbnailSize / w);
w = thumbnailSize;
} else {
w = Math.round(w * thumbnailSize / h);
h = thumbnailSize;
}
with (t.style) {
width = w+'px';
height = h+'px';
display = 'inline';
}
t.src = "file://" + document.getElementById(file).value;
};
imgObj.onerror = function() {
document.getElementById(image).style.display = 'none';
};
imgObj.src = "file://" + document.getElementById(file).value;
}
function updateObjects(image,file) {
inputObj = document.getElementById(file);
if (document.all)
inputObj.onchange = function() { imageChange(image,file) };
else inputObj.onclick = function() { imageChange(image,file) };
}
function kasuj(image) {
document.getElementById(image).style.display = 'none';
document.getElementById('plikfotka1').innerHTML
= document.getElementById('plikfotka1').innerHTML;
updateObjects('obrazek1','zdjecie');
}
function kasuj2(image) {
document.getElementById(image).style.display = 'none';
document.getElementById('plikfotka2').innerHTML
= document.getElementById('plikfotka2').innerHTML;
updateObjects('obrazek2','zdjecie2');
}
function kasuj3(image) {
document.getElementById(image).style.display = 'none';
document.getElementById('plikfotka3').innerHTML
= document.getElementById('plikfotka3').innerHTML;
updateObjects('obrazek3','zdjecie3');
}
function kasuj4(image) {
document.getElementById(image).style.display = 'none';
document.getElementById('plikfotka4').innerHTML
= document.getElementById('plikfotka4').innerHTML;
updateObjects('obrazek4','zdjecie4');
}
function obrazki(){
updateObjects('obrazek1','zdjecie');
updateObjects('obrazek2','zdjecie2');
updateObjects('obrazek3','zdjecie3');
updateObjects('obrazek4','zdjecie4');
}
<link href="styl.css" rel="Stylesheet" type="text/css">
<body bgcolor="#DCCFB9" topmargin="0" bottommargin="0" leftmargin="0" onload="obrazki();">
poniżej pola typu FILE
<p><font face=arial size=4>Zdjęcie:
</fotn><br> <br><center><IMG id=obrazek1 style="DISPLAY: none" style="{border : 1px solid black;}"> </center><br> <INPUT class=button onclick="kasuj('obrazek1')" type=button value=wyczyść name=cos>
<p><font face=arial size=4>Zdjęcie 2:
</fotn><br> <br><center><IMG id=obrazek2 style="DISPLAY: none" style="{border : 1px solid black;}"></center><br> <INPUT class=button onclick="kasuj2('obrazek2')" type=button value=wyczyść name=cos>
<p><font face=arial size=4>Zdjęcie3:
</fotn><br> <br><center><IMG id=obrazek3 style="DISPLAY: none" style="{border : 1px solid black;}"> </center><br> <INPUT class=button onclick="kasuj3('obrazek3')" type=button value=wyczyść name=cos>
<p><font face=arial size=4>Zdjęcie4:
</fotn><br> <br><center><IMG id=obrazek4 style="DISPLAY: none" style="{border : 1px solid black;}"> </center><br> <INPUT class=button onclick="kasuj4('obrazek4')" type=button value=wyczyść name=cos>
Jak widać wrzucone sa do pola File ścieżki ze zdjęciami, wyświetlane odrazu miniaturki pod polami z opcjami kasuj zdjęcię itp.
Tutaj wszystko ładnie działa.
A problem w tym że niepotrafię przerobić tego skryptu na język php, żeby było na odwrót... czyli:
klikam w np.w ogłoszenie z jakimś tam ID, poczym wybierane sa informacje z bazy gdzie leży(ą) te zdjęcie(a) i wyświetlane tak jak w tym skrypcie pod polami File.
Kombinuję z tym juz dłuższy czas ale bez efektów
Jak ktoś by miał pomysł to prosze napić, z góry dziękuję.
Pozdrawiam