Billedfunktion i ArtikelEditor 3 Light
Jeg har hentet dette udemærkede stykke værktøj til onlineredigering af hjemmesider fra www.3wp.dkI den ligger der en billedfunktion, som løber en bestemt mappe i gennem og viser alle billederne i liste, hvor man så kan vælge at indsætte dem!
For at man kan se billederne i listen, samt knapperne til at indsætte, se og uploade,kræver funktionen at man har læse og skrive rettigheder på mappen, hvilket ikke er noget problem når jeg er på min egen computer, men siden skal jo også bruges på en server. Siden ligger hos azero og jeg har skrevet til dem indtil flere gange og de påstår at der er de fornød rettigheder, men jeg kan ikke se noget i listen, eller knapperne!
Jeg er så også lidt træt af at man ikke kan se et eksempel på billedet uden at skulle trykke på en knap, så jeg har forsøgt at lave min egen billedfunktion, men det virker ikke!
Det jeg gerne vil have er at man kan se et lille eksempel på billedet og så skal man kunne trykke på det og så skulle den gerne indsætte det!
Her er det jeg har prøvet:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function billede(billed) {
window.returnValue = "<img src=" + billed + ">"
window.close()
}
-->
</script>
TestBR><BR>
<a href="java script:billede('test.jpg')"><img src="../billeder/screenshot.jpg" width="150"></a><BR>
Sådan ser den "rigtige" ud:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
var imag = new Image();
function se(){
if(filNavn.value){
imag.src = "<%=sti%>"+filNavn.value;
vis();
}
}
function vis(){
if(!imag.complete){
setTimeout("vis()",5000);
}else{
showModalDialog("<%=sti%>"+filNavn.value,"","dialogHeight: "+(imag.height+45)+"px; dialogWidth: "+(imag.width+5)+"px;scroll:no; edge: Raised; center: Yes;");
}
}
function indsaet(){
window.returnValue = filNavn.value;
window.close();
}
var fil;
function upl(){
fil = open('upload.asp?PIC=<%=sti%>',"","HEIGHT=50,WIDTH=310,location=no,menubar=no,resizable=no,scrollbars=0status=no,toolbar=no");
modtagTest();
}
function modtag(fil){
filNavn.options[filNavn.options.length] = new Option(fil,fil);
filNavn.options[filNavn.options.length-1].selected = true;
}
function modtagTest(){
// Loop indsat p.g.a. IE5.0 bug i window.opener
if(!fil.closed){
if(fil.fil){
modtag(fil.fil);
fil.close();
}else{
setTimeout("modtagTest()",1000);
}
}else{
setTimeout("modtagTest()",1000);
}
}
</SCRIPT>
</head>
<body>
<fieldset>
<legend><%=sti%></legend>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td>
<select name="filNavn" size="14" style="width: 200px;">
<%
var re = /.jpg\b|.png\b|.gif\b/gi;
var fso = Server.CreateObject('Scripting.FileSystemObject');
var frm = new Enumerator(fso.GetFolder(Server.MapPath("/"+Request.QueryString('PIC'))).Files);
while(!frm.atEnd()){
if(re.test(frm.item().Name)){
Response.Write('<option value="'+frm.item().Name+'">'+frm.item().Name+'</option>');
}
frm.moveNext();
}
%>
</select>
</td>
</tr>
<tr>
<td align="right"><input type="button" value="Upload" onClick="upl()"> <input type="button" value="Se" onClick="se()"> <input type="button" value="Indsæt" onClick="indsaet()"></td>
</tr>
</table>
</fieldset>
