---
title: "Hjälp, min kod fungerar inte i IE 10"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/191754-hjälp-min-kod-fungerar-inte-i-ie-10"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "kluringen"
published: "2013-09-30T22:15:59.000Z"
updated: "2013-10-02T15:56:46.000Z"
replies: 27
views: 4128
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/191754-hjälp-min-kod-fungerar-inte-i-ie-10"
---

# Hjälp, min kod fungerar inte i IE 10

_Sida 1 av 2._

## #1 — kluringen, 2013-09-30T22:15Z

Jag har gjort en funktion för att kunna låta utvalda användare skriva själva på hemsidan. Det har fungerat smärtfritt t.o.m. IE7 (8 och 9 har jag inte testat). Fungerar fortfarande Firefox. Den enklaste varianten är en insändarsida. Börjar med den, det är sannolikt samma problem med varianten som jag har gjort till styrelsen som ligger lite här och var på hemsidan.

Steg 1, menyvalet:

```php
<?php include ("skyddad_sida.php"); ?>
<!DOCTYPE html>
<html>
<head >

<meta charset="UTF-8">
<meta name="robots" content="noindex, nofollow"> 

<link rel="stylesheet" href="stilmall.css" type="text/css" />

<style type="text/css">
.box1 {width: 120px; float: left;}

</style>

<title>info</title>

</head>

<body>
<?php $_SESSION['sida'] = 'tycktill.php';
$_SESSION['sida1'] = 'tycktill.php';  
$_SESSION['filnamn'] = 'tycktill-fil.php';?> 

<?php include ("menylista.php"); ?>

<div id="storruta">
<div id="pennan">
<a href="tycktill-edit.php"><img src="bilder/pen.png" title="redigera text" alt="pennan"></a>
</div>

<h1>Kommunicera med dina grannar</h1>
<span class="mindre">Anonyma och/eller kränkande inlägg kommer att tas bort av webbredaktionen. Klicka på pennan och skriv ett inlägg om vad som helst, allt måste inte handla om föreningen.</span> 
<h3>Insändare</h3>
<hr>
<?php include ("tycktill-fil.php"); ?>

</div>
</body>
</html>
```

Steg 2, gränssnitt till tiny_mce:

```
<?php session_start();?>
<!DOCTYPE html>
<html>
<head >

<meta charset="UTF-8">
<meta name="robots" content="noindex, nofollow"> 

<link rel="stylesheet" href="stilmall.css" type="text/css" />

<style type="text/css">
</style>

<title>info</title>

<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>

	<script type="text/javascript">
	tinyMCE.init({
		mode : "textareas",
		language : "sv",
		theme : "advanced",
		theme_advanced_buttons1 : "bold,italic,underline,strikethrough,fontselect,fontsizeselect,|,forecolor,undo",
		theme_advanced_buttons2 : "",
		theme_advanced_buttons3 : "",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		content_css : "stilmall.css",
		theme_advanced_font_sizes : "Liten=12px, Normal=16px, Stor=20px",
		forced_root_block : '',
		force_br_newlines : true,
		force_p_newlines : false
	});
	</script>

</head>

<body>
<?php $_SESSION['sida'] = 'tycktill-edit.php'; 
?>
<?php include ("menylista.php"); ?>

<div id="storruta">

<h3>Skriv en insändare</h3>
<div id="knapp">
<form id="avbryt" name="avbryt" action="z-cancel.php">
<input type="submit" name="submit" id="submit" value="Avbryt" />
</form>
</div> 

<form id="textfil" name="textfil" method="post" action="tycktill-skriv.php">
<fieldset>
<textarea  name="gruppsida" id="gruppsida" cols="65" rows="20"> </textarea> <p>
<label for="submit"></label>
<input type="submit" name="submit" id="submit" value="Skicka" />
</fieldset>
</form>
</div>

</body>
</html>
```

När jag skriver i textrutan får jag bara oformaterad text. Tror att det är min textarea som har slutat funka i IE 10. Vet inte om felet finns i javascriptet eller i HTML.

Steg 3, Tog med koden för att synliggöra sammanhanget. Redigerar filen så  dagens datum och den senaste texten ska ligga överst.

```php
<?php session_start();
$filnamn = $_SESSION['filnamn'];

$file = fopen($filnamn, "r");
$innehall = fread($file, filesize ($filnamn));
fclose($file);

$nyinnehall = $today = date("Y-m-d H:i")."<p>".$_POST['gruppsida']."<hr>".$innehall;

$file = fopen($filnamn, "w");
fwrite($file, $nyinnehall);
fclose($file);

header('Location: ' .$_SESSION['sida1']);
exit;
?>
```

