---
title: "XHTML + JavaScript +CSS"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/138168-xhtml-javascript-css/page2"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "ptr_lks"
published: "2005-11-24T10:17:07.000Z"
updated: "2005-12-14T11:47:32.000Z"
replies: 33
views: 1418
page: 2
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/138168-xhtml-javascript-css"
---

# XHTML + JavaScript +CSS

_Sida 2 av 2._

## #21 — ptr_lks, 2005-12-12T17:31Z

alltså ni zcorpan och J.N. är jättesnälla och duktiga...
men jag fattar inte hur jag kan inplementera detta till mina egan sidor (dels de befintliga och dels framtida)

```
<a href="sida.htm" onClick="cw('x.htm','y','menubar=yes,resizable=yes','600','450'); return false;">
```

vad står **cw** för?
Ovanstående kod skall jag ha em för varje popup eller hur? - Fast jag ändrar
på x och y?

Permalänk: https://www.webforum.nu/p/1728000

## #22 — zcorpan, 2005-12-12T18:04Z

Gör så här: Lägg skriptet från mitt förra inlägg i en fil som du döper till scripts.js, sedan lägger du in 

> **webbebba skrev:**
>
> \<script type="text/javascript" src="scripts.js"\>\</script\>

i HEAD, därefter använder du class="pop" på de länkar du vill ska poppa! :)

(Jag ändrade en grej i skriptet för att det funkade inte om man klickar på ett element inuti en länk.)

Permalänk: https://www.webforum.nu/p/1728022

## #23 — ptr_lks, 2005-12-12T18:50Z

> **zcorpan skrev:**
>
> Gör så här: Lägg skriptet från mitt förra inlägg i en fil som du döper till scripts.js, sedan lägger du in i HEAD, därefter använder du class="pop" på de länkar du vill ska poppa! :)
> 
> (Jag ändrade en grej i skriptet för att det funkade inte om man klickar på ett element inuti en länk.)

1. kan du förklara lite din skript? - vill helst inte använda mig av grejor jag  inte förstår
2. Är inte riktig säker på hur länkarna skall se ut...
   Säg att jag har 4 st: match1, match2... match4

Permalänk: https://www.webforum.nu/p/1728048

## #24 — zcorpan, 2005-12-12T19:09Z

1. ```
   //kör pop-funktionen för alla klick man gör
   if (document.addEventListener) {
     document.addEventListener("click", pop, false);
   } else if (document.attachEvent) { //msie
     document.attachEvent("onclick", pop);
   }
   //pop-funktionen
   function pop(e) {
     //initiera variabeln elm
     var elm;
     //från vilket element kommer händelsen?
     if (e.target) {
       elm = e.target;
     } else if (e.srcElement) { //msie
       elm = e.srcElement;
     }
     //är elementet en länk? om inte, klättra uppåt i trädet
     while (elm.nodeName != "A") {
       elm = elm.parentNode;
     }
     //ska länken öppnas i en popup, och har den ett href-attribut?
     if (elm.className == "pop" && elm.href) {
       //öppna länken i en popup och följ inte länken i det gamla fönstret
       return !window.open(elm.href);
     }
     //annars fortsätt som vanligt
     return true;
   }
   ```
2. ```
   <a href="match1.htm" class="pop">match1</a>
   <a href="match2.htm" class="pop">match2</a>
   ...
   <a href="match4.htm" class="pop">match4</a>
   ```

Hoppas det hjälper. :)

Permalänk: https://www.webforum.nu/p/1728057

## #25 — ptr_lks, 2005-12-12T19:36Z

Tack för all hjälp, som vanligt är ni suveräna   :birp   :bire 
Hoppas jag kan återkomma om jag inte får till det hela...
/ptr

PS: om jag vill googla så jag lär mig mera, vilka sökord rekomenderar du?

Permalänk: https://www.webforum.nu/p/1728069

## #26 — zcorpan, 2005-12-12T20:47Z

> **ptr_lks skrev:**
>
> PS: om jag vill googla så jag lär mig mera, vilka sökord rekomenderar du?

- progressive enhancement
- unobtrusive
- dom
- ecmascript
- javascript 1.5
- jscript

 Lycka till! :bire

Permalänk: https://www.webforum.nu/p/1728133

## #27 — J.N., 2005-12-13T12:46Z

HEJ!

> **zcorpan skrev:**
>
> Det löste bara det ena "problemet", det finns fortfarande javascript inblandat i märkkoden.
> ...

Tänkte att det säkert inte var helt korrekt.
Du får gärna förklara för mig, varför mitt exempel inte fungerar. Vilken miljö (mobil, skärmläsare etc) som inte förstår detta.
Det validerar både för XHTML 1.0 Strict och Transitional, eller det är en sådan sak som inte kan valideras; man måste lösa dtd:n? (onclick ska skrivas så, annars blir det fel.)

Svarar på detta, även om du har funnit en lösning:

> **ptr_lks skrev:**
>
> ...
>
>
> ```
> <a href="sida.htm" onClick="cw('x.htm','y','menubar=yes,resizable=yes','600','450'); return false;">
> ```
>
> vad står **cw** för?
> Ovanstående kod skall jag ha en för varje popup eller hur? - Fast jag ändrar
> på x och y?

Ja, en för varje. Ändra filnamn (x.htm), fönsternamn (y), och vad du vill ha för andra egenskaper på fönstret.
Du kan ha samma fönsternamn; då kommer allt i samma fönster, och funktionen visar det även om fönstret inte är aktivt.
Ej samma namn, du får flera fönster.

cw är funktionen i [\#15](http://www.webforum.nu/showthread.php?p=1129133#post1129133), men den kan heta vad som helst. (nästan)
Funktionen hette centerwindow från början, men det är långt, förkortade det.

Permalänk: https://www.webforum.nu/p/1728478

## #28 — zcorpan, 2005-12-13T15:56Z

> **J.N. skrev:**
>
> Du får gärna förklara för mig, varför mitt exempel inte fungerar. Vilken miljö (mobil, skärmläsare etc) som inte förstår detta.
> Det validerar både för XHTML 1.0 Strict och Transitional, eller det är en sådan sak som inte kan valideras; man måste lösa dtd:n? (onclick ska skrivas så, annars blir det fel.)

Jag sade inte att det inte fungerade, jag sade bara att javascript fortfarande var inblandat i märkkoden. Jämför till exempel med hur man skriver CSS i en extern fil istället för att lägga in style="" i märkkoden. 

Nu är det inte förbjudet att använda varken onclick="" eller style="", men jag trodde den här tråden gick ut på hur man kunde separera presentation och beteende från märkkoden. :)

(Om man ska vara riktigt petig så kanske "pop" inte är det bästa klassnamnet, då det beskriver beteendet snarare än varför det ska bete sig så. Till exempel om man vill att alla "hjälp"-länkar ska öppnas i en popup så är rel="help" bättre än class="pop", eftersom senare kanske vi kommer på att "hjälp"-länkar ska bete sig på ett annat vis, men de är fortfarande "hjälp"-länkar.)

Permalänk: https://www.webforum.nu/p/1728526

## #29 — J.N., 2005-12-13T17:25Z

HEJ!

> **zcorpan skrev:**
>
> Jag sade inte att det inte fungerade, jag sade bara att javascript fortfarande var inblandat i märkkoden. Jämför till exempel med hur man skriver CSS i en extern fil istället för att lägga in style="" i märkkoden. 
> 
> Nu är det inte förbjudet att använda varken onclick="" eller style="", men jag trodde den här tråden gick ut på hur man kunde separera presentation och beteende från märkkoden. :)
> ...

Okej, det är endast för att separera dessa?
Jag undrade om det kunde krångla på någon plattform, vilken som, för att reda ut om det finns en annan anledning till uppdelningen.

Permalänk: https://www.webforum.nu/p/1728555

## #30 — zcorpan, 2005-12-13T18:13Z

Jag tror inte att mitt skript fungerar bättre än ditt, men det kan vara lite lättare att underhålla. Om man vill ändra beteendet så kan man ändra det i en fil för hela sajten istället för att redigera varje sida om varje sida innehåller skriptsnuttar utspritt här och var. Dessutom blir det mindre onödig kod för exempelvis sökmotorer som inte kör skriptet ändå. :)

Permalänk: https://www.webforum.nu/p/1728571

## #31 — J.N., 2005-12-14T09:19Z

HEJ!

Okej.

Ang sökmotorn, du menar att den slipper lägga tid på onödiga bytes, och inte att den hittar nästa sida?
Det är ju en vanlig href, till skillnad från ren javascript, utan htm-länk alltså.

Permalänk: https://www.webforum.nu/p/1728811

## #32 — zcorpan, 2005-12-14T09:38Z

Den slipper lägga tid på onödiga bytes, men den hittar nog nästa sida ändå.

Permalänk: https://www.webforum.nu/p/1728824

## #33 — ptr_lks, 2005-12-14T09:50Z

> **zcorpan skrev:**
>
> Jag tror inte att mitt skript fungerar bättre än ditt, men det kan vara lite lättare att underhålla. Om man vill ändra beteendet så kan man ändra det i en fil för hela sajten istället för att redigera varje sida om varje sida innehåller skriptsnuttar utspritt här och var. Dessutom blir det mindre onödig kod för exempelvis sökmotorer som inte kör skriptet ändå. :)

det är ju alltid fördel med lättare underhållning...
Men hur kan man ändra i din kod om jag vill:

1. popupen öppnas i ett förnster
2. med följande egenksaper

   > 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=0, width=650, height=500 left = 100, top = 100');
3. en länk för varje popup

Permalänk: https://www.webforum.nu/p/1728828

## #34 — zcorpan, 2005-12-14T11:47Z

Lägg till det som parametrar i open() precis som vanligt. :) 

```
    return !window.open(elm.href, 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0,
menubars=0, resizable=0, width=650, height=500 left = 100, top = 100');
```

Permalänk: https://www.webforum.nu/p/1728857

---

Tråden på webben: https://www.webforum.nu/amne/html-css/138168-xhtml-javascript-css/page2  
Föregående sida: https://www.webforum.nu/amne/html-css/138168-xhtml-javascript-css.md