Auch hier hat dieses Element nicht umgesetzt onclick-Event klicken Sie auf Ermüdung zu vermeiden. Wenn schwebt die Maus über das Element, werden die Nutzer erwarten, dass die mit ihr verknüpften Daten zu sehen. Eine Ausnahme von dieser Regel ist, wenn Benutzer die Maus schnell passieren über das HTML-Element werden wir diese Situation kurz zu prüfen. Jeder der Datenelemente hat eine ID mit einer Nummer, mit der Idee, dass eine Reihe von HTML-Elementen, die angegangen werden und kann direkt manipuliert zu schaffen. Sie brauchen dies nicht zu tun, und man konnte eine Reihe von Elementen, wenn das Navigationssystem HTML-Inhalt geladen ist zu schaffen.

Clickless Navigation

Meiner Meinung nach, verlassen wir uns zu sehr auf Sie zu navigieren. Das war nicht immer der Fall: ursprünglich, der Standard für Unix-Betriebssysteme war zu konzentrieren, um das Fenster zu ordnen, dass die Maus schwebte über. Es war der Windows-Welt gefördert, dass seine eigene Marke zu klicken, um Aufgaben und Posten zu aktivieren. Sehr schnell wurde deutlich, dass zu viele Mausklicks nötig wären, um selbst die einfachsten Aufgaben zu erfüllen. Zum Beispiel, aktivieren, um Elemente in einer Anwendung, die Sie in der Regel zu klicken oder doppelklicken Sie auf sie haben. Der Adobe Reader Schieberegler ist eine großartige Möglichkeit, durch die Daten sichten und finden Sie die gewünschte Seite. Was aber, wenn das Dokument gesuchte hat bei Tausenden von Seiten? Es scheint, dass Sie den Adobe Reader Schieberegler Bereich das gleiche Problem wie alle anderen Regler hat, haben es leicht zu durchlaufen, 10 oder vielleicht 100 Seiten, sondern darüber hinaus die Navigation wird langweilig.

Die Lösung Adobe Reader implementiert, ist ein Dual-Slider. Auf der rechten Seite ist eine Bildlaufleiste, die eine viel gröbere Iteration und ermöglicht Ihnen, schnell von Seite 1 auf Seite 300 zu springen. Für größere Dokumente ist der Adobe Reader und noch sagen, welche Seite Sie sind Scrollen nach. Der Dual-Scrolling-Methode, wo ein Schieberegler ist eine "grobe"-Slider und das andere ist ein "fine"-Regler, ist äußerst wirkungsvoll, da Verschieben der Schieberegler bewegt sich auch grob die Geldbuße Schieberegler. Eine wirksame Strategie ist es, die groben Schieberegler verwenden, um Sie in der Nachbarschaft des Inhalts, der Sie interessiert, und verwenden Sie dann den Regler, um in feinen schärfen über den genauen Inhalt zu erhalten.

• Gesture Geschichte erinnert, wo man so navigiert, dass Fragen über Ihre Navigation in die Zukunft gestellt werden. Das Beispiel betrifft die Frage, ob man die Navigation zu genießen, ohne zu klicken.

• Navigation auf eine externe Webseite muss nicht einen Klick. In der clickless Navigationskonzept, aktiviert den Akt des schwebenden für eine bestimmte Zeit ein neues Navigationssystem.

• Bewegen Sie die Website aktiviert und deaktiviert die Stücke in der Funktionalität. Dieser Aspekt ist besonders nützlich für Tablet-style-Computern. Http://www.dontclick.it Die Website zeigt, wie effektiv clickless Navigation werden können, ohne dabei an Funktionalität. Alles, was notwendig ist, ein Wechsel der Perspektive, wie Sie Inhalte zu navigieren. Die Umsetzung dieser Art der Navigation mit Hilfe von HTML ist eine Herausforderung, weil JavaScript ist nicht multithreaded. In einem Multithread-Szenario würden Sie ein Thread beobachten, was die Maus tut haben und dann zu handeln. Was Sie brauchen, um in JavaScript ist multithreaded Verhalten nachahmen. Aber auch mit der Nachahmung wird Ihr Erfolg beschränkt werden. Die Strategie, die umgesetzt werden muss, ist vergleichbar mit einen Ball zu werfen und einen Hund bringen sie zurück. Als Analogie, ich habe einen guten Freund, der Hund sein ganzes Leben gehabt hat. Einmal, als ich ihn besuchte, hatte er ein Australian Shepherd. Jeder, der mit dieser Rasse weiß, dass Australian Shepherds grenzenlosen Energie haben, so mein Freund benötigt, um einen Weg zu seinem Hund die Energie freisetzen zu finden. Seine Lösung war Golf. Mein Freund war ein angehende Golfer und er hatte Probleme mit kürzeren Schüsse, würde er seine Golf-Aufnahmen und ließ seinen Hund mitbringen der Golfball wieder Praxis. Um die Geschichte zu beenden, hat der Hund das Spiel, konsequent brachte den Ball zurück, und meine Freundin Golfspiel deutlich besser geworden ist.

