Det går faktiskt att låta javascript läsa textfiler från servern med hjälp av ajaxteknik men det är helt hopplöst att få svenska bokstäver ÅÄÖ att fungera.
Vad man får göra är något skript på serversidan som läser filen och kodar om alla konstiga tecken sen får javascriptet koda tillbaka det.
Det blir lite halvmekigt och eftersom ajax inte når ut riktigt till 100% så blir det inte heller alla som kan del av det.
Du skriver "en liten snutt" och då låter det ju som du förväntar dig något busenkelt ... men vill du ha det i javaskript lär det bli mer än några rader.
Du har illustrerat principen. Då återstår bara att få det att fungera och bli kompatibelt också. Jag kan bidra med lite kod så får andra hjälpa till med ÅÄÖ -biten.
Lägg till nedanstående funktion och byt ut new XMLHttpRequest i colione's kod mot getHttpRequest();
function getHttpRequest()
{
var handle = false;
if (window.XMLHttpRequest)
{
handle = new XMLHttpRequest();
if(handle.overrideMimeType) // Mozilla/Safari/IE7+
{
handle.overrideMimeType('text/xml; charset=iso-8859-1');
}
}
else
if (window.ActiveXObject)
{
try
{
handle = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
handle = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {}
}
}
if (!handle)
{
return false;
}
return handle;
}
Två kommentarer här:
colione: Uttrycket du använder för att slumpa index kan skrivas enklare som parseInt(Math.random()*arrLines.length)
Du behöver i detta fall inte göra det gamla tricket att justera med +1 och sedan använda en floor-funktion.
coder: Det borde väl gå jättebra att få ÅÄÖ & co att funka om man strikt håller sig till UTF-8 överallt? Eller krånglar det ändå? (Om textfilen inte är skriven i UTF-8 blir det väl till att skriva/använda en konverterare i valfritt serverspråk)
coder: Det borde väl gå jättebra att få ÅÄÖ & co att funka om man strikt håller sig till UTF-8 överallt? Eller krånglar det ändå? (Om textfilen inte är skriven i UTF-8 blir det väl till att skriva/använda en konverterare i valfritt serverspråk)
Jo. Precis det borde ju fungera.
Jag hade dock grymma problem med detta i något projekt för något år sedan.
Men i teorin:
Om man på serversidan låter ett skript läsa filen och trycka ut den och är noga med att sätta header("Content-type: text/html; charset=utf-8"); (för php) eller Response.Charset="utf-8" (asp) så borde fungera.
Två kommentarer här:
colione: Uttrycket du använder för att slumpa index kan skrivas enklare som parseInt(Math.random()*arrLines.length)
Du behöver i detta fall inte göra det gamla tricket att justera med +1 och sedan använda en floor-funktion.
Så sant, jag återanvände en gammal slump-funktion jag hade, därav var det kvar.
Skriver i C# och pratar därför om ett program istället, ska ju bara ge bilden.
Man får inte dividera med 0, vilket jag gör nedan. Med try...catch så "fångar" jag felet i catch och behandlar det där. Jag skulle kunna skriva en rad om att "Så fick du inte göra!" istället för att allt kraschar och man får upp ett Windowsmeddelande om fel och programmet avslutas.
try
{
int division = 0;
int i = 100 / division;
}
catch (Exception ex)
{
//Division med noll inte tillåten! Men programmet fortsätter köras
}
Såhär ska det se ut: (även ändrat slumpfunktionen till parseInt)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<script type="text/javascript"><!--//--><![CDATA[//><!--
function getHttpRequest()
{
var handle = false;
if (window.XMLHttpRequest) {
handle = new XMLHttpRequest();
if(handle.overrideMimeType) // Mozilla/Safari/IE7+
{
handle.overrideMimeType('text/xml; charset=iso-8859-1');
}
} else if (window.ActiveXObject) {
try
{
handle = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
handle = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {}
}
}
if (!handle)
{
return false;
}
return handle;
}
function doStuff(strStuff)
{
arrLines=strStuff.split("\n");
arrVal = arrLines[parseInt(Math.random() * (arrLines.length))].split(",");
document.getElementById('visa').innerHTML = arrVal[0] + " - " + arrVal[1];
}
function omg()
{
var xhr = new getHttpRequest();
xhr.open("GET", "fil.txt");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
txt= xhr.responseText;
doStuff(txt);
}
}
xhr.send(null);
}
//--><!]]></script>
<style type="text/css"><!--/*--><![CDATA[/*><!--*/
body {
}
#visa {
border: 1px solid #000000;
padding: 3px;
}
/*]]>*/--></style>
<title>Test</title>
</head>
<body>
<h1>Test</h1>
<div id="visa"></div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
omg();
//--><!]]></script>
</body>
</html>
Att det blir tomt tror jag beror på hur din fil ser ut. :)
Nu skapas xmlhttprequesten genom klassen getHttpRequest(), den var dock felkonstruerad förut så den anropade sig själv oändligt antal gånger. :) Nu är det fixat. Funkar även i ie6.
Nu skapas xmlhttprequesten genom klassen getHttpRequest(), den var dock felkonstruerad förut så den anropade sig själv oändligt antal gånger. :) Nu är det fixat. Funkar även i ie6.
Hur menar du då? Var anropar den sig själv? Däremot undrar jag om det ska stå new framför funktionsanropet:
function omg()
{
var xhr = [B][red]new[/red][/B] getHttpRequest();
xhr.open("GET", "fil.txt");
...
