Notifikationer

Markér alle som læst Log ud

goje Nybegynder

12. april 2003 - 15:37 Der er 29 kommentarer og
1 løsning

Style på Iframe

Jeg roder med et javascript der sætte opacity på en Iframe. Hvordan gør man det?

Iframen hedder contentFrame.

Synes godt om

-master-d- Nybegynder

12. april 2003 - 15:50 #1

Det skal du lave inden i selve filen som vises i Iframen.

Synes godt om

-master-d- Nybegynder

12. april 2003 - 15:53 #2

Men så kunne du jo være smart også lave en css, som denne

<style>
div,table,tr,td {filter:alpha[opacity=60;}
</style>

og så inkludere den på siden.

Synes godt om

cdc Novice

12. april 2003 - 15:54 #3

http://hjem.get2net.dk/arntsen/eksperten/iframe/iframe.htm

Synes godt om

timealert Nybegynder

12. april 2003 - 15:58 #4

Det er ikke særlig smart at sætte opacity på en Iframe da teksten også vil blive gennemsigtig!

Gør i stedet det at du indsætter 2 <div> med samme størrelse og placering på de sider som skal være i din iframe.
Den bagerste laver du med (halv)gemmensigtig baggrund.
Den foreste bruger du til at skrive tekst i.

Det har jeg gjort her: www.centric.dk/nytdesign

Synes godt om

olebole Juniormester

12. april 2003 - 16:02 #5

<ole>

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/allowtransparency.asp

Men det virker kun i IE :)

/mvh
</bole>

Synes godt om

olebole Juniormester

12. april 2003 - 16:05 #6

timealert >> Det er ikke særlig smart, hvis teksten skal være halvgennemsigtig (som i /cdc's eksempel).
Den 'smarte' løsning er den, der giver det ønskede resultat. Kender man ikke ønskerne, ved man ikke, hvad der er 'smart' ;o)
/mvh

Synes godt om

goje Nybegynder

12. april 2003 - 16:30 #7

Hmmm ... kan man ikke sætte opacity via Javascript? Man kan sætte height og width, så man burde vel kunne sætte den sidste oxo?

Eksempel søges :o)

Synes godt om

olebole Juniormester

12. april 2003 - 18:10 #8

function makeTrans() {
document.all.mainFR.allowTransparency = true;
frames.main.document.body.style.filter = "alpha(opacity=40)";
}

... forudsat din iframe har name="main" og id="mainFR"
/mvh

Synes godt om

goje Nybegynder

14. april 2003 - 11:50 #9

olebole: Jeg får en fejl at mainFR er null eller ikke et objekt.

Iframe er sat ind med følgende:

<iframe src="" name="contentFrame" id="mainFR" width="100%" marginwidth="0" height="100%" marginheight="0" align="middle" scrolling="auto" frameborder="0" style="filter: alpha(opacity=0)">

</iframe>

Synes godt om

goje Nybegynder

14. april 2003 - 11:51 #10

Scriptet til at sætte opacity:

/* Set the opacity of the Iframe */
function setIframeOpacity(opacity) {
document.all.mainFR.allowTransparency = true;
frames.contentFrame.document.body.style.filter = "alpha(opacity=40)";
}

Synes godt om

goje Nybegynder

14. april 2003 - 11:54 #11

Hvis jeg laver koden om til: document.all.getElementById('mainFR').allowTransparency = true; virker det tilsyneladende, men så fejler den på næste linie i scriptet med "object doesn't support this property or method".

Synes godt om

goje Nybegynder

14. april 2003 - 11:56 #12

Hmm .. det er vidst stadig document.all.getElementById('mainFR').allowTransparency = true; der er et problem .. nogen ideer?

Synes godt om

olebole Juniormester

14. april 2003 - 12:29 #13

Ja ... skriv som jeg gjorde. Det virker og er testet.
Det, du selv skriver, er fuldstændig ude i hampen og virker med forkromet statsgaranti ingen steder.

Læg en URL til din side, så vi kan se, hvor du laver fejl (en URL ... ikke kode her, please)

Synes godt om

goje Nybegynder

14. april 2003 - 13:25 #14

http://www.goje.dk

Synes godt om

