21. juli 2003 - 10:52Der er
4 kommentarer og 1 løsning
alternativer til iframe (brainstorm)
En iframe er et eget vindue, så derfor kan man ikke lægge indhold fra den omgivende side henover iframen. Hvilke alternativer er der så? Der er to krav der skal være opfyldt i dette tilfælde:
1) Man skal kunne lægge indhold (lag) henover; 2) Indholdet i det element der gør det ud for en iframe, skal kunne scrolles (f.eks. med overflow:auto), og man skal fra den omgivende side kunne bevæge indholdet i dette element med eller ligesom med <a name>, uden at den omgivende side bevæger sig.
alle løsningsforslag (inkl. javascript og php) er velkomne
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
Problemet kan være at hente eksterne data ind, men det kan klares med en skjult iframe (top:-100px;left:-100px;width:50px;height:50px;visibility:hidden;) som du henter innerHTML fra og så sætter det relevante ind af (jeg mener -- uden test -- at du skal strippe det for head- og body-tags ,-)
jo det mest nærliggende er en div. problemet er så mit andet punkt, det med at få indholdet af denne div til at scrolle til en bestemt position ved links andet sted på siden, ligesom med <a name="aktuellepunkt">. Når man forsøger det vil HELE den omgivende side bevæge sig til punktet, ikke kun indholdet i diven. Kan du se problemet? Jeg har spekuleret i noget javascript der kan scrolle ud fra forholdet mellem toppen af div'en og et bestemt punkt i div'ens indhold, men opgav igen - overstiger mine evner, eller kan slet ikke lade sig gøre.
Ihvertfald kan du lægge et element ind, som vi kan måle på, f.eks. en 1*1 image - men den måde at udnytte scroll-/clientHeight har jeg ikke haft fingrene i ...
bevar iframen med mulighed for scrolling ved links (hash - #), men lav alle lag der skal henover som separate vinduer åbnet med javascript. på den måde kan man styre placering, størrelse og udseende af "lagene" (= vinduerne) på en måder der næsten er ligeså fleksibel som div'er. eneste problem: de er langsommere at åbne.
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.