<script> in html naar extern bestand

Status
Niet open voor verdere reacties.

Tiwer

Gebruiker
Lid geworden
29 apr 2013
Berichten
18
Hallo allemaal,

Ik heb een webpagina gemaakt met bewegende menubalk,
Ik heb een script in mijn index.html staan wat zorgt dat de menubalk uitklapt als er op de knop wordt geduwd:

<script>
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>

Nu wil ik dit bovenstaande in een extern bestand hebben, wie kan mij helpen? :S

Alvast bedankt!

-Tim
 
Hoi,
Neem dit stukje code en sla die op als js bestand
Code:
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
Let op zonder<script> en </script>
Plaats vervolgens
Code:
<script type="text/javascript" src="[COLOR="#FF0000"]javadocnaam[/COLOR].js"></script>
in de head sectie van uw webpagina(s)
verander javadocnaam door de naam van uw js bestand
plaats het js bestand in dezelfde map als uw webpagina(s)
Greetz
 
Hoi,
Neem dit stukje code en sla die op als js bestand
Code:
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
Let op zonder<script> en </script>
Plaats vervolgens
Code:
<script type="text/javascript" src="[COLOR="#FF0000"]javadocnaam[/COLOR].js"></script>
in de head sectie van uw webpagina(s)
verander javadocnaam door de naam van uw js bestand
plaats het js bestand in dezelfde map als uw webpagina(s)
Greetz

Hoi gast0660,

Bedankt voor de snelle reactie,
Ik heb alles erin gezet en uit mijn section het <script> weggehaald en de goeie verwijzing gezet.
Als ik de site open, eindigt hij op ''/OverMij.html''
Maar zodra er op de knop wordt geklikt, verandert de link in ''OverMij.html#menu-toggle''
Mijn menubalk schuift helaas niet meer in.
Tips?

Mvg,
Tim
 
Hoi,
Neem dit stukje code en sla die op als js bestand
Code:
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
Let op zonder<script> en </script>
Plaats vervolgens
Code:
<script type="text/javascript" src="[COLOR="#FF0000"]javadocnaam[/COLOR].js"></script>
in de head sectie van uw webpagina(s)
verander javadocnaam door de naam van uw js bestand
plaats het js bestand in dezelfde map als uw webpagina(s)
Greetz

Ook heb ik dit nog in mijn section staan bij mijn HTML bestand:

<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<h1>Over Mij</h1>
<a href="#menu-toggle" class="btn btn-default" id="menu-toggle">Menubalk</a>
</div>
</div>
</div>
</div>
 
Hoi,
<a href="#menu-toggle" class="btn btn-default" id="menu-toggle">Menubalk</a>
Hier zit ergens de fout, de rest is gewoon html, en heeft niets te maken met java
Maar zonder meer gegevens is het voor mij ook koffiedik kijken ,
maak een zip bestandje van wat je nu al voor elkaar hebt gekregen (zonder gevoelige gegevens) en stuur eventueel (iets meer privé) via email naar mij (klik op mijn naam gast0660)
Dan kijk ik wel wat er moet aangepast moet worden
greetz
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan