Re: Iframe med Javascript

[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]

Forum / Iframe med Javascript

Det är väldigt enkelt att få en bakgrund synlig, tilldela helt enkelt ett div height: och width:, och ge den en background:. T.ex.

Vad är det förresten som du ska täcka upp? Om det är bannern längst ner är det antagligen emot reglerna att gömma den. Dessutom tror jag det är omöjligt att lägga ett div så att det scrollar med scrollningen av en annan iframe, iaf. om du iframen ligger oåtkomlig på en annan server.
Om du däremot vill lägga ett div fixed över något vid just den sidans scrollning går det med antingen position:fixed för det positionerade elementet (istället för t.ex. position:absolute;, och för IE6 måste du antagligen inkludera ie7.js - http://code.google.com/p/ie7-js/), eller så kan du lägga hela sidan i ett div med height:100%; width:100%; overflow:scroll;, och utanför divet lägga den fixed-positionerade saken med position:absolute;.

Simon

Hej!
Vi hade ju problem tidigare med en osynlig <div>. Men nu skulle jag behöva en synlig sådan för att täcka upp lite fula länkar som kommer med gästboken. <div style="background-image:" osv...
Hur får man bakgrunden synlig?
Följdfråga som jag troligtvis kommer att ställa efter att detta är löst: hur positionerar man diven så att den följer med sidan när man scrollar och således alltid befinner sig över samma del av sidan?
/Erik

Det verkar vara ett stort osynligt div som hamnat på startsidan. Hur det kan ha hamnat där har jag inte en aning om. Jag skyller på iWeb. :)
Hursomhelst, en till lista på ändringar:

* Där koden:
<div style="height: 46px; width: 46px; height: 46px; left: 835px; position: absolute; top: 619px; width: 46px; z-index: 1;>
<div style="position: relative; width: 46px; ">
<img src="start_files/shapeimage_1.png" alt="" width="22" style="height: 46px; left: 7px; position: absolute; top: -1px; width: 46px;" />
</div>
</div>
ligger, ändra & l t ; till <, och & g t ; till > (mellanslag för att undvika buggar i forumet...), alternativt ta bort koden. Som det är just nu tolkas koden fel i FF pga. buggen, även om jag faktiskt inte ser några riktiga fel med det.
* Ta bort
<div style="height: 800px; left: 1px; position: absolute; top: 10px; width: 900px; z-index: 1;">
<div style="background-color:#F00">
</div></div>

(divet som lägger sig ovanför).
* Ta bort
<meta name="Generator" content="iWeb 2.0.4" />
<meta name="iWeb-Build" content="local-build-20090323" />
av ingen annan anledning än att vara sur på iWeb.
* Ta bort
onload="onPageLoad();" onunload="onPageUnload();"
från <body>-taggen.

Scrollbaren som hamnar ovanför footern är troligen väldigt komplicerad att göra (det verkar vara omöjligt att skapa med vanlig CSS). Det bästa är antagligen helt enkelt att lägga footern utanför iframen, precis nedanför. Det har också fördelen (?) att hörnet inte försvinner i faden.
Simon

Hmm, kan du berätta varför inforutans innehåll helt plötsligt blivit blockerat, man kan inte klicka eller scrolla, som att det ligger en osynlig vägg för iframen!
/Erik

Såja! Nu verkar allt fungera bra. Har sållat bort alla widget-csskoder och lite annat. Footern kom fram när jag ändrade body id till overflow:visible, vet inte om det var bästa lösningen men det fungerar.
Nu äntligen var min "lilla fråga" löst.
Men hur gör jag med scrollen? Jag vill bara att scrollbaren ska sluta högre upp, innan hörnet kommer.
Mille grazie.
/Erik

Ditt färgval på subsidorna verkar konstigt.
color: är satt till ungefär svart, medans background-color: också är det. Din bakgrundstextur verkar inte ens finnas.
Detta gör att jag gissar att faden fortfarande är aktiv, den syns bara inte pga. den saknade texturen... Ändra detta!
Dessutom verkar din footer konstig. Jag ser inte hela texten. Det skulle kunna bero på att font-inställningar tas ifrån någon annan del på sidan, vilket inte var fallet när den låg i en iframe. Se om du kan ändra CSS för den och få det att fungera.
Simon

Hej! Tack för att du tog dig tid.
Har gjort alla ändringar, vissa var ju väldigt uppenbara(*doink*).
Verkar som det är kvar lite justeringar, eller så har jag missat något.
jquery ligger numera i demomix.se/demomix/jquery. Har ändrat sökväg på subsidorna.
Tack för hjälpen Simon!
/Erik
[förkortat för längd]

Postat av Simon (85.224.35.7) den 30 Mars, 2009 kl 15:47:11.
Som svar på: Re: Iframe med Javascript postat av Erik den 29 Mars, 2009 kl 13:55:50.

Svar på inlägget:

Re: Iframe med Javascript Erik 18:22:04 03/30/09 (9)
- Re: Iframe med Javascript Simon 22:21:53 03/30/09 (8)
  - Re: Iframe med Javascript Erik 23:44:56 03/30/09 (7)
    - Re: Iframe med Javascript Simon 20:17:24 03/31/09 (6)
      - Re: Iframe med Javascript Erik 19:41:54 04/01/09 (5)
        
        Re: Iframe med Javascript Erik 20:07:04 04/01/09 (4)
        
        Re: Iframe med Javascript Simon 14:57:47 04/02/09 (3)
        
        Re: Iframe med Javascript Erik 16:44:10 04/02/09 (2)
        
        Re: Iframe med Javascript Simon 17:12:05 04/03/09 (1)
        
        Re: Iframe med Javascript Erik 00:14:08 04/05/09 (0)