När jag återvänder till sidan har jag alla gamla insändare i rätt ordning, ett nytt datum men ingen text. Jättetacksam Om någon kommer på vad som är fel.

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

## #2 — nitro2k01, 2013-09-30T23:23Z

Den uppenbara frågan är väl, har du uppgraderat TinyMCE på sistone? Du kanske har en gammal version som funkar dåligt med IE10.

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

## #3 — kluringen, 2013-10-01T12:23Z

> **[nitro2k01 skrev:](https://www.webforum.nu/p/1568832)**
>
> Den uppenbara frågan är väl, har du uppgraderat TinyMCE på sistone? Du kanske har en gammal version som funkar dåligt med IE10.

Jisses, jag hoppades att inte få just detta råd som förstahandstest. Jag har aldrig gjort någon uppdatering. TinyMCE är ju så stort och det finns så många olika ”paket” att välja på. Inte kommer jag ihåg vad det var jag hämtade. Sidan jag var på förut visade kodförslag till hur scriptet kan se ut vilket var till stor hjälp. Nu hittar jag inget sånt.

Jag har aldrig lärt mig Javascript, Detta är det enda scriptet som jag har skrivit i hela mitt liv. Jag är lika dålig på att jobba med formulär och har ett litet helvete att få till dem varje gång som jag hittar på något nytt. För att inte tala om hur mycket jag svor tills jag fick scriptet och formuläret att samarbeta.

Egentligen kan jag inte bygga hemsidor. Jag fick ansvaret i vår styrelse att plocka fram info att lägga ut på hemsidan som vi hade då. Det fungerade inte att få något utlagt av en stressad Webbmaster. Då tog jag saken i egna händer och försökte leta efter ett publiceringsverktyg, men hittade ingen billig och bra. Därför började[jag bygga eget](http://www.lavetten11.se/forsta.php). Logga in för att hitta insändaren: användare = forum, lösen= forum. Jag tar bort användaren ”forum” när problemet är löst.

Att hitta det här forumet var en välsignelse, här har jag fått hjälp mig med diverse knepigheter.  

Jag har vid det här laget insett att IE inte är lika förlåtande av småbuggar som andra webbläsare. Det är mycket sannolikt att felet finns i mitt script eller i mitt formulär eller båda. 

Måste jag uppdatera TinyMCE ändå, behöver jag hjälp med det, är helt förvirrad av alla valmöjligheter som finns.

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

## #4 — voigtann1, 2013-10-01T12:48Z

Är det när du spara med TinyMCE på IE10 eller är det när du besöker sidan?

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

## #5 — kluringen, 2013-10-01T13:31Z

Missade du länken i förra inlägget? Tredje stycket näst sista meningen. Testa så ser du. Tittar du i koden ser du att textarean skickas som post till PHP som skriver en fil. Jag har lagt ut hela koden (tre filer) i trådstarten. Det är textarean som inte funkar.

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

## #6 — voigtann1, 2013-10-01T13:39Z

efter rätt mycket letade på sidan som inloggad hittade man äntligen en editor, det första man få:

SCRIPT438: Object doesn't support property or method 'parentElement' 
tiny_mce.js, line 1 character 61808

du behöver uppdatera tinyMCE

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

## #7 — kluringen, 2013-10-01T14:03Z

Tack Voigtann1. Va jobbigt. Kan du ge mig en länk och beskriva exakt vad jag ska ladda hem? Jag återkommer om jag får problem eller så markerar jag en lösning. :bire

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

## #8 — voigtann1, 2013-10-01T14:06Z

Du kör 3.2.3 nu gissar jag så du borde kunna hålla dig till TinyMCE 3.5.8 utan att bryta för mycket, vet inte om det kommer hjälpa dig med IE10 dock: <http://www.tinymce.com/download/download.php>

räcker att du byter ut din tiny_mce.js (hoppas jag).

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

## #9 — kluringen, 2013-10-01T16:57Z

Jag har bara testat på min lokalserver. Med IE blev det som förut, men med Mozilla FF får jag ingen ruta alls. Vad tycker du att jag ska prova nu?

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

## #10 — voigtann1, 2013-10-01T17:32Z

> **[kluringen skrev:](https://www.webforum.nu/p/1568846)**
>
> Jag har bara testat på min lokalserver. Med IE blev det som förut, men med Mozilla FF får jag ingen ruta alls. Vad tycker du att jag ska prova nu?

Du få gärna berätta vad som bli fel (vad kastar webbläsaren för fel kolla i konsollen i FF?) Rätt svårt att berätta vad felet utan någon mer info.

det fel jag få är att jag inte ha din CSS men annars fungera koden:

<http://php.voigt.se/sandbox/wf/kluringen/tinymce/>

<http://php.voigt.se/sandbox/wf/kluringen/tinymce/example.zip> för källkoden

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

## #11 — kluringen, 2013-10-01T19:15Z

Fy vad jag är less och trött, det här är för svårt. Kan kämpa lite till men...Nu tar jag ett glas, sen kan jag gosa ner mig hos katterna och sova.

Nyfiken på hur ditt formulär och script ser ut i ditt demo. 

CSS: (skulle behöva städa i den när om och när jag orkar)

```
/* *********** Generell stil för alla sidor *********** */

body {font-family: Arial; font-size: 16px; margin-top: 0px; padding: 0px;} 
body {background-image: url(bgbild.jpg); background-repeat: no-repeat; background-attachment: fixed;}

h1 {font-size: 25px; }
h2 {font-size: 18px; }
h3 {font-size: 18px; color: #568BAC;}
h4 {font-size: 18px; color: #800000;}
h5 {font-size: 30px; color: #568BAC;}
h6 {font-size: 30px; color: red;}

hr {color: #568BAC;}
#stor {font-size: 20px;}
.kant{border: 1px;}
.justera-h {horisontal-aligne: right;}

.box1 {width: 120px; float: left;}

/* ***************** TEXTFÄRGER och TEXTSTORLEK ************ */
.rod {color: red;}
.morkrod {color: #800000;}
.lila{color: #FF00FF;}
.bla {color: #0000FF;}
.gron {color: green;}
.mindre {font-size: 80%;}
.minst {font-size: 65%;}
.storre{font-size: 120%;}

/* ******** TABELL anpassningar till HTML5 ********************** */

tr {vertical-align: top;}
.tomspalt {width: 40px;}
.bredd-30 {width: 30px;}
.bredd-40 {width: 40px;}
.bredd {width: 400px;}
.bredd-150 {width: 150px}
.bredd-190 {width: 190px}

.bredd-260 {width: 260px}
.bredd-300 {width: 300px}
.bredd-340 {width: 340px}
.bredd-450 {width: 450px}
.bredd-570 {width: 570px}
.bredd-600 {width: 600px}

.bild-v-260 {width: 260px; float: left;}
.bild-v-150 {width: 150px; float: left;}

#pennan {width: 20px; float: right; }
#pennan a img {border: 0;}
#kransen a img {border: 0;}
#knapp {width: 50px; float: right; }
#knapp2 {width: 90px; float: right; }
#knapp3 {width: 50px; float: right; }

/* ****************************** */
#storruta {margin-left: 200px; margin-top: 0px; width: 540px; background: #ffffff; padding: 20px; z-index: 2;}

#skarv {margin-left: 200px; margin-top: 0px; width: 540px; height: 500%; background: #ffffff; padding: 20px; z-index: 2;}

#kantruta {margin-left: 20px; margin-top: 0px; width: 540px; background: #ffffff; /* float: left;*/ padding: 10px; z-index: 2;}
#helruta {margin-left: 200px; margin-top: 0px; width: 900px; background: #ffffff; /* float: left;*/ padding: 10px; z-index: 2;}
#jatteruta {margin-left: 170px; margin-top: 0px; width: 1100px; background: #ECF0FB;/*#CCD5FF;*/  float: left; padding-left: 50px; z-index: 2;}
#lillruta {margin-left: 600px; margin-top: -80px; width: 255px; background: #ffffff;/*#CCD5FF;  float: left;*/ padding-left: 10px; z-index: 2;}

/*slut på textrutan, bildbox (blommor) nästa */
.scrollbox {padding: 10px; height: 290px; width: 300px; border: 1px solid #999999; 
overflow: auto;/* background-color: #F1F1EB;*/}

/* VERTIKAL RULLMENY, EXPANDERAR 1 NIVÅ*/

/* box för rullmenyn */
	.menybox {padding: 10px; height: 90%; width: 150px;border: 
  1px solid #C8D6B2; overflow: auto; background: /*#C8D6B2;*/ #569AAA; position:fixed;}     /*ÄNDRAT FÄRGEN HÄR*/

/* loggmeny, vill bara ha ett annat utseende och text som inte markeras som länk bara */

.menytext{font-size: 90%; color: #800000;}
.undermeny{font-size: 90%;}
.vittext {color: #FFFFFF;}

.loggcontainer{left; width: 148px; font-size: 110%;
border-top: 1px solid #C8D6B2; border-left: 1px solid #C8D6B2; 
border-right: 1px solid #C8D6B2;}

.loggmeny{margin: 0; padding: 0; list-style-type: none;}
.loggmeny a{display: block; margin: 0; text-decoration: none; 
padding-bottom: 0.5em; padding-left: 5px ; color: #800000;
background: #E6E3DA; border-bottom: 1px solid /*#C8D6B2;*/ #568Bac;}		/*ÄNDRAT FÄRGEN HÄR*/

.loggmeny a:hover{background: #DCDFE4;}

/* Resten */

#vmeny ul {list-style-type: none; 
font-size: 14px;
margin: 0px;
padding: 0px;} 

#vmeny > ul > li {
border-top: 1px solid /*#C8D6B2;*/ #568BAC;			/*ÄNDRAT FÄRGEN HÄR*/
border-bottom: 2px solid /*#C8D6B2;*/ #568BAC;
} 	/*ÄNDRAT FÄRGEN HÄR*/

#vmeny li {
background-color: #E9EFFB;
position: relative; }

#vmeny > ul > li > ul {background: #E6E3DA;}

#vmeny li:hover {
background-color: #DCDFE4;}

#vmeny a { text-decoration: none;
display: block;
padding-left: 8px;
padding-right: 8px; 
padding-top: 2px;
padding-bottom: 2px;}

#vmeny a:link { color: black;}
#vmeny a:visited { color: black;}
#vmeny a:hover { color: blue;}
#vmeny a:active { color: black;}
#vmeny ul li a#current {backgrond: #000000;}

#vmeny > ul ul {
width: 130px;
display: none;}

#vmeny li:hover > a + ul {
display: block;}

/* ************ HORISONTELL MENY MED DROP DOWN I TVÅ NIVÅER ************************** */

#topruta {margin-left: 200px; margin-top: 0px; width: 1070px; background: #ECF0FB; overflow: auto; padding: 0px; position: fixed;}

#topruta2 {margin-left: 104px; margin-top: 0px; width: 110px; background: #ffffff; overflow: auto; padding: 0px; position: fixed; }

#hmeny ul {list-style-type: none; 
font-size: 14px;
margin: 0px;
padding: 0px;} 

#hmeny > ul > li {
float: left;
margin: 0px;
border: 3px solid #568BAC;       
border-right: 2px solid #568BAC;}

#hmeny > ul > li li {
border: 2px solid #568BAC;}

#hmeny li {
background-color: #E9EFFB;
position: relative; }

#hmeny li:hover {
background-color: #DCDFE4;}

#hmeny a { text-decoration: none;
display: block;
padding-left: 8px;
padding-right: 8px; 
padding-top: 2px;
padding-bottom: 2px;}

#hmeny a:link { color: black;}
#hmeny a:visited { color: black;}
#hmeny a:hover { color: blue;}
#hmeny a:active { color: blue;}

#hmeny > ul ul {
position: relative; 
left: 0px; 
top: 0px;
width: 150px;
display: none;}

#hmeny > ul >li > ul {
top: 19px;}

#hmeny > ul >li > ul ul {
left: 148px; 
top: -1px;}

#hmeny li:hover > a + ul {
display: block;}

#lmeny ul {list-style-type: none; 
font-size: 11px;
margin: 0px;
padding: 0px;}

#lmeny > ul > li {
float: left;
margin: 0px;
border: 5px solid #568BAC;} 

#lmeny li {
background-color: #E9EFFB;
position: relative; }

#lmeny li:hover {
background-color: #DCDFE4;}

/* rulla över med musen ruta, se stadgar*/
	
.ruta
{
background-color: #E9EFFB; width: 300px; padding: 12px;
position: absolute; left: 0px; margin-top: 20px; font-size: 12px;
border: 1px solid #000000; display: none; /*z-index: 0;*/
}

.rullaover 
{position: relative; background-color: #DCDFE4; z-index: 1;}
.rullaover:hover .ruta {display: block;}

/* ************ mallar *************** */ 
/* <style type="text/css">  </style> */
/* ol { list-style-type: lower-alpha} (kopieras in i style för små bokstäver*/
.gemener {list-style-type: lower-alpha;}
.versaler{list-style-type: higher-alpha;}
```

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

## #12 — voigtann1, 2013-10-01T19:37Z

> **[kluringen skrev:](https://www.webforum.nu/p/1568849)**
>
> Nyfiken på hur ditt formulär och script ser ut i ditt demo.

all kod som finns i zip filen är det som är på hemsidan.

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

## #13 — kluringen, 2013-10-01T20:25Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1568850)**
>
> all kod som finns i zip filen är det som är på hemsidan.

Min hemsida?

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

## #14 — voigtann1, 2013-10-01T20:28Z

Ja, voigt.se andra länken i förra inlägget

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

## #15 — kluringen, 2013-10-01T21:03Z

Som vanligt så tror jag att du har hittat buggen i min kod. 

```
<script type="text/javascript">
	tinyMCE.init({
		mode : "textareas",
		language : "sv",
		theme : "advanced",
		theme_advanced_buttons1 : 
.....o.s.v
```

Du har det \<body\>, på hemsidan ligger det i \<head\>. Kan det vara så enkelt? Värt att testa.

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

## #16 — kluringen, 2013-10-02T08:13Z

God morgon. Testat o testat varianter, plankat kod av voigtann1 som fungerar, lusläst med lupp men ingenting hjälper. Här behövs skarpa vana hökögon för att hitta vad som felar. Editorn fungerar inte med min kod.

```
<?php session_start();?>
<!DOCTYPE html>
<html>
<head >

<meta charset="UTF-8">
<meta name="robots" content="noindex, nofollow"> 

<link rel="stylesheet" href="stilmall.css" type="text/css" />

<style type="text/css">
</style>

<title>info</title>

<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>

</head>

<body>
<?php $_SESSION['sida'] = 'tycktill-edit.php'; 
?>
<?php include ("menylista.php"); ?>

<div id="storruta">

<h3>Skriv en insändare</h3>
<div id="knapp">
<form id="avbryt" name="avbryt" action="z-cancel.php">
<fieldset>
	<input type="submit" name="submit" id="submit" value="Avbryt" />
</fieldset>
</form>
</div> 

<form id="textfil" name="textfil" method="post" action="tycktill-skriv.php">
<fieldset>
	<textarea  name="gruppsida" id="gruppsida" cols="65" rows="20"> </textarea> <p>
	<input type="submit" name="submit" id="submit" value="Skicka" />
</fieldset>
</form>

<script type="text/javascript">
tinyMCE.init({
		mode : "textareas",
		language : "sv",
		theme : "advanced",
		theme_advanced_buttons1 : "bold,italic,underline,strikethrough,fontselect,fontsizeselect,|,forecolor,undo",
		theme_advanced_buttons2 : "",
		theme_advanced_buttons3 : "",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		content_css : "stilmall.css",
		theme_advanced_font_sizes : "Liten=12px, Normal=16px, Stor=20px",
		forced_root_block : '',
		force_br_newlines : true,
		force_p_newlines : false
	});
</script>

</div>
</body>
</html>
```

Session-variablerna, "storruta" och avbrytknappen **vill**  jag ha kvar. Jag har även testat att ta bort allt som inte voigtann1 har tagit med utan framgång.

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

## #17 — voigtann1, 2013-10-02T08:41Z

ligger det live? Vad säger felloggen annars?

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

## #18 — kluringen, 2013-10-02T08:50Z

Ja, det ligger live. Jag vet tyvärr inte hur man kollar feloggen (borde väl lära mig).

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

## #19 — voigtann1, 2013-10-02T08:56Z

På: <http://www.lavetten11.se/tycktill-edit.php>

så få jag: "NetworkError: 404 Not Found - http://www.lavetten11.se/js/tiny_mce/themes/advanced/langs/sv.js"

men annars ser det ut att fungera?

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

## #20 — kluringen, 2013-10-02T10:18Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1568858)**
>
> På: <http://www.lavetten11.se/tycktill-edit.php>
> 
> så få jag: "NetworkError: 404 Not Found - http://www.lavetten11.se/js/tiny_mce/themes/advanced/langs/sv.js"
> 
> men annars ser det ut att fungera?

Ett spår är det ju. Sökvägen som det klagas på är rätt om man tittat i mappstrukturen. 

En skillnad till på ditt o mitt är texten i knapparna i editorn: Du har "advanced.size" + "advanced.size" + "advanced.path" längst ner. Alla dina rubriker är på engelska, mina är på svenska.

I min ruta står det "Fontfamilj" och "Fontstorlek", "ingen "advanced.path. Vete fan vad det är för skillnad, koderna ser lika ut. 

OT: Min erfarenhet från den gamla/dåliga tiden är att errorloggar ljuger ibland när felet är ett följdfel av ett föregående hittad fel. Skit svårt att hitta när felet loggas från runtime-systemet.  

Min gissning är att scriptet skenar på raden "Language : "sv", ". Något görs rätt når den översätter rubrikerna till svenska, sen ballar det ur.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/191754-hjälp-min-kod-fungerar-inte-i-ie-10  
Nästa sida: https://www.webforum.nu/amne/html-css/191754-hjälp-min-kod-fungerar-inte-i-ie-10/page2.md
