[JAVASCRIPT] .innerHTML = '<script src="" ... - Softwareontwikkeling

donderdag 7 juni 2007 11:16

Acties:

Topicstarter

Hey
Ik probeer een javascriptje te includen mbhv innerHTML
Dit omdat het alleen geinclude mag worden, als er internet verbinding is (anders krijg ik een fout bij offline gebruik)

wat ik wil is dus:

code:

<div id="meteo"></div>
var meteo_div = document.getElementById('meteo');
if (meteo_div) {
meteoHTML = '<script type="text/javascript" src="http://home.weeronline.com/cgi-bin/nph-h?WMO=06436&amp;PLZN=Voerstreek&amp;L=nl"></script>');
meteo_div.innerHTML = meteoHTML;
}

Natuurlijk werkt dat niet

ik heb op internet al gevonden dat je het kan dan mbv een (virtuele?) iframe, maar ik kom er niet aan uit.

code:

var iframeDoc = window.frames.theFeed.document;
iframeDoc.open();
iframeDoc.write('<script type="text/javascript" src="http://home.weeronline.com/cgi-bin/nph-h?WMO=06436&amp;PLZN=Voerstreek&amp;L=nl"><\/script>');
meteoHTML  = window.frames.theFeed.document.innerHTML
iframeDoc.close();

bron

[ Voor 5% gewijzigd door g4wx3 op 07-06-2007 11:20 ]

http://www.softfocus.be/

donderdag 7 juni 2007 11:24

Acties:

chem

Reist de wereld rond

Je innerHTML idee is het probleem; zet de src="..." als element in je head, dus een bla = document.createElement('script'); head.appendChild(bla)

Klaar voor een nieuwe uitdaging.

donderdag 7 juni 2007 11:51

Acties:

P.O. Box

ik weet niet of het kan hoor, maar kun je je script element niet een id geven, en dan dynamisch een src toekennen?

dus zoiets:

HTML:

<html>
<head>
<script id="myScript" type="text/javascript" language="JavaScript" />
<script type="text/javascript" language="JavaScript">
    function CheckIt() {
        if (meteo_is_online) {
               myScript.src = "http://home.weeronline.com/cgi-bin/nph-h?WMO=06436&amp;PLZN=Voerstreek&amp;L=nl";
        }
    }
</script>
</head>
<body>

zoiets?

donderdag 7 juni 2007 12:35

Acties:

g4wx3

Topicstarter

je idee om er een id aan toe te voegen was wel goed gevonden, maar hij veegt dan mijn hele pagina weg.

dit snap ik niet:
document.createElement('script'); head.appendChild(bla)

ik heb op internet gezocht maar heb geen oplossing kunnen vinden

Ik ga me u even concentreren op een ander deel van de site, in de hoop dat er hiervoor nog een oplossing uit de bus komt

http://www.softfocus.be/

donderdag 7 juni 2007 12:52

Acties:

P.O. Box

g4wx3 schreef op donderdag 07 juni 2007 @ 12:35:
je idee om er een id aan toe te voegen was wel goed gevonden, maar hij veegt dan mijn hele pagina weg.

dit snap ik niet:
document.createElement('script'); head.appendChild(bla)

daar zou ook moeten staan:

code:

1 2	bla = document.createElement('script'); head.appendChild(bla);

misschien dan?

donderdag 7 juni 2007 13:00

Acties:

soulrider

Edwardvb schreef op donderdag 07 juni 2007 @ 12:52:
[...]

daar zou ook moeten staan:
code:
1
2
bla = document.createElement('script'); 
head.appendChild(bla);
misschien dan?

idd zoek maar eens op includen van js via ajax.
anders wordt de javascript namelijk niet 'erkent' door de browser.
via:

code:

1
2
3

bla = document.createElement('script'); 
bla.innerText = "je javascript-code hier";   of bla.src="...blabla.js";
head.appendChild(bla);

(ben er zelf ook mee beziggeweest voor een site)
wel zo makkelijk om anders in je html-code al een

code:

1	<script id="dynscript"></script>

kan je nadien src, innerText, type enzo aanpassen
(is hetzelde als hier boven maar dan incl. de sluit tag die er _moet_ staan)
via bv:

code:

1 2	bla=document.getElementById["dynscript"]; bla.type= ....;

zonder dat je bij meemaals klikken anders tig keren dezelfde code krijgt
(kan zichtbaar gemaakt worden via FF en de DOM inspector daarvan)
Kreeg ik namelijk met mijn pagina
(5x klikken = 5x dezelfde code erbij ingeplakt tot ik het zo oploste

)

edit: en dit is wrs meer dan genoeg hulp om de TS op de weg te zetten

[ Voor 6% gewijzigd door soulrider op 07-06-2007 13:02 ]

donderdag 7 juni 2007 13:13

Acties:

frickY

IE wil wel eens problemen hebben met strings als deze

JavaScript:

1	meteoHTML = '<script type="text/javascript" src="http://home.weeronline.com/cgi-bin/nph-h?WMO=06436&PLZN=Voerstreek&L=nl"></script>');

Om de een of andere manier parsed hij de script-tag, in plaats van deze in de variabele te stoppen. Dit kun je oplossen met een variant als

JavaScript:

1	meteoHTML = '<sc' + 'ript ty' + 'pe="text/jav' + 'ascript" src="http://home.weeronline.com/cgi-bin/nph-h?WMO=06436&PLZN=Voerstreek&L=nl"></scri' + 'pt>');

donderdag 7 juni 2007 14:34

Acties:

Verwijderd

Onder het motto "kant-en-klaar dan maar":

JavaScript:

function include(uri) {
  var elm = document.createElement('script');
  elm.type = 'text/javascript';
  elm.src = uri;
  document.getElementsByTagName('head')[0].appendChild(elm);
}

En dan ergens:

JavaScript:

1	include('http://home.weeronline.com/cgi-bin/nph-h?WMO=06436&PLZN=Voerstreek&L=nl');

(Let wel op dat de JavaScript niet direct (synchroon) geladen wordt; na de include()-call kun je er nog geen functies van aanroepen of iets dergelijks.)

donderdag 7 juni 2007 14:47

Acties:

MG-studios

Verwijderd schreef op donderdag 07 juni 2007 @ 14:34:
(Let wel op dat de JavaScript niet direct (synchroon) geladen wordt; na de include()-call kun je er nog geen functies van aanroepen of iets dergelijks.)

Relaterend aan dit topic: hoe zorg ik ervoor dat dat wel gebeurd? Zodat het vergelijkbaar is met een script dat in de 'head' van de hoofdpagina word ingeladen?

donderdag 7 juni 2007 15:12

Acties:

Verwijderd

MG-studios schreef op donderdag 07 juni 2007 @ 14:47:
[...]
Relaterend aan dit topic

Verwijderd in "Javascript en JAH"

[ Voor 16% gewijzigd door Verwijderd op 07-06-2007 15:14 ]

donderdag 7 juni 2007 17:30

Acties:

g4wx3

Topicstarter

Fantastisch, harstikke bedankt!
Zelf was ik er echt noooit aan uitgekomen,

http://www.softfocus.be/