01. marts 2009 - 02:15Der er
8 kommentarer og 1 løsning
OnResize eller sådan noget?
Hejsa
Jeg har lige et simpelt spørgsmål - men jeg er dog i tvivl om det kan lade sig gøre med JavaScript...
Jeg har en side med en iframe på. Når denne side ændres i størrelse skal iframen ændre størrelse, og indhold.
Dette vil sige at der i siden som vises i iframen skal være et script som kan "mærke" når topsiden ændres i størrelse af brugeren - altså dimensioner.
Der skal vel være et eller andet script som så aktiveres når brugeren skifter størrelse, og så skal der ske nogle forskellige ting med iframens indhold. Så for at gøre en kort historie lang, hvad den top.......et eller andet?
Kan du ikke bare sætte Height og Width i din iframe til 100%
Hvis ikke kan du så bruge denne kode til inspiretion: <html>
<head> <title>Javascript resize</title> <script> function Indstil(){document.body.onresize = ResizeEventHandler} function ResizeEventHandler() { // Skriv noget her som skal ske når brugeren ændre størrelsen på vinduet // f.eks. document.getElementById("ID-TIL-DIN-IFRAME").style.width = DIN_VÆRDI // Og så gør det samme med height egenskaben } </script> </head>
Det virker, men hvis du sætter dimensionerne i procent, bruger du teknologierne, som meningen er. JavaScript til det her er vildt overkill :)
Synes godt om
Slettet bruger
03. marts 2009 - 16:43#5
Hej olebole
- Nej det virker ikke med procent-metoden, som du foreslår. Grunden til dette er at det egentlig er en iframe jeg har på min side, som skal komme frem ovenpå siden. Man kan kalde det en slags popup, uden egentlig at være det...
iframen er (og skal være) absolut som position i sin style, og den har selvfølgelig også defineret et z-index.
Så nu har jeg et javascript i iframen som udregner hvor på siden at iframen skal være placeret også selvom brugeren ændrer størrelsen på sin browser midt i det hele. Alt dette gøres blot for at sørge for at iframen altid er centreret på siden...
Sorry har lige været i gang med en skoleopgave, men her er det
Synes godt om
Slettet bruger
05. marts 2009 - 00:20#8
- Mange tak for hjælpen!
Men jeg har dog lige et problem med scriptet alligevel. Jeg har opdaget at det ikke virker i FireFox.
Mit script ser på nuværende tidspunkt eksempelvist sådan her ud: <html> <head> <script language="Javascript"> function Indstil(){top.document.body.onresize = ResizeEventHandler} function ResizeEventHandler() { top.document.getElementById('billedramme').style.left=(((top.document.body.clientWidth/2)-<%=formatnumber(simgwidth/2,0,0)%>)-20) + 'px'; top.document.getElementById('billedtabel').style.width=top.document.body.clientWidth + "px"; } </script> </head> <body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginwidth="0" style="background-color: #ffffff;" onload="Indstil();"> </body> </html>
Er det noget du kan hjælpe mig med? Hvad skal der til for at det også virker i FF? Den kommer ikke med nogen fejlmeddelelse eller lignende i FF - der sker bare ingenting.
Sig til hvis der skal flere point på bordet for hjælp...
Hvis koden virker i IE, tyder det på, du disabler CSS ved at undlade DTD'en - eller bruge en ufuldstændig HTML 4.01 Transitional DTD. Brug en fuld DTD og skrive:
<script type="text/javascript"> function Indstil(){top.onresize = ResizeEventHandler} function ResizeEventHandler() { top.document.getElementById('billedramme').style.left=(((top.document.documentElement.clientWidth/2)-<%=formatnumber(simgwidth/2,0,0)%>)-20) + 'px'; top.document.getElementById('billedtabel').style.width=top.document.documentElement.clientWidth + "px"; } </script>
Synes godt om
Ny brugerNybegynder
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.
