10. maj 2003 - 11:44
Der er
9 kommentarer og 1 løsning
Overføre variable til nyt vindue
Jeg mangler en funktion, der gør at man kan se et billedet før man uploader det. Jeg har følgende kode, der viser billedet straks indholdet i input file er ændret. Tit er billederne megastore, og derfor ville det være fedt hvis man åbne et nyt vindue med billedet. Hvordan? <script type="text/JavaScript"> function visPic(elm) { document.getElementById('vis').innerHTML = "<img border='1' src=\"" + elm.value + "\">"; } </script> <input type="file" style="width:250px;" name="fil" onchange="visPic(this);" class="input2"> <div id="vis"></div>
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
Slettet bruger
10. maj 2003 - 11:47
#1
Ændr funktionen visPic til dette: function visPic(elm) { window.open(elm.value, "visBillede", "width=600,height=400"); } Og slet så div'en med id="vis".
Slettet bruger
10. maj 2003 - 11:49
#2
<html> <head> <title>Se upload</title> </head> <body> <form name="upload"> <input type="file" name="file" value="" onchange="document.getElementById('img').src=this.value;"/> </form> <img src="" id="img"/> </body> </html>
Slettet bruger
10. maj 2003 - 11:49
#3
Sorry misforstod opgaven...
man skal bare selv også kunne se den igen når der er data i fil-input. a la: <a href="java script:visPic('document.form.fil');" >se billede</a>
-- så er det vel to funktioner: Vis i popup se billede ...
<script type="text/JavaScript"> function visPic(elm) { document.getElementById('vis').innerHTML = "<img border='1' src=\"" + elm.value + "\">"; } function visPop(elm) { window.open(elm.value, "visBillede", "width=600,height=400"); } </script> <input type="file" style="width:250px;" name="fil" id="fil" onchange="visPop(this);" class="input2"> <a href="Indsæt billedet på siden" onclick="visPic(document.getElementById["fil"]);return false;">Se billede</a> <div id="vis"></div>
Og så med en lidt pænere status-tekst og et popup-vindue, som passer til formålet (det skulle resize til formålet): <script type="text/JavaScript"> function visPic(elm) { document.getElementById('vis').innerHTML = "<img border='1' src=\"" + elm.value + "\">"; } function visPop(elm) { window.open(elm.value, "visBillede", "scrollbars=no,menu=no,status=no"); } </script> <input type="file" style="width:250px;" name="fil" id="fil" onchange="visPop(this);" class="input2"> <a href="" onmouseover="window.status='Indsæt billedet på siden';" onclick="visPic(document.getElementById["fil"]);return false;">Se billede</a> <div id="vis"></div>
ja tak roenving - lav et svar
Vi tilbyder markedets bedste kurser inden for webudvikling