Ga naar inhoud

html invoegen in web-pagina met java-script


Aanbevolen berichten

Is het mogelijk via java-script html-bestanden in te voegen in een bestaande web-pagina op bepaalde data. Voorbeeld: Er zijn 4 html-bestanden (1.html, 2.html...) Op 1 mei t/m 5 mei pag. 1.html invoegen op 6 mei t/m 10 mei pag. 2. html invoegen etc.. Er is dus 1 hoofdpagina welke losse stukjes html invoegt. Hopelijk ben ik duidelijk genoeg! Graag jullie hulp. Bedankt, Dupke
Link naar reactie
Je kan met javascript wel tijdens het parsen van de pagina stukjes html toevoegen met document.write(). Maar dat betekend dat je al je code in javascript regels moet zetten. M.a.w. als dat veel code is dan is het niet echt aan te raden. Je kan ook verschillende pagina's maken en met location.href "redirecten" naar 1 van die pagina's. Eventueel zou je ook nog eens kunnen kijken naar de mogelijkheden van inline frames of de <layer> tag beiden bieden volgens mij mogelijkheden om een src aan te geven. Nadeel is dat er geen cross-browser oplossing is bij mijn weten. Wat niet kan is de exacte functionaliteit van server-side includes nabootsen. Tenminste schiet me zo niet echt iets te binnen. Einde van de dag zijn de ideeen vaak op :wink: Iemand anders misschien?
Link naar reactie
Laad de HTML fragmenten in een IFRAME of een verborgen frame, kopier de inhoud met: var oHtml = document.frames["frameName"].document.body.innerHTML; En kopier dan de inhoud van de variable oHtml naar een daarvoor geschikte layer. Bijvoorbeeld: document.all.html1Layer.innerHTML = oHtml; /E P.S. 1) Dit is IE specifieke code je zult het het zelf crossbrowser moeten maken. 2) Niet alle HTML zal gekopieerd worden, style informatie zal bijvoorbeeld verloren gaan.
Link naar reactie
Als je binnen vaste periodes bepaalde teksten wil laten zien kan je imho het makkelijkst al je tekstfragmenten in arrays zetten. Na het bepalen van de datum bepaal je met wat if-then-else stukjes in welke periode je valt en schrijf je in de rest van de pagina de array-elementen van die periode weg. simpel voorbeeldje waarbij om de 4 maanden de tekst wijzigt: [code:1:7a22f408aa] <html> <head> <script type="text/javascript"> // datum bepalen var vandaag = new Date(); var maand = vandaag.getMonth(); // welke periode? var periode = 0; if (maand >= 0 && maand <= 3) periode = 0; else if (maand >= 4 && maand <= 7) periode = 1; else if (maand >= 8 && maand <= 11) periode = 2; // array met tekstfragmenten var teksten1 = new Array(); teksten1[0] = 'jan - apr'; teksten1[1] = 'mei - aug'; teksten1[2] = 'sep - dec'; var teksten2 = new Array(); teksten2[0] = 'periode 0'; teksten2[1] = 'periode 1'; teksten2[2] = 'periode 2'; </script> </head> <body> <p>eerste tekst: <script type="text/javascript">document.write(teksten1[periode])</script> </p> <p>tweede tekst: <script type="text/javascript">document.write(teksten2[periode])</script> </p> </body> </html> [/code:1:7a22f408aa]
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

×
×
  • Nieuwe aanmaken...