olebole Juniormester

14. april 2003 - 13:51 #15

Og et hint til, hvor du har lagt scriptet ville spare mig for at skulle lede i din kode

Synes godt om

goje Nybegynder

14. april 2003 - 14:34 #16

http://www.goje.dk/inc/js/inc_fusebox.js

(Sitet er ikke lavet efter fusebox endnu, men det bliver det)

Synes godt om

olebole Juniormester

14. april 2003 - 14:52 #17

Du kalder scriptet i toppen af siden ... længe inden, der eksisterer en iframe på den. Derfor har scriptet naturligvis ikke kinamands chance for at kalde iframe'en - og dokumentet i iframe'en skal også først være loaded, før du kan sætte opacity på det ;o)

Du skal kalde funktionen fra dokumentet, der loades i iframe'en:
<body onload="parent.makeTrans()">

/mvh

Synes godt om

goje Nybegynder

14. april 2003 - 15:34 #18

Hmm .. burde det ikke oxo virke hvis man koder grimt og kalder functionen fra bunden af siden? Funktionen bliver jo defineret i toppen, men den bliver ikke kaldt før senere?

Synes godt om

goje Nybegynder

14. april 2003 - 15:38 #19

D'OH! Har fundet ud af det.

Synes godt om

goje Nybegynder

14. april 2003 - 15:44 #20

Det er som om indholdet af iFramen skal refreshes (højreclick + refresh) før opacity slår igennem

Synes godt om

olebole Juniormester

14. april 2003 - 15:48 #21

Lidt pudsigt ..... men prøv:
parent.setIframeOpacity(40);location.refresh();

Synes godt om

goje Nybegynder

14. april 2003 - 16:10 #22

Jeg får en "object doesn't support this property or method" når jeg tilføjer location.refresh();

Synes godt om

olebole Juniormester

14. april 2003 - 16:30 #23

Undskyld .... jeg mente reload(), men det løser heller ikke problemet, da scriptet jo så går i uendelig løkke.
Det er mærkeligt, for det fungerer fint, når jeg laver det i test-dokumenter hos mig. Jeg kan ikke rigtig genskabe dit problem.

Prøv evt:
onload="setTimeout('parent.setIframeOpacity(40)',100);"

Synes godt om

goje Nybegynder

14. april 2003 - 16:32 #24

Det virker heller ikke :o/

Jeg har lige en enkelt ting jeg lige skal prøve, brb.

Synes godt om

olebole Juniormester

14. april 2003 - 16:36 #25

Næ du .... det er zq da sikkert fordi, siden i iframe'en loader før hoved-dokumentet. Mit sidste 'hack' virker nok, men det her er mere sikkert:

var loaded = false;
function setIframeOpacity() {
if (loaded) {
document.all.mainFR.allowTransparency = true;
frames.main.document.body.style.filter = "alpha(opacity=40)";
} else {
setTimeout("setIframeOpacity()",100);
}
}
window.onload = function(){loaded=true};

Og så kald med:
parent.setIframeOpacity();

Synes godt om

olebole Juniormester

14. april 2003 - 16:38 #26

Virker det heller ikke, kan du prøve at bytte disse linier om:
frames.main.document.body.style.filter = "alpha(opacity=40)";
document.all.mainFR.allowTransparency = true;

Synes godt om

olebole Juniormester

14. april 2003 - 16:40 #27

Du kan i øvrigt fint nøjes med denne linie, hvis du sætter filteret på dokumentet i iframe'en fra start:
frames.main.document.body.style.filter = "alpha(opacity=40)";
Bare fyr den anden linie og sæt så styles på iframe-dokumentet ;o)
/mvh

Synes godt om

goje Nybegynder

14. april 2003 - 16:54 #28

Hmm .. der er vidst ingenting der virker .. :o((

Synes godt om

olebole Juniormester

14. april 2003 - 17:03 #29

Utroligt, det kan være så svært. Jeg har ingen problemer med at få det til at virke, så det er svært at hjælpe dig yderligere

Synes godt om

goje Nybegynder

14. april 2003 - 18:49 #30

Jeg prøver at rode med det igen i morgen .. men tak for hjælpen, så må vi se hvad det skyldes.

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

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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