Ancora una volta, questo elemento non ha attuato l'evento onclick per evitare l'affaticamento clic. Quando aleggia il mouse sopra l'elemento, gli utenti si aspettano di vedere i dati ad esso associati. L'unica eccezione a questa regola è se gli utenti passa il mouse rapidamente sopra l'elemento HTML esamineremo la situazione a breve. Ciascuno degli elementi dei dati ha un ID con un numero, con l'idea era quella di creare un array di elementi HTML che possono essere affrontati e gestiti direttamente. Non hai bisogno di fare questo, e si potrebbe creare un array di elementi, quando il tenore di navigazione HTML viene caricato.

Clickless Navigation

A mio parere, ci basiamo troppo su clic per navigare. Questo non è stato sempre il caso: in origine, il valore predefinito per i sistemi operativi Unix era quello di assegnare attenzione alla finestra che il mouse si libra sopra. Era il mondo di Windows che ha promosso il proprio marchio di clic a svolgere compiti e attivare gli elementi. Molto presto è emerso che i clic troppi sono stati necessari allo svolgimento dei compiti, anche la più basilare. Ad esempio, per attivare gli elementi in un applicazione che si hanno di solito per fare clic o fare doppio clic su di loro. Il cursore di Adobe Reader è un ottimo modo per vagliare i dati e trovare la pagina desiderata. Tuttavia, quello che se il documento che stai cercando a ha migliaia di pagine? Sembrerebbe che il riquadro di scorrimento Adobe Reader ha lo stesso problema, come tutti gli altri cursori hanno è facile per iterare 10, o forse 100 pagine, ma al di là che la navigazione diventa noioso.

La soluzione Adobe Reader implementa un dual slider. Sul lato destro è una barra di scorrimento, che ha una iterazione molto grossolano e ti permette di passare velocemente da pagina 1 a pagina 300. Per i documenti più grandi, Adobe Reader, anche dirvi che la pagina che stai a scorrimento. Il metodo doppio scorrimento, se uno slider è un dispositivo di scorrimento "grossolano" e l'altro è un bel "cursore", è estremamente efficace, perché spostando il cursore si sposta anche grossolani il cursore ammenda. Una strategia efficace è quella di utilizzare il dispositivo di scorrimento grossolani per farti nel quartiere del contenuto che ti interessa, e quindi utilizzare il dispositivo di scorrimento ammenda per affinare in su l'esatto contenuto.

• storia Gesto ricorda dove si navigato in modo che le questioni circa la navigazione può essere richiesto in futuro. La questione si riferisce ad esempio se vi piace la navigazione senza fare clic.

• Navigazione verso un sito web esterno non ha bisogno di un clic. Nel paradigma clickless di navigazione, l'atto di librarsi per un determinato periodo di tempo attiva una nuova navigazione.

• Spostamento in tutto il sito Web si attiva e disattiva i pezzi di funzionalità. Questo aspetto è particolarmente utile per i computer tablet-style. Http://www.dontclick.it Il sito illustra quanto sia efficace la navigazione clickless può essere, senza perdere alcuna funzionalità. Tutto ciò che è necessario è un cambiamento di prospettiva nel modo in cui si naviga contenuto. Implementazione di questo tipo di navigazione utilizzando HTML è una sfida, perché Javascript non è multithread. In uno scenario multithread, si avrebbe un thread a guardare cosa sta facendo il mouse e poi agire. Cosa dovete fare in JavaScript è imitare il comportamento multithreading. Ma anche con la mimica, il vostro successo sarà limitato. La strategia che deve essere attuata è simile a lanciare una palla e avere un cane bring it back. Per analogia, ho un buon amico che ha avuto tutti i cani della sua vita. Una volta, quando ho visitato, lui era un pastore australiano. Chiunque abbia familiarità con questa razza sa che i pastori australiani hanno infinita energia, così il mio amico bisogno di trovare un modo per liberare l'energia del suo cane. La sua soluzione è stata da golf. Il mio amico era un giocatore di golf in erba e non aveva problemi con scatti brevi, avrebbe pratica i suoi colpi da golf e lasciare che il suo cane portare la pallina da golf indietro. Per finire la storia, il cane che amava il gioco, coerentemente portato la palla, e la partita del mio amico golf notevolmente migliorata.

