webForumDet fria alternativet

Från fil till text? javascript

JavaScript

9 svar · 804 visningar · startad av Belenos

Medlem sedan mars 201077 inlägg
Frågan#1

Hej!
Jag har en <div id=table> som jag vill fylla med hjälp av JavaScript: document.getElementById('table').innerHTML = från en fil (php/html). Men behöver en metod/funktion som kan läsa från fil och ge en text som passar i (innerHTML=). Någon som kan hjälpa mig med en lösning i JavaScript som läser från fil (php/html) och returnerar innehållet som text?

Medlem sedan maj 20011 826 inlägg
#2

Hur menar du? Vill du läsa från en lokal fil på klienten eller från servern via ett AJAX-anrop?

Medlem sedan mars 201077 inlägg
#3

Jag vill kunna läsa in en php/html fil från servern till en div med id= table och jag har hittat (document.getElementById('table').innerHTML =) men behöver komplettera med en funktion som läser texten ur en php/html-fil! Jag kan ingenting om ajax (än).

Medlem sedan mars 2006296 inlägg
#4

Jag använder nästan alltid jQuery i mina projekt. I det paketet ingår flera funktioner för ajax anrop. Om du kollar på den här sidan så ser du ett enkelt sätt att göra det du vill:
http://api.jquery.com/load/

Medlem sedan mars 201077 inlägg
#5

Kul!
Detta ska jag testa. Tack på förhand!

Medlem sedan mars 201077 inlägg
#6

Jag får meddelandet "object expected".
Jag har Apache 2.2 och PHP 5.2 installerat, kan det bero på något sånt?

Kod:
<div id="table">

<script>
$("#table").load("load.htm");
</script>

och filen som ska in load.htm

Medlem sedan mars 2006296 inlägg
#7

Är det ett javascript felmeddelande du får i IE? I så fall låter det om om du glömt länka in din jquery.js fil?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<!-- Ändra src till sökvägen till din jquery.js fil -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

<body>
<div id="table"></div>

<script>
	$("#table").load("load.html");
</script>
</body>
</html>
Medlem sedan mars 201077 inlägg
#8

Kod:
<html>
<head>
<title>Beräknaren.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="style.js"></script>
</head>

<BODY onLoad="popUp()">
<div id="table"></div>
</body>
</html>

och:

<!--
function popUp()
{
window.open('popup.htm', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=400, height=300, left=150, top=250');

  $("#table").load("load.htm");

}

//-->

Där scriptet ska starta en popup och fylla index med "design"!
Jag hittar inga fel, men ska jag länka till en annan jquery än det jag har själv?

Medlem sedan juni 20019 519 inlägg
#9

Du har fortfarande inte inkuderat jquery filen för att få igång all jquery kod.

Medlem sedan mars 201077 inlägg
#10

Nu fungerar det och jag har lärt mig något nytt och användbart!

Tack alla!

382 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
125 ms — deklarationer (db)
121 ms — hämta statistik (db)
133 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)