Posta ett svar:

Namn:

E-Mail:

Rubrik:

Meddelande:

<citat> Det är väldigt enkelt att få en bakgrund synlig, tilldela helt enkelt ett div height: och width:, och ge den en background:. T.ex. <div style="position:absolute;top:50px;left:50px;width:100px;height:100px;background-color:blue;"></div> Vad är det förresten som du ska täcka upp? Om det är bannern längst ner är det antagligen emot reglerna att gömma den. Dessutom tror jag det är omöjligt att lägga ett div så att det scrollar med scrollningen av en annan iframe, iaf. om du iframen ligger oåtkomlig på en annan server. Om du däremot vill lägga ett div fixed över något vid just den sidans scrollning går det med antingen position:fixed för det positionerade elementet (istället för t.ex. position:absolute;, och för IE6 måste du antagligen inkludera ie7.js - <url>http://code.google.com/p/ie7-js/</url>), eller så kan du lägga hela sidan i ett div med height:100%; width:100%; overflow:scroll;, och utanför divet lägga den fixed-positionerade saken med position:absolute;. Simon <citat> Hej! Vi hade ju problem tidigare med en osynlig <div>. Men nu skulle jag behöva en synlig sådan för att täcka upp lite fula länkar som kommer med gästboken. <div style="background-image:" osv... Hur får man bakgrunden synlig? Följdfråga som jag troligtvis kommer att ställa efter att detta är löst: hur positionerar man diven så att den följer med sidan när man scrollar och således alltid befinner sig över samma del av sidan? /Erik <citat> Det verkar vara ett stort osynligt div som hamnat på startsidan. Hur det kan ha hamnat där har jag inte en aning om. Jag skyller på iWeb. :) Hursomhelst, en till lista på ändringar: * Där koden: <div style="height: 46px; width: 46px; height: 46px; left: 835px; position: absolute; top: 619px; width: 46px; z-index: 1;> <div style="position: relative; width: 46px; "> <img src="start_files/shapeimage_1.png" alt="" width="22" style="height: 46px; left: 7px; position: absolute; top: -1px; width: 46px;" /> </div> </div> ligger, ändra & l t ; till <, och & g t ; till > (mellanslag för att undvika buggar i forumet...), alternativt ta bort koden. Som det är just nu tolkas koden fel i FF pga. buggen, även om jag faktiskt inte ser några riktiga fel med det. * Ta bort <div style="height: 800px; left: 1px; position: absolute; top: 10px; width: 900px; z-index: 1;"> <div style="background-color:#F00"> </div></div> (divet som lägger sig ovanför). * Ta bort <meta name="Generator" content="iWeb 2.0.4" /> <meta name="iWeb-Build" content="local-build-20090323" /> av ingen annan anledning än att vara sur på iWeb. * Ta bort onload="onPageLoad();" onunload="onPageUnload();" från <body>-taggen. Scrollbaren som hamnar ovanför footern är troligen väldigt komplicerad att göra (det verkar vara omöjligt att skapa med vanlig CSS). Det bästa är antagligen helt enkelt att lägga footern utanför iframen, precis nedanför. Det har också fördelen (?) att hörnet inte försvinner i faden. Simon <citat> Hmm, kan du berätta varför inforutans innehåll helt plötsligt blivit blockerat, man kan inte klicka eller scrolla, som att det ligger en osynlig vägg för iframen! /Erik <citat> Såja! Nu verkar allt fungera bra. Har sållat bort alla widget-csskoder och lite annat. Footern kom fram när jag ändrade body id till overflow:visible, vet inte om det var bästa lösningen men det fungerar. Nu äntligen var min "lilla fråga" löst. Men hur gör jag med scrollen? Jag vill bara att scrollbaren ska sluta högre upp, innan hörnet kommer. Mille grazie. /Erik <citat> Ditt färgval på subsidorna verkar konstigt. color: är satt till ungefär svart, medans background-color: också är det. Din bakgrundstextur verkar inte ens finnas. Detta gör att jag gissar att faden fortfarande är aktiv, den syns bara inte pga. den saknade texturen... Ändra detta! Dessutom verkar din footer konstig. Jag ser inte hela texten. Det skulle kunna bero på att font-inställningar tas ifrån någon annan del på sidan, vilket inte var fallet när den låg i en iframe. Se om du kan ändra CSS för den och få det att fungera. Simon <citat> Hej! Tack för att du tog dig tid. Har gjort alla ändringar, vissa var ju väldigt uppenbara(*doink*). Verkar som det är kvar lite justeringar, eller så har jag missat något. jquery ligger numera i demomix.se/demomix/jquery. Har ändrat sökväg på subsidorna. Tack för hjälpen Simon! /Erik <citat>[förkortat för längd]</citat> </citat> </citat> </citat> </citat> </citat> </citat> </citat>

Ja tack, maila mig om andra svarar på detta inlägg.

Ja tack, maila mig om andra svarar på mitt inlägg.

[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]