Andrea Kunze: Text ausblenden

Hallo,

ich wollte mal fragen wie man per JavaScript einen bestimmten Text der in einer Seite vorkommt ausblenden bzw. ersetzen kann. Kommt also das Wort "Ketchup" in der Seite vor wird es zum Beispiel durch "Senf" ersetzt bzw. oder komplett ausgeblendet.

Geht sowas irgendwie?

Vielen lieben Dank für Eure Hilfe!

Eure Andrea

  1. Hi Andrea,

    ich wollte mal fragen wie man per JavaScript einen bestimmten Text der in einer Seite vorkommt ausblenden bzw. ersetzen kann. Kommt also das Wort "Ketchup" in der Seite vor wird es zum Beispiel durch "Senf" ersetzt bzw. oder komplett ausgeblendet.

    Geht sowas irgendwie?

    Ein interessanter Ansatz. Ich denke, mit DOM liesse sich das machen, wäre allerdings etwas kompliziert.
    Ich könnte mir vorstellem, das Wort mit einem regulären Ausdruck oder mit substring() suchen und dann mit replace() ersetzen.
    Mit JS habe ich sowas aber noch nie gemacht.
    http://de.selfhtml.org/javascript/objekte/regexp.htm
    http://de.selfhtml.org/javascript/objekte/string.htm
    Berichte biite, wie du es gelöst hast.

    Kurt

    --
    Nein, ich beantworte keine Anfragen per e-mail.
    ss:( zu:) ls:[ fo:) de:] va:| ch:| sh:( n4:° rl:( br:? js:| ie:% fl:( mo:?
    "Zwei Dinge sind unendlich: Das Universum und die menschliche Dummheit. Aber beim Universum bin ich mir nicht ganz sicher."  (Albert Einstein; dt.-am. Physiker; 1879-1955)
    http://elektro-dunzinger.at
    http://shop.elektro-dunzinger.at
  2. Hallo.

    Geht sowas irgendwie?

    Du könntest, es so machen:

    var x = document.getElementsByTagName("body")[0].innerHTML;
    x = x.replace(/Ketchup/,"Senf");
    document.getElementsByTagName("body")[0].innerHTML = x;

    Müsste klappen (ich hab's wohl noch nicht ausprobiert).

    Ich hoffe ich konnte helfen, H2O

    --
    #*~!:     Endlich Ferien.
    Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:)
    Infos:    http://emmanuel.dammerer.at/selfcode.html
    1. Hallo.

      var x = document.getElementsByTagName("body")[0].innerHTML;
      x = x.replace(/Ketchup/,"Senf");
      document.getElementsByTagName("body")[0].innerHTML = x;

      Müsste klappen (ich hab's wohl noch nicht ausprobiert).

      Interessant, habe ich gleich getestet. Klappt im IE 5.0, aber nicht im NS 7.1 (keb#nnt der überhauüt innerHTML ?)

      Kalle

      1. Hallo.

        Interessant, habe ich gleich getestet. Klappt im IE 5.0, aber nicht im NS 7.1 (keb#nnt der überhauüt innerHTML ?)

        Also, das ist mir so spontan eingefallen, aber soweit ich weiß kennt NS innerHTML nicht (leider), da innerHTML zu document.all gehört.
        Da habe ich in dem Moment aber auch nicht dran gedacht.

        Naja. Wenn man das wirklich machen will, kann man ja auch direkt Ketchup durch Senf ersetzen (schon im Quelltext) und nicht erst durch JS ersetzten lassen.

        Schönen Tag noch, H2O

        --
        #*~!:     Endlich Ferien.
        Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:)
        Infos:    http://emmanuel.dammerer.at/selfcode.html
        1. Interessant, habe ich gleich getestet. Klappt im IE 5.0, aber nicht im NS 7.1 (keb#nnt der überhauüt innerHTML ?)

          Also, das ist mir so spontan eingefallen, aber soweit ich weiß kennt NS innerHTML nicht (leider), da innerHTML zu document.all gehört.

          Das stimmt nicht. Mozilla kennt sehr wohl innerHTML

          Struppi.

          1. Hallo.

            Das stimmt nicht. Mozilla kennt sehr wohl innerHTML

            Ja. Sehr gut.
            Aber Mozilla kennt nicht das document.all, oder?

            Dann scheinen ein paar Funktionen von document.all übernommen zu sein.

            Schönen Tag noch & danke für die Info, H2O

            --
            #*~!:     Endlich Ferien.
            Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:)
            Infos:    http://emmanuel.dammerer.at/selfcode.html
            1. Ja. Sehr gut.
              Aber Mozilla kennt nicht das document.all, oder?

              Nein.

              Dann scheinen ein paar Funktionen von document.all übernommen zu sein.

              innerHTML ist eine Eigenschaft, die wohl aus Bequemlichkeit übernommen wurde, da sie halt für viele "Webdesigner" leichter zu verstehen ist, als der Weg über das DOM.

              Falls du Wissen willst, was der Mozilla kann:
              http://www.mozilla.org/docs/dom/

              Hier der Überblick was für ethoden und Eigenschaften die Elemente haben können:
              http://www.mozilla.org/docs/dom/domref/dom_el_ref.html#1023967

              und hier das innerHTML:
              http://www.mozilla.org/docs/dom/domref/dom_el_ref8.html#1027694

              Struppi.

              1. Hallo.

                Aber Mozilla kennt nicht das document.all, oder?
                Nein.

                Nein, er kennt sie, oder nein er kennt sie nicht? *gg*

                innerHTML ist eine Eigenschaft, die wohl aus Bequemlichkeit übernommen wurde, da sie halt für viele "Webdesigner" leichter zu verstehen ist, als der Weg über das DOM.

                Finde ich ehrlich gesagt auch.

                http://www.mozilla.org/docs/dom/
                http://www.mozilla.org/docs/dom/domref/dom_el_ref.html#1023967
                http://www.mozilla.org/docs/dom/domref/dom_el_ref8.html#1027694

                Danke für die Links. Gut zu wissen was Mozilla so kann ;)

                Schönen Tag noch, H2O

                --
                #*~!:     Endlich Ferien.
                Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:)
                Infos:    http://emmanuel.dammerer.at/selfcode.html
                1. Hallo.

                  Nein, er kennt sie, oder nein er kennt sie nicht? *gg*

                  Oh, Wunder, auf einmal konnte NS 7.1 doch den Text austauschen (hätte es nie gemerkt, wenn ich den Test nicht in meine Hauptseite eingebaut hätte).

                  Hatte für einen vorherigen Test JavaScript abgeschaltet. Nach Einschalten klappte "es":

                  ...
                  <script language="JavaScript" type="text/javascript">
                  <!--
                  var x = document.getElementsByTagName("body")[0].innerHTML;
                  x = x.replace(/Karl-Heinz/,"Kalle");
                  document.getElementsByTagName("body")[0].innerHTML = x;
                  //-->
                  </script>
                  </body></html>

                  Lieben Gruß, Kalle

                  1. Hallo Kalle.

                    Oh, Wunder, auf einmal konnte NS 7.1 doch den Text austauschen (hätte es nie gemerkt, wenn ich den Test nicht in meine Hauptseite eingebaut hätte).

                    NS? Na sowas...

                    Hatte für einen vorherigen Test JavaScript abgeschaltet. Nach Einschalten klappte "es":

                    Na, wenn JS ausgeschaltet ist, ist es ja auch kein Wunder ;)

                    <script language="JavaScript" type="text/javascript">
                    [...]

                    Ja. Ist doch fast das selbe, wie ich vorgeschlagen hatte.

                    Schönen Tag noch, H2O

                    --
                    #*~!:     Endlich Ferien.
                    Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:)
                    Infos:    http://emmanuel.dammerer.at/selfcode.html