---
title: "IFRAME >> Scrollbar?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/44211-iframe-scrollbar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Jesper T"
published: "2002-05-21T13:41:27.000Z"
updated: "2002-05-21T17:07:55.000Z"
replies: 9
views: 439
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/html-css/44211-iframe-scrollbar"
---

# IFRAME >> Scrollbar?

## #1 — Jesper T, 2002-05-21T13:41Z

Hej!

Går det att ändra(scrolla) "storlek" på denna iframe med en scrollbar? Och i sådana fall; Hur?

```
 
<iframe id=myEditor src="edit.htm" onFocus="initToolBar(this)" width=99% height=100%></iframe>
```

MVH Jesper T

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

## #2 — frankof, 2002-05-21T16:08Z

det bestämmer du i "edit.htm"
Fast jag är inte säker på att jag fattade frågan rätt ;)

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

## #3 — Jesper T, 2002-05-21T16:31Z

Jo, det är nog så det, men jag har ändrat "scroll" till Scrolling och till yes osv. men inget händer detta är edit.htm:

```
<html>
<head>
<title>pipeline.nu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<STYLE>
  BODY {margin: 0pt; padding: 0pt; border: none}
  IFRAME {width: 100%; height: 100%; border: none}
</STYLE>
<SCRIPT>
// Default format is WYSIWYG HTML
var format="HTML"

// Set the focus to the editor
function setFocus() {
 textEdit.focus()
}

// Execute a command against the editor
// At minimum one argument is required. Some commands
// require a second optional argument:
// eg., ("formatblock","<H1>") to make an H1

function execCommand(command) {
textEdit.focus()
 if (format=="HTML") {
  var edit = textEdit.document.selection.createRange()
  if (arguments[1]==null)
   edit.execCommand(command)
  else
   edit.execCommand(command,false, arguments[1])
  edit.select()
  textEdit.focus()
 }
}

// Selects all the text in the editor
function selectAllText(){

var edit = textEdit.document;

edit.execCommand('SelectAll');
textEdit.focus();

}

function newDocument() {
	textEdit.document.open()
	textEdit.document.write("")
	textEdit.document.close()
	textEdit.focus()
}

function loadDoc(htmlString) {
	textEdit.document.open()
	textEdit.document.write(htmlString)
	textEdit.document.close()
}
// Initialize the editor with an empty document
function initEditor() {
	var htmlString = parent.document.all.EditorValue.value;
	textEdit.document.designMode="On"
	textEdit.document.open()
	textEdit.document.write(htmlString)
	textEdit.document.close()
	textEdit.focus()
}

// Swap between WYSIWYG mode and raw HTML mode
function swapModes() {
	if (format=="HTML") {
		textEdit.document.body.innerText = textEdit.document.body.innerHTML
		textEdit.document.body.style.fontFamily = "monospace"
		textEdit.document.body.style.fontSize = "10pt"
		format="Text"
 	}
	else {
   		textEdit.document.body.innerHTML = textEdit.document.body.innerText
   		textEdit.document.body.style.fontFamily = ""
   		textEdit.document.body.style.fontSize =""
   		format="HTML"
 	}
	// textEdit.focus()
	var s = textEdit.document.body.createTextRange()
	s.collapse(false)
	s.select()
}

window.onload = initEditor

</SCRIPT>
<!-- Turn off the outer body scrollbars. The IFRAME editbox will display its 
     own scrollbars when necessary -->
[b]<BODY SCROLL=No>[/b]

<IFRAME ID=textEdit>
</IFRAME>
<script>
textEdit.focus();
</script>
</body>
</html>
```

MVH Jesper

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

## #4 — Jesper T, 2002-05-21T16:34Z

Är det för att det är javasript i eller? texten bara försvinner ner i botten när man kommit dit. Det är urbota trist!

MVH Jesper

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

## #5 — mozilla, 2002-05-21T16:35Z

hmm.. vad är det du vill göra? ändra storlek på scollen eller få bort den? snälla utvecka din fråga.

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

## #6 — Jesper T, 2002-05-21T16:36Z

Nu så ser jag att det står:

> \<!-- Turn off the outer body scrollbars. The IFRAME editbox will display its 
>      own scrollbars when necessary --\>

Men det stämmer f-n inte!

MVH Jesper

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

## #7 — Jesper T, 2002-05-21T16:38Z

Jag vill kunna scrolla om texten i iframen blir för lång, men det går inte texten bara "försvinner ner" i iframen.

/Jesper

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

## #8 — frankof, 2002-05-21T16:41Z

En liten sväng innom w3c ger mig denna länken med lagliga attributer till \<iframe\>:
<http://www.w3.org/TR/html401/present/frames.html#edef-FRAME>

Och denna för \<body\>
<http://www.w3.org/TR/html401/struct/global.html#edef-BODY>

Så din kod borde bli något såhär:

```
.........script o tjafs.......
<BODY>

<IFRAME ID="textEdit" scrolling="auto">
</IFRAME>
...resten av dokumentet....
```

Fast auto är standard så de skall inte behövas.

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

## #9 — Jesper T, 2002-05-21T16:55Z

Ok, tack jag upptäckta att det blir scrollist men den kommer inte fram föräns jag har scrollat ner "en hel sida".  Konstigt!
Då tar det ju en stund tills man kan läsa texten igen ju! :(
MVH Jesper

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

## #10 — Jesper T, 2002-05-21T17:07Z

Ok, det var bara och labba med hight osv. Funkar bra nu!
Tack grabbar!

//Jesper

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/44211-iframe-scrollbar
