ich brauche eure Hilfe.
ich habe mir ein designe erstellt (nur zum probieren und lernen) und möchte nun den Content einfügen mit getcontent().
ich möchte wenn ich oben im menü z.b. Test anklicke dass unten die seite Test erscheint oder wenn ich menü kkkk anklicke dass unten die Seite erscheint die ich dem menü kkk hinzugefügt habe.
kann mir einer die funktion getcontent() erklären?
bei getmenu() funktioniert das mit (1, (2, usw... was muss ich beim content eingeben um verschiedene seiten zu erhalten?
meine seite
tiroler16.lima-city.de/
über eure hilfe würde ich mich sehr freuen
mfg
stefan
<!DOCTYPE html>
<html lang="de">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<?=$this->getHeader() ?>
<link href="<?=$this->getVendorUrl('twbs/bootstrap/dist/css/bootstrap.min.css') ?>" rel="stylesheet">
<link href="<?=$this->getLayoutUrl('css/normalize.css') ?>" rel="stylesheet">
<link href="<?=$this->getLayoutUrl('css/flexslider.css') ?>" rel="stylesheet">
<link href="<?=$this->getLayoutUrl('css/style.css') ?>" rel="stylesheet">
<link href="<?=$this->getLayoutUrl('css/stylemenurund.css') ?>" rel="stylesheet">
<?=$this->getCustomCSS() ?>
<script src="<?=$this->getVendorUrl('twbs/bootstrap/dist/js/bootstrap.min.js') ?>"></script>
<script src="<?=$this->getLayoutUrl('js/modernizr.min.js') ?>"></script>
<link rel="stylesheet" href="css/stylegrid.css">
<link href="<?=$this->getLayoutUrl('css/stylegrid.css') ?>" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<title>Titel</title>
</head>
<body>
<nav class="css-tab css-tab--active">
<ul class="css-tab__list">
<li class="css-tab__item">
<a href="" class="css-tab__link">
<div class="css-tab__thumb color1" data-letter="H"></div>
<p class="css-tab__label"><?=$this->getMenu(1,
'<span>%s</span>')
?></p>
</a>
</li>
<li class="css-tab__item">
<a href="" class="css-tab__link">
<div class="css-tab__thumb color2" data-letter="C"></div>
<p class="css-tab__label"><?=$this->getMenu(3,
'<span>%s</span>')
?></p>
</a>
</li>
<li class="css-tab__item">
<a href="" class="css-tab__link">
<div class="css-tab__thumb color3" data-letter="J"></div>
<p class="css-tab__label"><?=$this->getMenu(4,
'<span>%s</span>')
?></p>
</a>
</li>
<li class="css-tab__item">
<a href="" class="css-tab__link">
<div class="css-tab__thumb color4" data-letter="H"></div>
<p class="css-tab__label"><?=$this->getMenu(5,
'<span>%s</span>')
?></p>
</a>
</li>
<li class="css-tab__item">
<a href="" class="css-tab__link">
<div class="css-tab__thumb color5" data-letter="B"></div>
<p class="css-tab__label"><?=$this->getMenu(6,
'<span>%s</span>')
?></p>
</a>
</li>
</ul>
</nav>
<div class="tab-content">
<section class="section section--active color1" data-letter="a">
<article class="section__wrapper">
<section id="content">
<div class="panel panel-default">
<section id="content">
<div class="panel panel-default">
<div class="panel-heading">
<?=$this->getHmenu() ?>
</div>
<div class="panel-body">
<?=$this->getContent() ?>
</div>
</div>
</section>
</section>
</article>
</section>
<section class="section color2" data-letter="p">
<article class="section__wrapper">
<div class="panel-body">
<?=$this->getContent() ?>
</div>
</article>
</section>
<section class="section color3" data-letter="q">
<article class="section__wrapper">
<h1 class="section__title">jQuery</h1>
<p>A powerful and popular Java Script library</p>
</article>
</section>
<section class="section color4" data-letter="e">
<article class="section__wrapper">
<h1 class="section__title">HTML</h1>
<p>The web language: Hypertext Markup Language</p>
</article>
</section>
<section class="section color5" data-letter="s">
<article class="section__wrapper">
<h1 class="section__title">Bootstrap</h1>
<p>A mobile first web framework</p>
</article>
</section>
<section class="section color6">
<article class="section__wrapper">
<h1 class="section__title">Python</h1>
<p>High level popular programming language</p>
</article>
</section>
</div>
<script>
var Nav = (function() {
var
nav = $('.css-tab'),
section = $('.section'),
link = nav.find('.css-tab__link'),
navH = nav.innerHeight(),
isOpen = true,
hasT = false;
var toggleNav = function() {
nav.toggleClass('css-tab--active');
shiftPage();
};
var switchPage = function(e) {
var self = $(this);
var i = self.parents('.css-tab__item').index();
var s = section.eq(i);
var a = $('section.section--active');
var t = $(e.target);
if (!hasT) {
if (i == a.index()) {
return false;
}
a
.addClass('section--hidden')
.removeClass('section--active');
s.addClass('section--active');
hasT = true;
a.on('transitionend webkitTransitionend', function() {
$(this).removeClass('section--hidden');
hasT = false;
a.off('transitionend webkitTransitionend');
});
}
return false;
};
var keyNav = function(e) {
var a = $('section.section--active');
var aNext = a.next();
var aPrev = a.prev();
var i = a.index();
if (!hasT) {
if (e.keyCode === 37) {
if (aPrev.length === 0) {
aPrev = section.last();
}
hasT = true;
aPrev.addClass('section--active');
a
.addClass('section--hidden')
.removeClass('section--active');
a.on('transitionend webkitTransitionend', function() {
a.removeClass('section--hidden');
hasT = false;
a.off('transitionend webkitTransitionend');
});
} else if (e.keyCode === 39) {
if (aNext.length === 0) {
aNext = section.eq(0)
}
aNext.addClass('section--active');
a
.addClass('section--hidden')
.removeClass('section--active');
hasT = true;
aNext.on('transitionend webkitTransitionend', function() {
a.removeClass('section--hidden');
hasT = false;
aNext.off('transitionend webkitTransitionend');
});
} else {
return
}
}
};
var bindActions = function() {
link.on('click', switchPage);
$(document).on('ready', function() {
page.css({
'transform': 'translateY(' + navH + 'px)',
'-webkit-transform': 'translateY(' + navH + 'px)'
});
});
$('body').on('keydown', keyNav);
};
var init = function() {
bindActions();
};
return {
init: init
};
}());
Nav.init();
</script>
</body>
</html>
verwendete ilch Version: 2.1.x
betroffene Homepage: tiroler16.lima-city.de/
