Anmelden

Allgemeines

Links

Merkmale

  • die Applikation stellt in einem Layer unterhalb des Eingabefeldes Textvorschläge nach Änderung dar
  • dies erfolgt durch Server-abfragen im Hintergrund, d.h. ohne Seiten-Reloads und merkbare Server-Interaktion

Funktionsweise

  • Texteinbefeld mit Timer nach Änderung
  • bei Timer Event wird über JS das ActiveX-Object "Msxml2.XMLHTTP" angesprochen,
    • mit welchen ein GET-Request auf den Ursprungsserver ausgeführt wird und XML zurückliefert
    • das Objekt hat einen integrierten XML-Parser, mit dem man per JS die Elemente auslesen und in die Seite oder Layer mittels DOM anzeigen kann.

Ressourcen

 

 

URL

http://www.goyellow.de/IDA2?ACTION=suggestWhat&MIME=xml&MDN=The

XML

< ?xml version="1.0" encoding="iso-8859-1" ?>
< Suggestions>
< AutoComplete>Theater< /AutoComplete>
< Group id="CompletionTerms" nofTerms="45">
< Item>Communication controller< /Item>
< Item>Ethernet controller< /Item>
< Item>FireWire (IEEE 1394)< /Item>
< Item>Host bridge< /Item>
< Item>IDE interface< /Item>
< Item>ISA bridge< /Item>
< Item>Multimedia audio controller< /Item>
< Item>Network controller< /Item>
< Item>PCI bridge< /Item>
< Item>USB Controller< /Item>
< Item>USB Controller< /Item>
< Item>USB Controller< /Item>
< Item>USB Controller< /Item>
< Item>VGA compatible controller< /Item>
< /Group>
< Group id="LastSearchTerms" nofTerms="0" />
< Group id="SimilarSearchTerms" nofTerms="0" />
< /Suggestions>

JS

suggest.js

ajax.js

Layer

< div id="sBox">
< div>
< div class="pointer"> < /div>
< div class="suggestBody">  


< div class="buggybox head">
< div class="btnClose">< a href="#" title="Suggest schließen" onClick="return 

Suggest.closeSuggest();">< img src="/images/common/btn_close.gif" alt="Suggest schließen" border="0" />< /a>< /div>  


< div id="suggestHeadText"> < /div>
< /div>
< div id="suggestContent">
< table border="0" cellpadding="0" cellspacing="0" width="100%">
< tr>
< td width="50%" valign="top" style="padding-top:5px;">< /td>
< td width="50%" valign="top">< /td>
< /tr>
< /table>
< /div>
< div id="suggestFooter">

< span style="position:relative;left:365px;">< a 

href="Feedbackhttp://www.goyellow.de/insight/blog/2006/03/03/vorschlagsfunktion-in-der-schnellsuche/">Feedback< /a>< /span>
< /div>
< /div>
< /div>
< /div>

   
Top

Wir arbeiten mit Software von http://www.campus21.de.

Verantwortlich für angezeigte Daten ist der Webdomain-Eigentümer laut Impressum.

Suche