Extern laden content [TXT] dmv JS
7 mei 2010 - 15:40   
geplaatst door: MichaelDV
Ik wil in een bepaald gedeelte een text laten aanroepen d.m.v javascript, hoe kan ik dit het beste uitvoeren?

dus in de html geen teksten maar een stukje javascript dat het textbestand oproept en de ruimte dan opvult met de text uit het document, en het dan stylen met CSS

(Bewerkt door MichaelDV om 15:45, 7-05-2010)

Extern laden content [TXT] dmv JS
11 mei 2010 - 16:18    reactie #1
geplaatst door: macossie
waarom in js?

met php kan het m.b.v.:

<?php<br>$file=fopen("welcome.txt","r");<br>?>

(Bewerkt door macossie om 16:18, 11-05-2010)

Extern laden content [TXT] dmv JS
11 mei 2010 - 16:36    reactie #2
geplaatst door: MichaelDV
Ik kan geen php? maar is dat de enig code die je nodig hebt dan??

ik heb het nu met JS en XML geprobeerd en dat werkt op zich wel maar dat wordt denk ik te omslachtig.

ik wil een meertalige website bouwen en als ik dan op de plaatsen waar tekst moet komen te staan ik deze kan oproepen zou dat mooi zijn.

zit alleen nog met een ander probleem, er zit ook een gallery in en daar komt een bechrijving bij te staan, kan ik dan in 1 document bijvoorbeeld alle omschrijvingen zetten

en dan in het gedeelte aanroepen wel stukje text hij moet weergeven??

Extern laden content [TXT] dmv JS
11 mei 2010 - 16:41    reactie #3
geplaatst door: macvooh
niet iedereen heeft PHP op zn webserver..


Heb hier even een stukje gecopypaste uit een oude oefening van me.. Is voor XML in te laden via AJAX, veel geavanceerder dan wat je wil maar is enige wat ik staan heb :)


   var reqXML; // hier komt het antwoord op de xml request in terecht
   var basisUrl = "DENAAAMVANJE.xml";

   function loadXMLDoc(url){
       reqXML = false;
       // native XMLHttpRequest object
       if(window.XMLHttpRequest && !(window.ActiveXObject)){
           try{
               reqXML = new XMLHttpRequest();
           }
           catch(e){
               reqXML = false;
           }
       // IE/Windows ActiveX version
       }
       else if(window.ActiveXObject){
           try{
               reqXML = new ActiveXObject("Msxml2.XMLHTTP");

           }
           catch(e){
               try{
                   reqXML = new ActiveXObject("Microsoft.XMLHTTP");
               }
               catch(e){
                   reqXML = false;
               }
           }
       }
       if(reqXML){
           reqXML.onreadystatechange = processReqChange;
           reqXML.open("GET", url, true);
           reqXML.send("");
       }
   }

   function processReqChange(){
       // only if reqXML shows "loaded"
       if (reqXML.readyState == 4){
           // only if "OK"
           if (reqXML.status == 200){
               vulMain(reqXML.responseXML); // ok, maak de lijst
           }
           else{
               alert("There was a problem retrieving the XML data:\n" +
                   reqXML.statusText);
           }
       }
   }


   loadXMLDoc(basisUrl);
   var xmlBoom = reqXML.responseXML; // vanaf heden kan je basis DOM navigatie methods gebruiken hierop
   // bvb: var persoon = xmlBoom.getElementsByTagName("persoon");

Voordeel van de ajax methode is dat je je pagina niet moet refreshen als je het wil inladen.

is maar een vlugge copypaste uit een veel langer programma dus kan zeker fouten bevatten.
ajax code is geïnspireerd door de webdev-documentatie van Apple op hun site.

succes

FREAK!