HTML Helpfile mit Ankern darstellen

[Toem99]

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

 

[zirzofer]

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.

 

[Toem99]

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:

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

<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?

 

[zirzofer]

Wie kann ich auf den im Fenster tatsächlich dargestellten Code zugreifen und auch darin suchen?

2.html:

<div id="test">Inhalt eingebundenes HTML</div>

1.html:

<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.

 

[kkapsner]

Warum ein <object> und kein <iframe>?

 

[zirzofer]

Warum ein <object> und kein <iframe>?

das habe ich mich auch gefragt.