Dominik Schmidt: HTML Seite auf HTML Seite aufrufen

Moin !
Ok, ich gebe zu, der Titel ist etwas verwirrend. Ich meine NICHT normale Links ;-)
Es geht mir um folgendes ...
Ich bin gerade dabei, meine Webseite umzustricken. Nun habe ich links ein relativ langes Menü und rechts jeweils die Artikel.
Derzeit ist es so, das sowohl das Menü als auch die Artikel gescrollt werden können. Es sollte aber beides auf einmal scrollbar sein !
Nun könnte ich in jeden Artikel dieses Menü packen, nur dann muss ich bei Aktualisierungen immer jeden Artikel ändern.
Ich suche un nach einer Möglichkeit, wie ich in einen bestimmten Teil eine HTML Seite eine andere laden oder "importieren" kann.

Danke schon mal !

Grüße Dominik

  1. hallo,

    war mir nicht so ganz klar, was du meintest.

    ich hab' es so verstanden, dass dein eigentliches problem ist,
    dass artikel und menü nicht gleichzeitig scrollen....?!

    dafür gibt es in javascript eine nützliche methode namens "scrollBy()"
    --> kannst du dir in der self-html dokumentation unter "javascript" > "objektrefernz" > "document" anschauen.

    falls ich dich falsch verstanden hab': kannst du's nochmal für leute wie mich erklären? :o)

    gruß

    chris

    1. Ok, nochmal ;-)
      Auf der Seite gibt es zwei scrollbare Bereiche (links & rechts).
      Diese Bereiche sollen nicht einzeln, sondern zusammen scrollbar sein

      Der links Bereich ist immer gleich. Um also den linken Scrollbalken zu entfernen, müsste ich jeweils den kompletten linken Teil in alle Artikel kopieren, die rechts angezeigt werden. Das ganze könnte man ja mit einer Tabelle lösen.
      ABER : Dann müsste ich ja bei einer Änderung auf der linken Seite jedesmal alle Artikel ändern. Und deshalb suche ich eine Möglichkeit, wie ich in den Artikeln sowas wie ein "INCLUDE" einbaue. Sprich, das der linke Teil zu jedem Artikel dazugeladen wird und nicht in jedem Artikel enthalten ist. Ein Artikel würde dann so aussehen :

      <head>
      <body>

      INCLUDE (..../menü.htm)

      ... normaler Artikel

      </head></body>

      Man könnte auch sagen, ich suche eine Möglichkeit, in eine existierende Tabelle eine HTML Seite zu laden.

      So besser !?!?

      Grüße Dominik

      1. hallo nochmal,

        mhh... - o.k., so ganz hab' ich's nicht erfasst, aber du willst auf jeden fall irgendwie mit sowas wie "INCLUDE" eine html-seite einbinden...

        dazu fällt mir spontan nur lösung per php ein.

        php hat den vorteil, dass du es direkt in html einbinden kannst, und zwar an beliebiger stelle im code.

        du könntest dann die entsprechende datei auslesen lassen,
        so dass sie dynamisch in das dokument eingebunden wird, indem php den html-code an den client/browser zurückliefert.

        allerdings brauchst du dazu auf jeden fall einen server, der php-skripte ausführt, aber das haben ja die meisten.

        gruß

        chris

        1. Moin !

          allerdings brauchst du dazu auf jeden fall einen server, der php-skripte ausführt, aber das haben ja die meisten.

          Schade, die Lösung kannte ich schon. Ich dachte, es gäbe da was über JScript. Naja trotzdem Danke !

          Grüße Dominik

  2. Hallo, ich hätt da ein paar Ideen:

    Ich suche un nach einer Möglichkeit, wie ich in einen bestimmten Teil eine HTML Seite eine andere laden oder "importieren" kann.

    <iframe scr="./menue.html" name="ScrollMich1" width=200 height=300 scrolling="no">
      <object data="./menue.html" name="ScrollMich2" type="text/html" width=200 height=300>
        <embed scr="./menue.html" name="ScrollMich3" type="text/html" width=200 height=300>
      </object>
    </iframe>
    <!-- und jetzt der Artikel -->
    <iframe scr="about:blank" name="ScrollMich4" width=200 height=300 scrolling="no">
      <object data="about:blank" name="ScrollMich5" type="text/html" width=200 height=300>
        <embed scr="about:blank" name="ScrollMich6" type="text/html" width=200 height=300>
      </object>
    </iframe>

    Hier soll zunächst ein einen Inline-Frame kreirt werden. Der Inline-Frame hat keine Bildlaufleisten. Schließlich willst du später mit Javascript eigene Bildlaufknöpfe erstellen. Falls der Inline-Frame nicht zustande kommt, wird die HTML-Datei als Multimedia-Objekt eingebunden. Manche Browser verstehen das <Objekt> aber nicht. Also ist als weitere Alternative das <embed>-Tag vorgesehen.

    Im Menü muss <base target="scrollmich4"> stehen. Um die Bildlaufleisten zu vermeiden, solltest du in jeder einzubindenden HTML-Datei <body style="overflow: auto"> notieren.

    Die Bildlaufknöpfe können wie folgt erstellt werden:

    <script language="javascript">
    function bildlauf {
    document.ScrollMich1.scrollby();
    document.ScrollMich2.scrollby();
    document.ScrollMich3.scrollby();
    document.ScrollMich4.scrollby();
    document.ScrollMich5.scrollby();
    document.ScrollMich6.scrollby();
    }
    </script>

    <img onClick="bildlauf()">

    So, und jetzt viel Spaß!