Javascript buiten broncode plaatsen

Status
Niet open voor verdere reacties.
M

Man in trouble

Gebruiker
Lid geworden
27 dec 2003
Berichten
99
Ik heb een site gemaakt maar daar staan een paar ellenlange javascripts is.

Nu heb ik begrepen dat het mogelijk is om deze buiten je broncode te plaatsten er vanuit de broncode naar dat script te verwijzen.

Kan iemand aangeven hoe dat dan moet want ik kom er niet uit.

Jeroen
 
Hoi,

Je kan een javascript idd in een apart bestand opslaan.
In dit bestand kan je de script tags weglaten en dus alleen het daadwerkelijke bestand opslaan. Je slaat het bestand immers al op als JavaScript bestand en je roept het straks als JavaScript aan.

Het bestand word dus opgeslagen als een bestand met de extensie JS

De aanroep van het bestand:
PHP: 
<script src="script.js"></ script>
zonder spatie in script tag

De 'output' van het script kan op verschillende manieren..
Bijvoorbeeld door ergens in de pagina een functie aan te roepen, maar dit blijft ongewijzigd.

Succes :)
 
Laatst bewerkt:
De 'output' van het script kan op verschillende manieren..
Bijvoorbeeld door ergens in de pagina een functie aan te roepen, maar dit blijft ongewijzigd.
Klik om te vergroten...

En dat snap ik ook niet helemaal :(
 
Wat je dus in het externe bestand zet is alle code die tussen de twee script tags staat.. zoals in de bijlage.
(deze dus renamen naar script.js)

En met de output bedoel ik alles wat het javascript laat zien..

In dit geval is het een slideshow en de aanroep van alle functies staat onderin het script zelf. Dan plaats je de code:
PHP: 
<script src="script.js"></ script>
dus op de plek waar je de slideshow wilt hebben.

De output staat dus op dezelfde plek als het scipt zelf.
Verder niet zo belangrijk als je het niet begrijpt ;)

html pagina:
PHP: 
<table width=400 height=110 align="center">
  <tr><td>
    <script src="script.js"></ script>
  </td></tr>
</table>

:)
 

Bijlagen

Iets gaat er niet goed :(

Het is me wel gelukt om het script uit de broncode te halen en dan te verwijzen naar de extern geplaatste code. Maar de lay-out van de site veranderd.

Nu heb ik eens gekeken naar alle <td> </td> <tr> en </tr> en ik heb het vermoeden dat er daar iets niet mee klopt.

Maar ik heb me helemaal scheel gekeken maar ik zie het niet meer. Zou iemand eens kunnen (willen) kijken waar de fout zit :confused:

Ik ben alle code's tegen elkaar gaan wegstrepen en ergens klopt het niet meer.
 

Bijlagen

En eigenlijk is het vreemd dat alles veranderd want ik haal uit de broncode alleen maar het gedeelte tussen <script> en </script> weg en ik voeg <script src="script.js"></ script> daar aan toe.

Als ik dit gedaan heb veranderd de lay-out, en ik krijg een melding dat er in regel 145 een object wordt verwacht. En dit zit dan in de code van de Nedstat-teller (regel 145 = nedstatbasic("ACDgIQ/VUYyBHSZx7VP8x71YvAbA", 0);

Schiet mij maar lek !
 

Bijlagen

tja, jo originele code bekenen, toch een paar /td en /tr te weinig.
Zie att. aanvullingen staan in commenttags.

:cool:
 

Bijlagen

Toch nog een vraagje:

Nadat je de code hebt aangepast staat deze veel "logischer" gegroepeerd.

Heb je dit helemaal handmatig aangepast of is hier een progje voor ?
 
Arachnophilia V4
Analyze html
of Beautify
Op die manier is alles beter te lezen.

Soms echter komen er wel eens ongewenste effecten, als lege regels na een plaatje of iets dergelijks.
Daartoe heeft Arachno de optie
Compress
en dan staat alle code vlak na elkaar,

www.arachnoid.com

Versie V5 is recenter en werkt met java opbouw voor het programma.
Heeft echter dezelfde opties als V4, alleen geen Wordwrap.

:cool:
 
Arachno geeft tijdens het "verfraaien" wel aan dat de openings en sluit tags niet in evenwicht zijn maar voorzover ik kan zien geeft hij dan niet aan waar de fout zich dan eventueel bevind.

Of mis ik iets ?
 
Beautify (use all tags)
Analyze (use selected tags) dus links de te controleren tags aanklikken.
Wordwrap uitvinken.
Nu krijg je de anlayze met de foutmeldingen.
Er staan ook lijnnummers bij, bv:
Line 36 tag </tr> not matching to tag <table> in line 34

Klik op deze lijn, dan ga je naar de genoemde lijn, klik nog een keer, en je gaat naar de volgende lijn.

In de buurt van deze lijnen zit de fout, welke echter ook heel de rest van de pagina verstoort, dus één foute tag kan wel vier lijnen geven.

Met "Bigger Tab stops" maak je je code overzichtelijker.

Voorts is het aan te raden met comment te werken.
Staat onder Styles - Com

<!-- Row 1 Column 1 -->
<td valign="top">
<!-- begin bovenste tabel -->
<table width="100%" height="60"

Of je moet Max ophalen:
http://www.maxworld.co.yu/htmlbeauty/

Die geeft wel de regel en tag aan.

:cool:
 
Het zal wel weer aan mij liggen maar het lukt niet.

Ik heb overigens versie 5.2

Beautify hen ik gedaan (HTML / Beautify HTML)

Maar analyze kan ik niet vinden .....

Links heb ik een map met: Macros
\Defaulttoolbar
\standard menus
\HTML tag toolbars

??
 
Ja, nu lukt het wel. Nog één klein vraagje: is het mogelijk om de lijn nummers ook op je scherm te krijgen. In versie 5 wel maar hier kan ik het niet vinden.

Weet jij (of iemand anders) dit ?
 
Lijnnummers staan niet voor de regels.

Je kunt rechts onderin zien op welke lijn je staat.

:cool:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan