ilch Forum » Ilch CMS 2.X » Fehlersuche und Probleme » getcontent()

Geschlossen
  1. #1
    User Pic
    tiroler16 Mitglied
    Registriert seit
    14.12.2006
    Beitrge
    79
    Beitragswertungen
    0 Beitragspunkte
    Hallo Leute!

    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/
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    hhunderter Entwickler
    Registriert seit
    12.08.2018
    Beitrge
    265
    Beitragswertungen
    41 Beitragspunkte
    Getcontent sollte dynamisch die seiteninhalte ausgeben je nachden welche url du ansprichst.
    Deine Seite ist leider offline und mir erklärt es sich nicht warum du mehrere Menüs erstellt hast
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    tiroler16 Mitglied
    Registriert seit
    14.12.2006
    Beitrge
    79
    Beitragswertungen
    0 Beitragspunkte
    ja meine Seite ist auch nur experimentell ohne sinn nur zum lernen. (sieht nur offline aus)
    ich würde gerne jedem menü eine Seite zuweisen. wie spreche ich denn eine url (seite) an. was würde in die Klammern nach dem getcontent kommen um eine bestimmte seite zu erhalten?
    im moment kommt auf jeder seite der selbe content
    Ich könnte es auch mit einem Linke machen, würde aber gerne das dynamische ausprobieren.


    mfg
    Stefan


    Zuletzt modifiziert von tiroler16 am 12.08.2022 - 19:51:27
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    RTX2070 Moderator
    Registriert seit
    14.06.2019
    Beitrge
    210
    Beitragswertungen
    34 Beitragspunkte
    Hallo,

    mich freut es das du dich mit dem CMS tiefgründiger auseinander setzt.
    Schaue dir doch mal meine kleine Tutorialreihe an.
    Bin auch klein angefangen, denke dann werden sich auch einige Fragen klären.
    Kannst mich auch gerne per PN fragen

    Lg
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    RTX2070 Moderator
    Registriert seit
    14.06.2019
    Beitrge
    210
    Beitragswertungen
    34 Beitragspunkte
    GetMenu() gibt dir das Menü aus, welches du dir im Adminpanel zusammengebaut hast.

    GetContent() gibt dir wie der Name schon sagt den Content aus.

    Modulares System nach MVC Muster. Jedes Modul besitzt Views, welche durch GetContent() ausgegeben werden.
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    RTX2070 Moderator
    Registriert seit
    14.06.2019
    Beitrge
    210
    Beitragswertungen
    34 Beitragspunkte
    Moin Moin,

    auf meinem YouTube Channel habe ich 2 neue Videos zum Thema...weitere folgen.

    Siehe Signatur.

    mfg
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Ripper313 Mitglied
    Registriert seit
    17.08.2022
    Beitrge
    21
    Beitragswertungen
    6 Beitragspunkte
    "Präsentiert von WordPress"

    Damit hat sich das Thema hier wohl erledigt.


    Zuletzt modifiziert von Ripper313 am 10.09.2022 - 19:24:54
    Plan R! R wie Robert!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurck zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten