---
title: "Focus till createPopup()"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/126282-focus-till-createpopup"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Web-Tor"
published: "2005-04-13T07:19:26.000Z"
updated: "2005-04-13T14:33:36.000Z"
replies: 10
views: 376
page: 1
pages: 1
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/javascript/126282-focus-till-createpopup"
---

# Focus till createPopup()

## #1 — Web-Tor, 2005-04-13T07:19Z

När man öppnar "Meny 1" skulle jag vilja att focus hamnar i popup:en så att när man tycker på TAB så markeras "Rad 2".

Finns det något sätt att fixa detta?

```
<script>
var objPop=window.createPopup();
var objPopBody=objPop.document.body;
function pop(element){
	objPopBody.innerHTML=element.nextSibling.nextSibling.innerHTML;
	objPopBody.style.border="solid black 1px";
	objPop.show(50,50,150,100,document.body);
}
</script>

<a href="#" onclick="pop(this)">Meny 1</a><br>
<div id="cont" style="display:none;">
	<a href="#">Rad 1</a><br/>
	<a href="#">Rad 2</a><br/>
	<a href="#">Rad 3</a>
</div>

<a href="#" onclick="pop(this)">Meny 2</a><br>
<div id="cont" style="display:none;">
	<a href="#">Rad 4</a><br/>
	<a href="#">Rad 5</a><br/>
	<a href="#">Rad 6</a>
</div>
```

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

## #2 — nitro2k01, 2005-04-13T08:22Z

```
function pop(element){
objPopBody.innerHTML=element.nextSibling.nextSibling.outerHTML;
objPopBody.style.border="solid black 1px";
objPop.show(50,50,150,100,document.body);

menuinPop=objPop.window.document.getElementById(element.nextSibling.nextSibling.id);
menuinPop.style.display="block";
menuinPop.firstChild.focus();
}
```

Obs! 1) Med denna kod får inte divarna ha samma id! (Det ska de ändå inte ha)
2) Observera outerHTML på första raden i funktionen.
Ska för övrigt inte nextSibling bytas ut mot nextSibling() (Inte säker själv)

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

## #3 — Web-Tor, 2005-04-13T09:27Z

1\. Jo, divarna ska ha olika id (klipp-och-klistra fel ;)).

Får inte din kod att funka:

```
objPop.window.document is null or not an object
```

På raden:

```
menuinPop=objPop.window.document.getElementById(element.nextSibling.nextSibling.id);
```

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

## #4 — Web-Tor, 2005-04-13T09:44Z

Det är kanske så här du tänkte:

```
<script>
var objPop=window.createPopup();
var objPopBody=objPop.document.body;
function pop(element){
	objPopBody.innerHTML=element.nextSibling.nextSibling.outerHTML;
	objPopBody.style.border="solid black 1px";
	objPop.show(50,50,150,100,document.body);

	menuinPop=objPop.document.getElementById(element.nextSibling.nextSibling.id);
	menuinPop.style.display="block";
	menuinPop.firstChild.focus();
}

</script>

<a href="#" onclick="pop(this)">Meny 1</a><br>
<div id="cont1" style="display:none;">
	<a href="#">Rad 1</a><br/>
	<a href="#">Rad 2</a><br/>
	<a href="#">Rad 3</a>
</div>

<a href="#" onclick="pop(this)">Meny 2</a><br>
<div id="cont2" style="display:none;">
	<a href="#">Rad 4</a><br/>
	<a href="#">Rad 5</a><br/>
	<a href="#">Rad 6</a>
</div>
```

...men det funkar inte. Trycker man TAB efter att man öppnat Meny1 så går den till Meny 2.

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

## #5 — nitro2k01, 2005-04-13T11:22Z

Aha, felet ligger i window.createPopup(), tydligen vägrar den under några omständigheter att ett objekt i den får fokus. Inte ens när jag lade till en inputbox och klickade manuellt i den, så ville den acceptera att den fick fokus. Mitt råd är att öppna din popup på annat sätt.

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

## #6 — Web-Tor, 2005-04-13T11:57Z

Jag var rädd för att det inte skulle funka. :(

> **nitro2k01 skrev:**
>
> Mitt råd är att öppna din popup på annat sätt.

Nåt tips på hur man får **en** popup att ligga över flera frames. ;)

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

## #7 — nitro2k01, 2005-04-13T12:58Z

Mitt tips är att använda en vanlig popup, alltså window.open.

```
<script>

function pop(element){
	var objPop = window.open("empty.html","popwindow","resizable=1,left=" + (event.screenX+10) + ",top=" + (event.screenY+10) + ",width=100,height=150,scrollbars=0,directories=0,location=0,menubar=0,status=0,toolbar=0")
	objPop.moveTo(event.screenX+10, event.screenY+10);

	var objPopBody=objPop.document.body;
	objPopBody.innerHTML=element.nextSibling.nextSibling.outerHTML;
	objPopBody.style.border="solid black 1px";

	menuinPop=objPop.document.getElementById(element.nextSibling.nextSibling.id);
	menuinPop.style.display="block";
	menuinPop.firstChild.focus();

}

</script>

<a href="#" onclick="pop(this)">Meny 1</a><br>
<div id="cont1" style="display:none;">
<a href="#">Rad 1</a><br/>
<a href="#">Rad 2</a><br/>
<a href="#">Rad 3</a>
</div>

<a href="#" onclick="pop(this)">Meny 2</a><br>
<div id="cont2" style="display:none;">
<a href="#">Rad 4</a><br/>
<a href="#">Rad 5</a><br/>
<a href="#">Rad 6</a>
</div>
```

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

## #8 — Web-Tor, 2005-04-13T13:52Z

Hmm...
Jag får upp ett nytt litet fönster men inget innehåll?
<http://member.webforum.nu/1123/pop2.html>

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

## #9 — nitro2k01, 2005-04-13T13:59Z

Oh, problemet ligger nog i att du inte har skapat ett dokument som heter empty.html, det kanske jag skulle ha sagt. Av någon andledning så gillade inte IE about:blank, så det fick bli ett nytt tomt dokument.

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

## #10 — Web-Tor, 2005-04-13T14:25Z

Men tanken är alltså att det ska dyka upp ett nytt fönster med ramar, knappar och hela köret?

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

## #11 — nitro2k01, 2005-04-13T14:33Z

Ja i princip. 
Du kan experimentera med att sätta fullscreen=1, möjligen i kombination med channelmode=1. Då slipper du ramen. Dock så verkade det då inte gå att ändra storlek på fönstret. Jag vet dock att jag har lyckats med detta förr. Kanske en av MS' "säkerhetsuppdateringar"...

/r Bekräftat att det inte funkar, stängde dock fönstret med källan. Men du kan lita på mig :) 

```
window.open("empty.html","popwindow","fullscreen=1,channelmode=1,resizable=1,...
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/126282-focus-till-createpopup