Tillfälligt 'TILT' i skallen eller ...

sinnedMedlem sedan aug. 200237 inlägg

Frågan11 nov. 2003 06:09#1

Hej , får inte INPUT-taggens onClick att fungera. Har jag missat något eller?

---- urdrag av testfil ----------------------------------
<HTML>
<HEAD>
<TITLE>MAIN TEST</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

</SCRIPT>
</HEAD>

</CENTER>
</BODY>
</HTML>
------------------------------------------------------------

:) Dennis

Jesper TMedlem sedan nov. 20017 144 inlägg

11 nov. 2003 09:45#2

testa med:

<INPUT TYPE="file" NAME="new_file" VALUE="" ALIGN="center" 
ONCHANGE="send_inf([b]this.value[/b]);" ALT="Ladda in ny bild">

dectgapMedlem sedan sep. 20021 655 inlägg

11 nov. 2003 11:09#3

Du kommer få problem med att skicka en fil genom "get" på det viset.

Testa att istället skriva så här:

<form method="post" enctype="multipart/form-data" action="http://localhost/get_test/default.asp" target="_top">
<INPUT TYPE="file" NAME="f" ALIGN="center" ONCHANGE="this.form.submit()" ALT="Ladda in ny bild">
</form>

För du vill väl ladda upp en fil, och inte bara skicka sökvägen till filen?

sinnedMedlem sedan aug. 200237 inlägg

11 nov. 2003 18:42#4

Var inne och såg att jag fått hjälp. Dectgap, det är bara sökvägen som jag vill komma åt. Det var dåligt av mig att jag inte talade om detta från början, ursäkta. Jesper, jag testade ditt förslag och det funkade på Netscape 7.1 men inte på Microsoft IE 5.0 som jag har på datorn. Det spelar ingen roll att det inte funkade på IE5.0, jag blev jätteglad, äntligen kom jag förbi denna bromskloss.

:) Dennis

Jesper TMedlem sedan nov. 20017 144 inlägg

11 nov. 2003 18:47#5

Det funkade i I.E.6 för mig men inte i mozilla firebird.

Jesper TMedlem sedan nov. 20017 144 inlägg

11 nov. 2003 18:49#6

Här har du ett annat exempel

 <html>
<head>
<!--
This file retrieved from the JS-Examples archives
[url]http://www.js-examples.com[/url]
1000s of free ready to use scripts, tutorials, forums.
Author: Unknown - [url]http://www.js-examples.com/[/url] 
-->

<STYLE TYPE=text/css>
  #displaysection  { position: absolute; z-index: 10; visibility: visible; left: 10px; top: 100px; }
  .TDMED           { font-size:  10pt; }
  TD               { font-size:  8pt; }
</STYLE>

<SCRIPT>

// SNIFFER
IE4  = (document.all)    ? 1 : 0;
NS4  = (document.layers) ? 1 : 0;
VER4 = (IE4 || NS4)      ? 1 : 0;

