CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

rar_jacobsen Nybegynder

02. februar 2008 - 22:37 Der er 14 kommentarer og
1 løsning

document.all.preview.src fejl

Hvorfor kan jeg ikke få nedenstående til at virke, nedenstående kode har virket ... men ved ikke hvornår det er gået galt.
Hele ideen med dette er script er at der skal vise et preview billede af den valgte fil i img-tagget, men der kommer ikke noget billede frem. Dette er i IE, prver jeg i firefox er billedet der heller ikke, men der er en sti til billedet???

<h2>Upload filer på serveren</h2>
<p>Vælg et billede til upload
<br /><input class="size150px" style="width:225px;height:1.7em;" type="file" name="FILE1" id="FILE1" onchange="document.all.preview.src='file:///'+this.value;document.all.preview.style.visibility='visible';
;document.all.send.disabled=false;document.all.send.style.visibility='visible';document.all.headline.disabled=false;document.all.headline.style.visibility='visible'"></p>

<h3 id="headline" style="visibility:hidden;"><img src="graphics/designlayout/maintenancehead.png" />Preview af valgte fil</h3>
<img id="preview" style="border-bottom:#000000 1px solid;border-left:#000000 1px solid;border-right:#000000 1px solid;border-top:#000000 1px solid;width:200px;">
<br /><input style="background-color:#FA9413;color:#FFFFFF;font-weight:bold;" type="submit" value="Upload billede" name="send" style="visibility:hidden;">

Synes godt om

w13 Novice

02. februar 2008 - 22:56 #1

Ret din onchange til:

onchange="document.getElementById('preview').src='file:///'+this.value;document.getElementById('preview').style.visibility='visible';
;document.getElementById('send').disabled=false;document.getElementById('send').style.visibility='visible';document.getElementById('headline').disabled=false;document.getElementById('headline').style.visibility='visible'"

document.all er noget, IE har fundet på, og det er i øvrigt voldsomt forældet. I dag bruger man document.getElementById(), og det holder i alle browsere.

Synes godt om

w13 Novice

02. februar 2008 - 22:58 #2

Denne er endnu mere opdateret:

onchange="document.getElementById('preview').setAttribute('src','file:///'+this.value);document.getElementById('preview').style.visibility='visible';
;document.getElementById('send').setAttribute('disabled',false);document.getElementById('send').style.visibility='visible';document.getElementById('headline').setAttribute('disabled',false);document.getElementById('headline').style.visibility='visible'"

Synes godt om

rar_jacobsen Nybegynder

02. februar 2008 - 23:20 #3

den virker ikke, hverken den ene eller den anden kode, og nu viser Firefox send-knappen med det samme, uanset hvad ...

og når jeg vælger fil i Firefox kommer der kun en lill streg hvor billedet burde komme, og H3 kommer slet ikke frem
IE vser alt med undtagelse af selve billedet, klikker jeg på det manglende billede og vælger properties er der ikke nogen url til billedet - hjælper det på fejlsøgningen?

Synes godt om

w13 Novice

02. februar 2008 - 23:29 #4

Følgende er testet og virker:
-------------------------------------
<html>
<head></head>
<body>

<h2>Upload filer på serveren</h2>

<p>Vælg et billede til upload<br />
<input class="size150px" style="width:225px;height:1.7em" type="file" name="file1" id="file1" onchange="document.getElementById('previewimg').setAttribute('src','file:///'+this.value);document.getElementById('preview').style.display='block'"></p>

<div id="preview" style="display:none">
<h3><img src="graphics/designlayout/maintenancehead.png" />Preview af valgte fil</h3>
<img id="previewimg" style="border:#000 1px solid;width:200px">
<br /><input style="background-color:#fa9413;color:#fff;font-weight:bold" type="submit" value="Upload billede" name="send">
</div>

</body>
</html>

Synes godt om

rar_jacobsen Nybegynder

02. februar 2008 - 23:53 #5

har prøvet at smide den ind på den eksisterende side ... kan ikke finde fejlen.
men smider jeg den ind på en ren blank side virker det ganske rigtig ??

Synes godt om

w13 Novice

02. februar 2008 - 23:59 #6

Ja, så er der noget andet i din kode, som forstyrrer denne. Det kan være hvadsomhelst.

Synes godt om

rar_jacobsen Nybegynder

03. februar 2008 - 00:18 #7

hmm ... har lige forsøgt at hive alle stylesheets ud så der intet er defineret, men uden held

Synes godt om

w13 Novice

03. februar 2008 - 01:01 #8

Er der ikke andet på din side end stylesheets, udover denne kode da? Har du mulighed for at smide et link til koden?

Synes godt om

rar_jacobsen Nybegynder

03. februar 2008 - 02:04 #9

http://www.jepperdy.dk/?1stID=photomanagement

Synes godt om

rar_jacobsen Nybegynder

03. februar 2008 - 02:38 #10

det er så selve den generet HTML kode, men kan smide de to asp filer til dig som der er foruden for den

Synes godt om

w13 Novice

03. februar 2008 - 13:40 #11

Der er da slet ingen upload på den side?

Synes godt om

olebole Juniormester

03. februar 2008 - 15:09 #12

<ole>

Vær i øvrigt opmærksom på, at linjen:
<?xml version="1.0" encoding="iso-8859-1"?>

- umuliggør brugen af CSS i IE6 og at den er komplet ligegyldig. Ikke mindst, når du har valgt en XHTML-version, som i virkeligheden hverken er HTML eller XHTML, men tættest på HTML :)

Noget i din kode tyder dog på, du selv har været omkring problematikken:





Hvis du sletter den pågældende linje, vil det være overflødigt at bruge specielt stylesheet til IE6 ;o)

/mvh
</bole>

Synes godt om

olebole Juniormester

03. februar 2008 - 15:22 #13

Desuden har du en del markup-fejl:
*) der findes ikke en align-attribut på et p-element.
*) et font-element kan ikke have en style-attribut.
*) et p-element kan ikke indeholde et ul-element.
*) et ul-element kan ikke have et strong-element som 'barn' (kan kun indeholde li-elementer)

- og der er sikkert flere ;o)

Synes godt om

grace45 Nybegynder

22. oktober 2010 - 19:20 #14

Hej min kære,
Hvordan har du i dag, jeg håber, at alle er godt med dig. Jeg er ked af at bekymre dig med min Forslag til et forhold med dig, men jeg ved, at du vil imødekomme min anmodning i god tro og forståelse. Jeg har brug for dig i forretningsbetingelser og rådgive. Mit navn er Grace Dabah jeg bare gik gennem din profil har ingen andre muligheder end at lade dig vide, at jeg er interesseret i at have et forhold med dig, vil jeg også gerne vide dig mere, kan du sende en mail til min e-mail adresse (grace_11dabah @ yahoo.com), så jeg kan sende dig flere oplysninger om mig selv inklusive mit billede. Jeg tror, vi kan gå herfra. Men huske på, at kærlighed ikke har nogen farver barriere, ingen uddannelsesmæssige tilbage jorden barriere, ingen socio-økonomiske barrierer, religiøse, sprog, nationalitet eller afstand hindring, det eneste vigtige der er kærlighed. Jeg venter på din mail til min e-mail adresse ovenfor.
Med venlig hilsen,
Miss Grace.

Synes godt om

w13 Novice

22. oktober 2010 - 19:43 #15

Hmm.. Nej tak?

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Se alle it-kurser fra Computerworld Kurser

IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Se alle it-kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS