Avatar billede mik28 Seniormester
21. maj 2005 - 19:42 Der er 32 kommentarer og
1 løsning

While loading

Kan jeg vise en besked imens en lidt større fil loader? Hvis jeg F.X har en knap som ser således ud.

<button style="width:150px;" onclick="win=window.open('../pdf/etellerandet.pdf', 'visinfo', 'scrollbars=yes,resizable=yes,copyhistory=yes,height=400,width=550,top=145,left=400,screenY=150,screenX=100');win.focus();">Datasheet</button>
Avatar billede olebole Juniormester
21. maj 2005 - 20:28 #1
<ole>

Måske:
  <button style="width:150px;" onclick="this.innerHTML='Læn dig tilbage og rul en joint ... det her kan godt tage tid!';win=window.open ... osv ...  :)

/mvh
</bole>
Avatar billede mik28 Seniormester
21. maj 2005 - 22:04 #2
Hvis jeg gør det sådan kommer teksten til at stå på knappen. Jeg vil gerne have en vindue hvor det står i
Avatar billede mik28 Seniormester
21. maj 2005 - 22:08 #3
som skal forsvinde når filen er loadet
Avatar billede olebole Juniormester
22. maj 2005 - 00:37 #4
Et ekstra popup-vindue?
Avatar billede mik28 Seniormester
22. maj 2005 - 12:33 #5
Ja. Jeg vil gerne have et popup windue som viser at filen er ved at loade. Jeg kunne også forestille mig at man kunne lave det med css/DOM. Noget i den her stil.

<div id="stat" class="status">
Filen loader
</div>

Så laver jeg en class i mit stylesheet og sætter display:none som standart. Jeg vil så gerne have at display bliver sat til inline imens filen loader, og bliver sat tilbage til none når den er færdig
Avatar billede mik28 Seniormester
22. maj 2005 - 12:35 #6
Jeg skal lave noget i den her stil

document.getElementById('stat').style.display='inline';
Avatar billede mik28 Seniormester
22. maj 2005 - 12:43 #7
Jeg laver min statusboks noget i den her stil.

.status{
display:none;
position:absolute;
padding-top:0px;
margin-top:150px;
margin-left:50px;
height:100px;
width:100px;
background-color:#123456;
z-index:2;
}
Avatar billede roenving Novice
22. maj 2005 - 12:45 #8
-- så virker det vel også ?-)
Avatar billede mik28 Seniormester
22. maj 2005 - 12:48 #9
Nej for boksen skal jo forsvinde når filen er færdig med at loade :-)
Avatar billede roenving Novice
22. maj 2005 - 12:51 #10
Hvis det f.eks er et billede:

<img src="..." onload="document.getElementById('stat').style.display='none';">
Avatar billede mik28 Seniormester
22. maj 2005 - 12:55 #11
Knappen ser således ud

<button style="width:150px;" onclick="win=window.open('http://www.faitplast.com/', 'visinfo', 'scrollbars=yes,resizable=yes,copyhistory=yes,height=400,width=550,top=145,left=400,screenY=150,screenX=100');win.focus();">Faitplast</button>
Avatar billede mik28 Seniormester
22. maj 2005 - 13:02 #12
Er det noget í den her retning

