Andrin Spitzer
Mitglied
Hallo zusammen.
Da ich noch am js lernen bin brauch ich mal kurtz eure hilfe:
ich habe auf meiner website eine navigation mit 4 buttons und eine section="content". mit jedem button kan ich den inhalt einer externen .html in die section="content" laden das funktionirt so auch schon mal gut. meine frage ist kann ich das noch kompakter machen? und wie kann sobald ich die website aufrufe den content home automatisch ladaen?
ich freue mich auf ihre hilfe.
ps: ich habe bereits gegoogelt aber nichts gefunden was meinen vorstellungen entsprach.
Da ich noch am js lernen bin brauch ich mal kurtz eure hilfe:
ich habe auf meiner website eine navigation mit 4 buttons und eine section="content". mit jedem button kan ich den inhalt einer externen .html in die section="content" laden das funktionirt so auch schon mal gut. meine frage ist kann ich das noch kompakter machen? und wie kann sobald ich die website aufrufe den content home automatisch ladaen?
HTML:
<ul>
<li class="nh"><a id="m_home">DeskToper</a></li>
<li class="n1"><a id="m_shop">Shop</a></li>
<li class="n2"><a id="m_team">Team</a></li>
<li class="n3"><a id="m_service">Service</a></li>
<li class="quebec"> </li>
</ul>
HTML:
<section id="main">
</section>
Java:
$(document).ready(function() {
$('#m_home').click( function() {
var text = $(this).text();
$("#main").load("content/home.html");
});
});
$(document).ready(function() {
$('#m_shop').click( function() {
var text = $(this).text();
$("#main").load("content/shop.html");
});
});
$(document).ready(function() {
$('#m_team').click( function() {
var text = $(this).text();
$("#main").load("content/team.html");
});
});
$(document).ready(function() {
$('#m_service').click( function() {
var text = $(this).text();
$("#main").load("content/service.html");
});
});
ich freue mich auf ihre hilfe.
ps: ich habe bereits gegoogelt aber nichts gefunden was meinen vorstellungen entsprach.