kostenloser Webspace werbefrei: lima-city


Frames durchsuchen mit Suchfuntkion

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    lei

    Kostenloser Webspace von lei

    lei hat kostenlosen Webspace.

    Hallo Leute,
    ich habe ein Problem:

    Ich arbeite an einer Liste, diese liste ist fertig. Oben ist eine Buchstabenauswahl. Innerhalb der Buchstabenauswahl soll eine Suchfunktion stehen, die aber in der Liste sucht.
    Das Frameset sieht so aus:

    ===HTML===

    >>>Auswahl a-z (frame 1)
    ----
    >>>Liste namen (frame 2)

    ===/HTML===

    <script language="JavaScript">
    
    /*
    Find In Page Script- 
    By Mike Hall (MHall75819@aol.com)
    */
    
    var NS4 = (document.layers);    // Which browser?
    var IE4 = (document.all);
    
    var win = window;    // window to search.
    var n   = 0;
    
    function findInPage(str) {
    
      var txt, i, found;
    
      if (str == "")
        return false;
    
      // Find next occurance of the given string on the page, wrap around to the
      // start of the page if necessary.
    
      if (NS4) {
    
        // Look for match starting at the current point. If not found, rewind
        // back to the first match.
    
        if (!win.find(str))
          while(win.find(str, false, true))
            n++;
        else
          n++;
    
        // If not found in either direction, give message.
    
        if (n == 0)
          alert("Nichts gefunden.");
      }
    
      if (IE4) {
        txt = win.document.body.createTextRange();
    
        // Find the nth match from the top of the page.
    
        for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
          txt.moveStart("character", 1);
          txt.moveEnd("textedit");
        }
    
        // If found, mark it and scroll it into view.
    
        if (found) {
          txt.moveStart("character", -1);
          txt.findText(str);
          txt.select();
          txt.scrollIntoView();
          n++;
        }
    
        // Otherwise, start over at the top of the page and find first match.
    
        else {
          if (n > 0) {
            n = 0;
            findInPage(str);
          }
    
          // Not found anywhere, give message.
    
          else
            alert("Nichts gefunden.");
        }
      }
    
      return false;
    }
    
    </script>
    
    <form name="search" onSubmit="return findInPage(this.string.value);">
    <font size=3><input name="string" type="text" size=15 onChange="n = 0;"></font>
    <input type="submit" value="Suchen">
    </form>


    Diese Suchfunktion (oder eine andere/bessere) soll im oberen Frame sein und im unteren suchen.

    HILFE!!
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Das Script scheint total veraltet zu sein.

    <html>
    <head>
    <meta name="generator" content="HTML Studio" />
    <title> </title>
    <script type="text/javascript">
    function suche(str){
    document.sucher.was.value='';
    bereich=document.getElementById('content');//Such Bereich definieren
    wo=bereich.innerHTML.indexOf(str);
    if(wo!=(-1))
    {
    bereich.innerHTML=bereich.innerHTML.slice(0,wo)+'<a href="#" name="gefunden" style="background-color:#ffff00">'+bereich.innerHTML.slice(wo,(wo+str.length))+'</a>'+bereich.innerHTML.slice((wo+str.length),bereich.innerHTML.length);
    }
    else alert('nix gefunden !');
    }
    </script>
    </head>
    <body id="content"><!-- Dies ist der Bereich in dem gesucht werden soll -->
    Das ist ganz viel Text, der hier bl?d in der Gegend rumsteht.
    <form name="sucher" action="javascript:suche(document.sucher.was.value)">
    <input type="text" name="was" />
    <input type="submit" value="suchen" />
    </form>
    </body>
    </html>

    Du musst dieses Script an den 2 Stellen anpassen, wo ich Kommentare hingeschrieben habe.
    Du musst dort den Suchbereich definieren.
    Dies tust du dadurch, indem du dem Bereich eine id="" gibst, die du dann per JS verwendest.

    In einem Frame kannst du dann z.B. so suchen:
    parent.framename.document.getElementById('content');

    W?hrend im Frame dann der <body> Tag eine ID bekommt <body id="content">

    Ich hoffe, du kannst was mit dem Script anfangen.
  4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!