<button style="width:150px;" onclick="win=window.open('http://www.faitplast.com/', 'visinfo', 'scrollbars=yes,resizable=yes,copyhistory=yes,height=400,width=550,top=145,left=400,screenY=150,screenX=100');win.focus();document.getElementById('stat').style.display='inline';" onload="document.getElementById('stat').style.display='none';">Faitplast</button>
Avatar billede roenving Novice
22. maj 2005 - 13:02 #13
Øh, hvad ...
Avatar billede mik28 Seniormester
22. maj 2005 - 13:04 #14
Når man clikker på den kommer boksen frem, og når den er færdig med at loade skulle den så forsvinde
Avatar billede mik28 Seniormester
22. maj 2005 - 13:05 #15
Avatar billede mik28 Seniormester
22. maj 2005 - 13:06 #16
Problemet er jo bare at boksen ikke forsvinder :-(
Avatar billede roenving Novice
22. maj 2005 - 13:06 #17
Jeg skulle selvfølgelig have stillet spørgsmålet for længe siden, men here we go:

Hvordan ved du, at det der er i vinduet er loadet ?-)
Avatar billede mik28 Seniormester
22. maj 2005 - 13:08 #18
Det er jo det jeg ikke ved :-)
Avatar billede mik28 Seniormester
22. maj 2005 - 13:13 #19
det er jo for det meste bare et link til en pdf-fil
Avatar billede roenving Novice
22. maj 2005 - 13:21 #20
Hvis ikke vi kan få vinduet til at sende os et signal tvivler jeg stærkt på, at vi kan gøre nogetsomhelst, for det ser jo ud til, at filen kommer fra et andet domæne, så vi kan heller ikke spørge vinduet om nogetsomhelst, da cross-domain-scripting er forbudt og umuligt !-)
Avatar billede mik28 Seniormester
22. maj 2005 - 13:37 #21
Lige præcis den her fil kommer fra det samme domæne, men sådan vil det ikke altid være :-)
Avatar billede mik28 Seniormester
22. maj 2005 - 13:38 #22
Det var så noget vrøvl, for filen kommer jo et andet sted fra
Avatar billede psykochicken Nybegynder
22. maj 2005 - 20:03 #23
Alternativt foreslag:
Hvorfor ikke lade din button-onclick åbne en redirect-side i den vinduesstørrelse du ønsker. På redirect-siden kan du så skrive din "...rul en joint-besked..." og lade siden hente din pdf.
Avatar billede mik28 Seniormester
23. maj 2005 - 06:47 #24
Hvad mener du med en redirect-side? Vis F.X et eksempel
Avatar billede roenving Novice
23. maj 2005 - 14:42 #25
En _meget_ simpel html-side, f.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Redirecting</title>
<script type="text/javascript">
window.onload = function(){
  var q = location.search;
  if(q){
    document.getElementById('link').innerHTML = q.substring(1);
    location.href = q.substring(1);
  }
}
</script>
</head>
<body>
<h1 style="text-align:center;">
Vent venligst mens <span id="link"></span>&nbsp;loader</h1>
</body>
</html>
Avatar billede mik28 Seniormester
23. maj 2005 - 16:03 #26
<body onload="location.href='<%= request.getParameter("link") %>';self.focus();">
Loading
</body>

Hvor link så er den pågældende side. Det virker også næsten :-). Hvis det er en webside som er sløv til at svare, vil der stå "loading", men hvis det, som jeg ønsker er en .pdf fil som skal loade har det ingen effekt
Avatar billede roenving Novice
23. maj 2005 - 16:56 #27
Ja, jeg tror at det er den umulige opgave ...
Avatar billede psykochicken Nybegynder
23. maj 2005 - 17:52 #28
tja..det nærmeste jeg kan komme er også http://myplayhouse.dk/redirect/
Avatar billede mik28 Seniormester
24. maj 2005 - 06:46 #29
Hvordan ser din redirect side helt præcist ud
Avatar billede mik28 Seniormester
24. maj 2005 - 07:16 #30
For mig ser det nemlig ud til at din løsning faktisk viser beskeden indtil .pdf filen er loadet.
Avatar billede mik28 Seniormester
24. maj 2005 - 07:18 #31
Det kan godt være at det er mig som er gal på den, men jeg vil alligevel gerne se hvordan du har gjort :-)
Avatar billede psykochicken Nybegynder
24. maj 2005 - 17:57 #32
Den simpleste mulige løsing:
Din button-onclick åbner en side i den størrelse du ønsker.
Koden på siden, der åbnes:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body onLoad="window.location='http://pub.uvm.dk/2003/innovation/rapport.pdf';">
<h1>Vent venligst mens siden loader</h1>
</body>
</html>
Avatar billede mik28 Seniormester
24. maj 2005 - 20:52 #33
I skal begge have tusinde tak for hjælpen, men jeg kommer vist ikke tættere på en løsning og lukker derfor tråden.
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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