Lagra text och bild i javascript

[Dia2]

Hej

Försöker lagra text samt en bild i javascript, för att sedan enkelt kunna använda/ändra samma text i flera undersidor genom att endast ändra i javascript filen. Men får det inte till att fungera som jag vill.

 

Så här långt fungerar det fint:

var mytext = "min text";

 

<script type="text/javascript">
	   document.write(mytext);
   </script>

 

Men sedan när texten blir flera rader så fungerar det inte :

var mytext = "Hej
 jag behöver hjälp">";

 

Undrar också hur jag kan lagra bild på samma sätt som jag lagrar text i javascript?

[qri]

Radbryt inte så funkar det. Du kan bara spara referenser/sökväg till en bild inte själva bilden i Javascript.

[qri]

Radbryt inte så funkar det. Du kan bara spara referenser/sökväg till en bild inte själva bilden i Javascript.

[qri]

Radbryt inte så funkar det. Du kan bara spara referenser/sökväg till en bild inte själva bilden i Javascript.

[Dia2]

Radbryt inte så funkar det. Du kan bara spara referenser/sökväg till en bild inte själva bilden i Javascript.

 

okej fungerar med texten nu, förstår inte hur du menar med bilden hur ska jag göra vill att de ska se ut så:

text text text !Bild! text text text !Bild!

[Wargen41]

Men sedan när texten blir flera rader så fungerar det inte :

var mytext = "Hej!\nJag behöver hjälp.";

Om du vill ha det uppdelat på flera rader i koden kan du göra på följande vis:

var mytext = "Hej!\n"+
"Jag behöver hjälp.";

 

Om du av någon anledning vill ha ett tabbtecken också så är det \t.

 

Det finns kanske någon avancerad metod att lagra bilder med någon speciell kodning rätt i koden, men det är ju enkelt att spara sökvägen till en bild på samma sätt som du lagrar texten.

[Dia2]

Det finns kanske någon avancerad metod att lagra bilder med någon speciell kodning rätt i koden, men det är ju enkelt att spara sökvägen till en bild på samma sätt som du lagrar texten.

 

Ja hur är detta enkla sätt, kan du ge exempel?

Tack

[Wargen41]

Ja hur är detta enkla sätt, kan du ge exempel?

Tack

 

Det bästa är att skapa en funktion för det i ditt inlänkade JavaScript

Detta lägger du i den inlänkade filen:

function IMG(src){ return '<img alt="" src="'+src+'" />'; }

Och så här det i så fall ut i HTML-dokumentet:

document.write(IMG(myimage));

Där myimage förstås är sökvägen till bilden, typ: "bilder/minbild.jpg".

[tema]

Kort sagt kan man nog säga att man brukar göra sådant på ett annat sätt nu. Nämligen genom att ändra i dokumentstrukturen genom DOM.

 

Exempelvis:

document.getElementById('content').innerHTML = '<h4>Hej</h4><p>Dynamiskt innehåll</p><img src="bild.gif"/>';

[spuun]

Har du ingen möjlighet till något server side-språk istället? Om någon har JS avstängt kommer de inte se din text. Överhuvudtaget skulle jag vilja säga att det är lite fel område för JS.

 

Många webbservrar har server side includes aktiverat, då kan man skriva (om jag kommer ihåg rätt, orkar inte googla):

<!--#include file="enfil.html" -->

så inkluderas innehållet från enfil.html på den plats du lägger koden ovan. Detta görs då på serversidan, och det kommer se ut som att koden i enfil.html är en del av den sida den inkluderas på.

[falafeln]

tekniskt sätt kan man lagra bilder i javascript, öppna bara bilden med nån texteditor, escapa alla tecken som det krävs för och fixa sen en funktion som infogar datan som src-värdet på en img-tag med protokollet data. dvs:

<img src="data:image/png;charset=utf-8,bildens data här" />

men som du ser kostar det mer än det smakar

[tema]

tekniskt sätt kan man lagra bilder i javascript, öppna bara bilden med nån texteditor, escapa alla tecken som det krävs för och fixa sen en funktion som infogar datan som src-värdet på en img-tag med protokollet data. dvs:

<img src="data:image/png;charset=utf-8,bildens data här" />

men som du ser kostar det mer än det smakar

Mycket intressant. Hade jag inte hört talas om!

 

Konstaterar dock:

1. teckenkodning är meningslös när det gäller bilder,

2. bilddatat ska inte escapas utan datat ska base64-encodas, vilket är något helt annat,

3. som vanligt stöds inte tekniken av Explorer vilket i praktiken gör det meningslöst.

 

Edit: Noterade att base64-encodeing inte är nödvändig så punkt 2 gäller inte så länge man inte anger base64.