Nun wollen wir diese Geschichte erzählen, die Strategie der Nachahmung Threads in JavaScript. Als echtes Multitasking ist nicht verfügbar, müssen Sie zu Veranstaltungen zu nutzen. Im Falle meines Freundes war, seine Veranstaltungen Schlagen des Balls und der Hund bringt den Ball zurück. Zwischen der Einnahme der Schuss und das Warten auf den Ball zurück zu kommen, mein Freund könnte andere Dinge tun (weil er zunächst schlugen den Ball in die Büsche); zwar zu seiner Zeit andere Dinge tun war begrenzt, aber er konnte immer noch ein Gespräch mit jemand anderem und so weiter. So, als Nachahmung Multithreading in JavaScript, du bist nicht wirklich Durchführung Multithreading, aber Sie sind eine proaktive Umsetzung ereignisgesteuerte Architektur.

Ein Artikel eingereicht von Sonja Lande


Disclaimer:Unsere Website ist nicht verantwortlich für den Inhalt dieses Artikels. Webarticles ist eine kostenlose Informationsquelle.
Wichtig: Dieser Artikel "Umsetzung des HTML-Client" wurde durch ein automatisches Software übersetzt. Wir fühlen uns leid für alle Rechtschreibfehler, die möglicherweise aufgetreten sind. Vielen Dank für Ihr Verständnis.

Umsetzung der HTML-Client

Ich erkläre den Code in Stücke schneiden. Erstens verdeutlichen ich die allgemeine Architektur und dann habe ich in den einzelnen Stücken zu füllen. Im Folgenden finden Sie den Quellcode für das gesamte HTML-Seite.

 Quelle: / client / ajaxrest Artikel / Architektur / dynamiclist.html  Dynamische Liste  
onmouseout = "DynamicIterator.stopIteration ()"> onmouseout = "DynamicIterator.stopIteration ()">
  

In den Quellcode an der Spitze der HTML-Seite gibt eine Reihe von Skript-Tags, die sich auf eine Reihe von JavaScript-Dateien. Die JavaScript-Dateien enthalten die Mehrweg-Logik, die zuvor verwendet und kann in verschiedenen Kontexten für die Bearbeitung großer Datensätze oder langsam verwendet werden. Unser Hauptinteresse jetzt ist der kühne HTML-Code, der die Grundstruktur der großen und langsam stellt Daten-Sets . Es ist eine Tabelle ein iframe-Tag und Tag. Die Tabelle tag, in einem abstrakten Sinn, stellt die Navigation des Datensatzes, und wie Sie Struktur der Navigation, hängt von Ihren persönlichen Präferenzen ab. Das iframe stellt den Inhalt der Daten festgelegt. Ein iframe ist so eingesetzt, dass die Navigation von der Anzeige der Daten zu trennen. Trennung dieser beiden Aktionen über eine physikalische Barriere HTML macht es einfacher, die generierte Ausgabe jedes verwalten.

Die Navigation der Metadaten ist, daß die onclick-Event ist nicht umgesetzt worden, aber einzigartig onmouseout und onmouseover haben. onclick wird nicht unterstützt, weil Sie überschätzt wird bei der Navigation durch große Datenmengen oder langsam. Entfernen von der Notwendigkeit, klicken Sie reduziert das besondere Problem der overclicking, dass die meisten Websites zu fördern scheinen. Wenn die Benutzer ständig klicken müssen, um die Daten zu navigieren, sie geeignet sind, sich geistig und digital müde und geben nach einer Reihe von Klicks. Zum Beispiel, wenn Sie jemals besucht ein Bild Website geklickt und durch hunderte von Bildern und versuchen, bei der Suche nach ein, der Sie interessiert, dann wissen Sie, wie mühsam diese Art von Navigation Erlebnis werden kann. Beim Erstellen eigener Navigation, Es ist wichtig, um sicherzustellen, dass Sie nicht die Aufmerksamkeit der Nutzer zu verlieren.

Ein Weg, um ihre Aufmerksamkeit zu halten, ist zu vermeiden, mit Klick-Navigation. Articleends wie von der Navigation Elemente gebunden sind, die Datenelemente hier ein Beispiel:


Online: 306 users browsing the articles directory