Ora riguardano questa storia alla strategia di riprodurre le discussioni in JavaScript. Quando multitasking reale non è disponibile, è necessario utilizzare gli eventi. Nel caso del mio amico, i suoi eventi sono stati colpire la pallina da golf e il cane riportare la palla. Tra il prendere il tiro e la palla in attesa di tornare, il mio amico poteva fare altre cose (perché inizialmente teneva colpire la palla in mezzo ai cespugli), è vero, il suo tempo a fare altre cose è stato limitato, ma potrebbe ancora avere una conversazione con qualcun altro e così via. Così, quando non multithreading imitando in JavaScript, siete veramente esecuzione multithreading, ma si implementa un evento proattiva-Driven Architecture.

un articolo presentato da Sonja Lande


Disclaimer:Il nostro sito non è responsabile per il contenuto di questo articolo. Webarticles è una risorsa gratuita di informazioni.
Importante: Questo articolo "Attuazione del client HTML" è stato tradotto da un software automatico. Ci dispiace per eventuali errori di ortografia che possono essersi verificati. Grazie per la vostra comprensione.

L'attuazione del client HTML

Spiego il codice in blocchi. In primo luogo, illustrare la struttura generale e poi riempire i pezzi singoli. Di seguito è riportato il codice sorgente della pagina HTML intera.

 Fonte: / client / articles ajaxrest / architettura / dynamiclist.html  Dinamica List  
onmouseout = "DynamicIterator.stopIteration ()"> onmouseout = "DynamicIterator.stopIteration ()">
  

Nel codice sorgente nella parte superiore della pagina HTML sono un certo numero di tag script che un numero di riferimento del file JavaScript. I file JavaScript contengono la logica riutilizzabile che è stato usato in precedenza e possono essere utilizzati in contesti diversi per la manipolazione di grandi insiemi di dati o lento. Il nostro interesse principale in questo momento è il codice HTML in grassetto, che rappresenta la struttura di base di dati di grandi dimensioni e lenta set . Vi è un tag table e un tag iframe. Il tag table, in senso astratto, rappresenta la navigazione sul set di dati, e come si struttura la navigazione dipende dalle preferenze personali. L'iframe rappresenta il contenuto di tale insieme di dati. Un iframe viene utilizzato in modo che la navigazione è separata dalla visualizzazione dei dati. La separazione di queste due azioni con una barriera fisica HTML rende più semplice per gestire l'output generato di ciascuno.

La navigazione dei metadati è unico in quanto l'evento onclick non è stata attuata, ma hanno onmouseover e onmouseout. onclick non è supportato perché cliccando è sopravvalutato di grandi dimensioni o quando si naviga lento insiemi di dati. Eliminando la necessità di scegliere riduce il problema specifico di overclicking che la maggior parte dei siti Web sembrano promuovere. Se gli utenti hanno un bisogno costante di fare clic per navigare tra i dati, che sono suscettibili di diventare mentalmente e digitale affaticato e rinunciare dopo un certo numero di clic. Ad esempio, se avete mai visitato un sito web e immagine cliccato attraverso centinaia di immagini, cercando di trovare quello che ti interessa, poi si sa per esperienza quanto noioso questo tipo di navigazione può essere. Durante la creazione di navigazione, E 'importante assicurarsi di non perdere l'attenzione degli utenti'.

Un modo per mantenere la loro attenzione è quello di evitare l'uso di scegliere di navigazione. Bound come articleends dagli elementi di navigazione sono gli elementi di dati Ecco un esempio:


Online: 417 users browsing the articles directory