function f_external_drop(e)
 {
  var ls_file_url, ls_filename, ls_html;

  if (NS4)
   {
    netscape.security.PrivilegeManager.enablePrivilege('UniversalBrowserRead');
    netscape.security.PrivilegeManager.enablePrivilege('UniversalFileRead');

    ls_file_url = e.data[0];
    ls_filename = ls_file_url.substring(8).replace(/\|/g, ':').replace(/\//g,java.lang.System.getProperty('file.separator'));
    document.forms[0].elements["inputfile"].value = ls_filename;
    if (e.data.length == 1 ) { f_view(); }
    else { f_multiview(e); }
   }
  return false;
}

window.ondragdrop = f_external_drop;

function f_rewrite(as_name, as_text)
 {
  if (NS4)
   {
    // NS4 - GET <DIV> (ie layers[]) NAME and rewrite document
    ls_eval = "document.layers['" + as_name +"'].document.open()";
    eval(ls_eval);
    ls_eval = "document.layers['" + as_name +"'].document.write(as_text)";
    eval(ls_eval);
    ls_eval = "document.layers['" + as_name +"'].document.close()";
    eval(ls_eval);
   }
  else
   {
    ls_eval = "document.all['" + as_name +"'].innerHTML='" + as_text + "'";
    eval(ls_eval);
   }
 }

function f_ieview()
 {
  if (IE4) { f_view(); }
 }

function f_nsview()
 {
  if (NS4) { f_view(); }
 }

function f_view()
 {
  var  ls_file, ls_html, ls_msg;
  var  li;

  ls_file = document.forms[0].inputfile.value;

  li = ls_file.indexOf("\\");
  while (li > 0)
   {
    ls_file = ls_file.substr(0, li) + "\/" + ls_file.substr(li + 1, ls_file.length - 1);
    li = ls_file.indexOf("\\");
   }

   // ADD type file:///
   li = ls_file.indexOf(":");
   if (li > 0) { ls_file = "file:\/\/\/"  + ls_file.substr(0, li) + "|" + ls_file.substr(li + 1, ls_file.length - 1);}

   ls_file = ls_file.toLowerCase();
   if ( ls_file.indexOf(".jpg") != -1 || ls_file.indexOf(".jpeg") != -1 || ls_file.indexOf(".gif") != -1 )
     {
     // GET img dimensions
     ls_msg   = "";
     limg     = new Image();
     limg.src = ls_file;
     ls_msg   = limg.src ;
     ls_msg  += " : W=" + limg.width + " : H=" + limg.height ;
     window.status = ls_msg;

     ls_html  = "<CENTER><TABLE BORDER=1 CELLSPACING=2 CELLPADDING=5 WIDTH=400><TR><TD><CENTER>";
     ls_html += ls_msg + "</CENTER></TD></TR>";
     ls_html += "<TR><TD><CENTER><IMG NAME=show SRC=" + limg.src + " SIZE=50%></CENTER></TD></TR>";
     ls_html += "</TABLE></CENTER>";
     f_rewrite("displaysection", ls_html);
     }
   else
     {
//    ls_eval = "document.layers['displaysection'].src=" + ls_file;
//window.status = ls_eval;
//alert(ls_eval);
//    eval(ls_eval);
     }
 }

function f_multiview(e)
 {
  var  ls_file, ls_html, ls_name, ls_contacts, ls_newrow;
  var  li;

  ls_html     = "";
  ls_contacts = "";
  for (li=0; li < e.data.length; li++)
   {
    ls_file = e.data[li]
    ls_file = ls_file.toLowerCase();

    if ( ls_file.indexOf(".jpg") != -1 || ls_file.indexOf(".jpeg") != -1 || ls_file.indexOf(".gif") != -1 )
     {
      ls_name      = ls_file.substring(ls_file.lastIndexOf("/") + 1, ls_file.length);
      ls_newrow    = "";
      if (li!=0 && li%4==0) { ls_newrow="</TR><TR>"; }
      ls_contacts += ls_newrow
      ls_contacts += "<TD VALIGN=bottom><CENTER>";
      ls_contacts += "<TABLE BORDER=1 BORDERCOLOR=blue CELLSPACING=0 BGCOLOR=white>";
      ls_contacts += "<TR><TD><CENTER>";
      ls_contacts += "  <IMG NAME=show SRC=" + ls_file + " WIDTH=64>";
      ls_contacts += "</CENTER></TD></TR>";
      ls_contacts += "<TR><TD><CENTER>" + ls_name + "</CENTER></TD></TR>";
      ls_contacts += "</TABLE></CENTER>";
      ls_contacts += "</TD>";
     }
    }
   lj = e.data.length%4
   if (lj%4 > 0 && e.data.length > 4)
    {
     lj = 4 - lj;
     for (li=0; li < lj; li++) { ls_contacts += "<TD>&nbsp;</TD>"; }
    }

   ls_html  = "<CENTER><TABLE BORDER=4 BORDER-STYLE=ridge CELLSPACING=2 CELLPADDING=5 WIDTH=400 BGCOLOR=#C0C0C0>";
   ls_html += "<TR>" + ls_contacts + "</TR>";
   ls_html += "</TABLE></CENTER>";

   f_rewrite("displaysection", ls_html);
 }

</SCRIPT>

</head>
<body>

<CENTER>

<DIV id=displaysection>&nbsp;</DIV>

<FONT SIZE=+1>

<FORM ENCTYPE=multipart/form data>
<TABLE BORDER=1>
  <TR>
    <TD CLASS=TDMED><INPUT TYPE=button VALUE=View onClick='f_view();' TABINDEX=10></TD>
    <TD><INPUT TYPE=file NAME=inputfile SIZE=80 onFocus='f_ieview();' onChange='f_nsview();' TABINDEX=20></TD>
  </TR><TR>
    <TD COLSPAN=2 CLASS=TDMED><CENTER>In Netscape Navigator you can <B>Drag and Drop</B> single or multiple images onto this page.</CENTER></TD>
  </TR>
</TABLE>
</FORM>

</FONT>
</CENTER>

<!-- NETSCAPE: Requires prerendered large size window for large images //-->
<TABLE WIDTH=200%><TR><TD></TD></TR></TABLE>
<BR><center><a href='http://www.js-examples.com'>JS-Examples.com</a></center> 
</body>
</html>