Tag: javascript

JavaScript indlæs ressourcer dynamisk

Da jeg for nyligt sad og arbejdede på et projekt der involverede modals, manglede jeg en måde at kunne indlæse ressourcer på dynamisk med JavaScript, der samtidigt ville sørge for kun at indlæse dem én gang.

Det lykkedes mig ikke at finde noget der kunne klare den opgave, så jeg satte mig for selv at skrive det.

Løsningen blev to simple funktioner  loadAsset() og loadAssetDetectExisting().
loadAsset() bruges til at indlæse en ressource, samt holde styr på hvilke ressourcer der er blevet indlæst.
loadAssetDetectExisting() bruges til at opdage hvilke ressourcer der allerede er blevet indlæst via <script> og <link> tags.

Læs videre “JavaScript indlæs ressourcer dynamisk”

Inkluder kun det nødvendige

Hvis man kigger på kildekoden til mit site, og mange andre også, kan man i headeren se hvilke JS filer der er inkluderet på den side man er på.

Hvis du kigger i min kildekode lige nu, skulle du gerne se noget ligende det her (taget fra min forside):

<!-- MooTools -->
<script type="text/javascript" src="/frontend/js/mootools_core.js"></script>
<script type="text/javascript" src="/frontend/js/mootools_more.js"></script>
<!-- /MooTools -->
<!-- JS -->
<script type="text/javascript" src="/frontend/js/core.js"></script>
<script type="text/javascript" src="/frontend/js/ajax.js"></script>
<!-- /JS -->

Umiddelbart ser det meget fornuftigt ud, der er ikke for mange ting smidt ind som “bare” fylder. Læs videre “Inkluder kun det nødvendige”