Notifikationer

Markér alle som læst Log ud

dallan2007 Nybegynder

22. august 2006 - 15:53 Der er 7 kommentarer og
1 løsning

Fade dele en side?

Hej,

Med dette kode:

<META http-equiv=Page-Enter content=blendTrans(duration=0.9)>
<META http-equiv=Page-Exit content=blendTrans(duration=0.9)>

fader siden på load/unload. Men kan det lade sig gøre at holde dele af en side permanent semi-loaded?

Uddybning:
Du har 2 side index.html og biler.html - biler.html loader i en iframe på index.html. Når man trykker på linket som henter biler.html, kan man så kalde en eller anden slags http-equiv som fade index.html med ca. 75 procent?

Ham her: http://www.brainerror.net/scripts_js_blendtrans.php har måske gang i noget, men måske det kan gøres mere enkelt?

Rgs
Allen

Synes godt om

mclemens Nybegynder

22. august 2006 - 16:36 #1

Hvad med: http://www.eksperten.dk/spm/702643#rid6208435

Synes godt om

mclemens Nybegynder

22. august 2006 - 16:39 #2

^ - Ignorer jeg misforstod...

Synes godt om

mclemens Nybegynder

22. august 2006 - 16:51 #3

Så vidt jeg læser det spørger du om man kan fade selve siden hvor man har placeret en iframe - uden at fade det som man har i iframen ... jeg har forsøgt flere gange på noget lignende ... se f.eks. dette eksempel (opacity nedarves desværre - p.t. opacity sat til 25 istedet for 75 og de andre sat til 0.25 istedet for 0.75 for bedre illustrering...)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body>
<iframe src="12.html" name="abc"></iframe>
<a href="2.html" target="abc">2</a> ... tekst
</body></html>

og 2.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
o=parent.document.body;t=o.style;

if(o.filters)t.filter="progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
t.MozOpacity = 0.25;
t.KhtmlOpacity = 0.25;
t.opacity = 0.25;
</script>

</head><body>
...tekst
</body></html>

Synes godt om

mclemens Nybegynder

22. august 2006 - 16:55 #4

og så et eksempel hvor iframen placeres via absolute ... og hovedsidens indhold læg ind i en anden omsluttende ny body div der er placeret som absolute også ... så virker det lidt anderledes...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body><div id="bodyen" style="position:absolute;">
<a href="2.html" target="abc">2</a> ... tekst

</div><iframe src="12.html" name="abc" style="position:absolute;top:0px;right:0px;"width:300px;height:200px;></iframe></body></html>

og 2.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
o=parent.document.getElementById("bodyen");t=o.style;

if(o.filters)t.filter="progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
t.MozOpacity = 0.25;
t.KhtmlOpacity = 0.25;
t.opacity = 0.25;
</script>

</head><body>
...tekst
</body></html>

Synes godt om

mclemens Nybegynder

22. august 2006 - 17:01 #5

og det sidste eksempel med fade ved klik på linket:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function fader(){
o=document.getElementById("bodyen");t=o.style;

if(o.filters)t.filter="progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
t.MozOpacity = 0.25;
t.KhtmlOpacity = 0.25;
t.opacity = 0.25;
}
</script>

</head><body><div id="bodyen" style="position:absolute;">
<a href="2.html" target="abc" onclick="fader();">2</a> ... tekst

</div><iframe src="12.html" name="abc" style="position:absolute;top:0px;right:0px;"width:300px;height:200px;></iframe></body></html>

og 2.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body>
...tekst
</body></html>

... så kan jeg vist ikke komme på flere variationer :/

Synes godt om

dallan2007 Nybegynder

23. august 2006 - 15:17 #6

Hej - tak for en masse eksempler :).

Den der DIV tingest gjorde det muligt at omforme et andet script. Så nu tror jeg det kan komme til at fungere. Smid et svar.

Synes godt om

mclemens Nybegynder

23. august 2006 - 15:21 #7

Super, her er et svar :o)

Synes godt om

mclemens Nybegynder

14. september 2006 - 10:54 #8

Tak for point :)

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 HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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