webForumDet fria alternativet

Hjälp, min kod fungerar inte i IE 10

HTML & CSS

27 svar · 4 074 visningar · startad av kluringen

Medlem sedan juli 2011156 inlägg
Frågan#1

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 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 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.

Medlem sedan aug. 20039 340 inlägg
#2

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.

Medlem sedan juli 2011156 inlägg
#3

nitro2k01 skrev:

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örjadejag bygga eget. 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.

Medlem sedan juni 20019 519 inlägg
#4

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

Medlem sedan juli 2011156 inlägg
#5

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.

Medlem sedan juni 20019 519 inlägg
#6

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

Medlem sedan juli 2011156 inlägg
#7

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

Medlem sedan juni 20019 519 inlägg
#8

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).

Medlem sedan juli 2011156 inlägg
#9

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?

Medlem sedan juni 20019 519 inlägg
#10

kluringen skrev:

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

Medlem sedan juli 2011156 inlägg
#11

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;}
Medlem sedan juni 20019 519 inlägg
#12

kluringen skrev:

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.

Medlem sedan juli 2011156 inlägg
#13

voigtann1 skrev:

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

Min hemsida?

Medlem sedan juni 20019 519 inlägg
#14

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

Medlem sedan juli 2011156 inlägg
#15

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.

Medlem sedan juli 2011156 inlägg
#16

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.

Medlem sedan juni 20019 519 inlägg
#17

ligger det live? Vad säger felloggen annars?

Medlem sedan juli 2011156 inlägg
#18

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

Medlem sedan juni 20019 519 inlägg
#19

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?

Medlem sedan juli 2011156 inlägg
#20

voigtann1 skrev:

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.

273 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
149 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)