--- title: "Pop-up-ruta utan javascript?" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/140496-pop-up-ruta-utan-javascript" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "K@llen" published: "2006-01-07T17:51:15.000Z" updated: "2006-01-08T12:03:23.000Z" replies: 20 views: 630 page: 1 pages: 2 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/140496-pop-up-ruta-utan-javascript" --- # Pop-up-ruta utan javascript? _Sida 1 av 2._ ## #1 — K@llen, 2006-01-07T17:51Z Hejsan, Ogillar egentligen pop-up-fönster. Men till mitt syfte skulle jag behöva ett. Går det fixa till en CSS-hover eller liknande så ett semi-transparent lager öppnas när besökaren för muspekaren över en text? Hur är det med webbläsarstödet på en sådan funktion? Tacksam för exempel på hur man kan göra. :) mvh Jörgen Permalänk: https://www.webforum.nu/p/140496 ## #2 — tanten, 2006-01-07T18:41Z Ska den försvinna när man tar bort pekaren? Permalänk: https://www.webforum.nu/p/1743266 ## #3 — nitro2k01, 2006-01-07T18:56Z Tror du blandar ihop begreppen lite. Jag tror inte att det du vill i det här läget är att undvika javascript, utan undvika popup-fönster. Beroende på vilka krav du har går edt att lösa på olika sätt. Ska det bara avra text i rutan kan du bara sätta **title="Lite tesx"** på valfri HTML-tagg för att visa en ruta med text när musen hålls över. Vill du även ha med bilder eller om det är ett absolut krav att rutan ska vara semi-transparent så går även det att ordna. Jag har själv ett javascript för detta syfte, som är väl fungerande crossbrowser och mellan olika versioner, dock vet jag inte var på hårddisken jag har lagt det. Ska leta lite. Permalänk: https://www.webforum.nu/p/1743268 ## #4 — tanten, 2006-01-07T19:20Z Här finns en hög med javascript om det är som nitro2k01 säger- Jag har även lagt upp ett exempel utan script och bara css här på wf, men hur sjutton hittar man dit härifrån??? :r Permalänk: https://www.webforum.nu/p/1743278 ## #5 — nitro2k01, 2006-01-07T19:22Z > **tanten skrev:** > > Jag har även lagt upp ett exempel utan script och bara css här på wf, men hur sjutton hittar man dit härifrån??? :r :) Permalänk: https://www.webforum.nu/p/1743280 ## #6 — nitro2k01, 2006-01-07T19:26Z Här är nåt att leta i: Permalänk: https://www.webforum.nu/p/1743281 ## #7 — tanten, 2006-01-07T19:49Z Ändrat sidan. Länken som fanns här förut finns i ett senare inlägg. Permalänk: https://www.webforum.nu/p/1743294 ## #8 — K@llen, 2006-01-07T22:21Z Nej, jag blandar inte ihop. Jag vill inte använda javascript. Jag vill däremot ha upp en ruta som jag kan lägga text och bild i. Ingen title-text alltså. Bäst hade varit att kunna stänga den med ett kryss eller dylikt, men det går även bra att den försvinner när muspekaren tas bort. Ska kolla på din länk tanten. :) Permalänk: https://www.webforum.nu/p/1743361 ## #9 — nitro2k01, 2006-01-07T22:35Z Följdfråga, varför vill du inte anväda javascript? Permalänk: https://www.webforum.nu/p/1743363 ## #10 — K@llen, 2006-01-07T22:47Z > **nitro2k01 skrev:** > > Följdfråga, varför vill du inte anväda javascript? För att informationen ska vara tillgänglig för alla, även de med javascipt avstängt. :) Permalänk: https://www.webforum.nu/p/1743368 ## #11 — zcorpan, 2006-01-07T22:53Z > **K@llen skrev:** > > För att informationen ska vara tillgänglig för alla, även de med javascipt avstängt. :) Javascript förhindrar inte (nödvändigtvis) tillgängligheten... Permalänk: https://www.webforum.nu/p/1743373 ## #12 — K@llen, 2006-01-07T22:55Z > **zcorpan skrev:** > > Javascript förhindrar inte (nödvändigtvis) tillgängligheten... Följdfråga: Hur får du informationen att visas om javascript är avstängt då? Permalänk: https://www.webforum.nu/p/1743375 ## #13 — zcorpan, 2006-01-07T23:30Z Genom att låta bli att dölja det... :) [Exempel](http://juicystudio.com/article/form-help-without-popups.html). Permalänk: https://www.webforum.nu/p/1743400 ## #14 — tanten, 2006-01-08T08:32Z Jag har ändrat sidan nu... Finns det någon som känner igen detta? Jag har tappat bort länken efter en datorkrasch, men det var en kille som bjöd på en del css-tips i stället för javascript. Jag har sökt men hittar inte tillbaka. Tror han var engagerad i zengarden... Fungerar sidan i opera? Permalänk: https://www.webforum.nu/p/1743470 ## #15 — K@llen, 2006-01-08T10:18Z > **tanten skrev:** > > Fungerar sidan i opera? Ja, den funkar på samma sätt i Opera som i FF. :) Permalänk: https://www.webforum.nu/p/1743489 ## #16 — tanten, 2006-01-08T11:16Z Ok... Tills någon eller jag hittar länken så ska jag försöka komma i håg vad det stod där. IE har dåligt stöd för hover effekter på annat eller inget annat, än länkar och för att det ska fungera så ska man använda \, dölja den så gott det går och altså lura IE... Det sägs att det ska bli bättre med IE7 men det tar ju ett tag tills den kommer och ännu längre tills de flesta använder den. Så av vad jag förstod så är detta ett av få sätt att göra det på. Kopplar du bort css på min sida så blir det ju ett lite icke användarvänligt resultat. Det går ju att förstå att läsa det... men lite knöligt är det... Permalänk: https://www.webforum.nu/p/1743505 ## #17 — K@llen, 2006-01-08T11:24Z Din sida fungerar ju i IE 5.5 Mac, men å andra sidan verkar du använda dold länk. :) Permalänk: https://www.webforum.nu/p/1743514 ## #18 — tanten, 2006-01-08T11:29Z Ja det var det jag menade. En enda lång dold länk... ;) Kul att den fungerade för Mac också då. :bire Permalänk: https://www.webforum.nu/p/1743518 ## #19 — K@llen, 2006-01-08T11:34Z En liten knasighet såg jag nu på IE Mac, bilden hamnar under texten. ;) I de andra webbläsarna hamnar bilden över texten. Kanske går lösa med z-index eller något? Permalänk: https://www.webforum.nu/p/1743522 ## #20 — tanten, 2006-01-08T11:42Z Ingen aning... Du som har Mac och kan se resultatet får testa. Berätta gärna hur det går... Kanske måste man ha absolut position på länken... :OO Permalänk: https://www.webforum.nu/p/1743530 --- Tråden på webben: https://www.webforum.nu/amne/html-css/140496-pop-up-ruta-utan-javascript Nästa sida: https://www.webforum.nu/amne/html-css/140496-pop-up-ruta-utan-javascript/page2.md