Vorschlagen von Formulareingaben (goyellow)
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.
| |
---|
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> |
Wir arbeiten mit Software von http://www.campus21.de.
Verantwortlich für angezeigte Daten ist der Webdomain-Eigentümer laut Impressum.