Ergebnis 1 bis 6 von 6
  1. #1
    Toem99 ist offline Grünschnabel
    registriert
    15-09-2008
    Beiträge
    7

    HTML Helpfile mit Ankern darstellen

    Hallo,

    ich arbeite unter Javascript und Angular.
    Ich möchte gerne eine HTML-Hilfeseite (einfaches HTML-Formular mit Sprungmarken) in ein Formular einbinden und darin suchen können.
    Ich bin mir derzeit nicht sicher, ob es ausreicht das Formular einfach in ein DIV einzulesen. Dies funktioniert zwar, aber bei der Suche habe ich immer das Problem, das auch die HTML Formatierungen als Suchergebnis angezeigt werden.
    Kann mir jemand ggf. weiter helfen oder Punkte nennen, mit denen ich weiter komme?

    Herzlichen Dank

    Toem

  2. #2
    zirzofer Guest

    AW: HTML Helpfile mit Ankern darstellen

    Zitat Zitat von Toem99 Beitrag anzeigen
    Dies funktioniert zwar, aber bei der Suche habe ich immer das Problem, das auch die HTML Formatierungen als Suchergebnis angezeigt werden.
    Zeig doch bitte mal deinen Code, damit wir dir zielführend weiterhelfen können.

  3. #3
    Toem99 ist offline Grünschnabel
    registriert
    15-09-2008
    Beiträge
    7

    AW: HTML Helpfile mit Ankern darstellen

    Zitat Zitat von zirzofer Beitrag anzeigen
    Zeig doch bitte mal deinen Code, damit wir dir zielführend weiterhelfen können.
    Fangen wir mal grundlegend ganz am Anfang an.
    Ich habe ein DIV mit id TextHelp. Ich habe heute früh so viel hin und her geändert, das ich derzeit auf folgendem Stand bin:

    HTML-Code:
    function loadAndShowTextFile(Goto) {
            $scope.theTextFile = window.location.origin + "/HelpFiles/Text/CIP_Help.html";
            $scope.theTextFile = $scope.theTextFile + "#" + Goto;
            var textArea = document.getElementById('TextHelp');
            textArea.innerHTML = '<object type="text/html" data="' + $scope.theTextFile + '" style="height:690px; width:100%" ></object>';
        }
    Über data wird das HTML File korrekt im DIV angezeigt. So weit, so gut. Sprungmarken und alles funktionieren.

    Aber mit diesem Code habe ich dann Probleme, weil innerHTML eben nur
    HTML-Code:
    <object type="text/html" data="http://xxx/HelpFiles/Text/Help.html#Etiketten" style="height:690px; width:100%">object>
    beinhaltet.

    Frage an dieser Stelle. Wie kann ich auf den im Fenster tatsächlich dargestellten Code zugreifen und auch darin suchen?

  4. #4
    zirzofer Guest

    AW: HTML Helpfile mit Ankern darstellen

    Zitat Zitat von Toem99 Beitrag anzeigen
    Wie kann ich auf den im Fenster tatsächlich dargestellten Code zugreifen und auch darin suchen?
    2.html:
    HTML-Code:
    <div id="test">Inhalt eingebundenes HTML</div>
    1.html:
    HTML-Code:
    <object id="obj" type="text/html" data="2.html">
    <script>
    document.getElementById("obj").addEventListener(
    	"load",
    	function(){
    		var objDocument = document.getElementById("obj").contentDocument;
    		console.log(objDocument.getElementById("test").textContent);
    	}
    );
    </script>
    Funktioniert aber nur, wenn die Dateien auf der selben Domain liegen.

  5. #5
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.580

    AW: HTML Helpfile mit Ankern darstellen

    Warum ein <object> und kein <iframe>?

  6. #6
    zirzofer Guest

    AW: HTML Helpfile mit Ankern darstellen

    Zitat Zitat von kkapsner Beitrag anzeigen
    Warum ein <object> und kein <iframe>?
    das habe ich mich auch gefragt.

Ähnliche Themen

  1. Antworten: 6
    Letzter Beitrag: 17-09-2015, 00:34
  2. HTML Datei per mouseover in einem DIV darstellen
    Von lucasmyfriend im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 05-07-2010, 14:43
  3. Problem: Verweise mit Ankern bei fixierter Kopfzeile
    Von Suntree im Forum CSS und (X)HTML
    Antworten: 3
    Letzter Beitrag: 16-04-2010, 13:24
  4. HTML-Abschnitt in HTML darstellen
    Von bermany im Forum CSS und (X)HTML
    Antworten: 6
    Letzter Beitrag: 29-12-2009, 02:49
  5. XML Element mit html darstellen
    Von derPiet im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 24-01-2008, 17:01

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •