Hervorhebung von Tabellenzellen auf die Maus
Ich bin neu in Javascript/JQuery. Ich möchte wissen, wie ich das ändern könnte, Tabellenzelle hervorheben, die hier gezeigt http://jsfiddle.net/Brv6J/ mit einer Modifikation, die es ermöglichen die Auswahl in einem quadratischen Muster.
Betrachten Sie beispielsweise A, B, C, D, G, H
und I
als Tabellenzellen. Ziehen Sie die Maus entlang der diagonalen von A zu E sollte markieren Sie die Zellen A,B,D & E
A B C
D E F
G H I
ziehen der Maus von Einem thru wählen muss jede Zelle.
Für die, die Sie brauchen, um zu berechnen, erste (A) und Letzte element (E) Nachbar-element. Wenn jeder Nachbar gefunden, so sollte es sein, die aktuellen.. für eq. Wenn Sie goed A-E dann Nachbarn von Mittel A+1= B es ausgewählt ist, dann wird (E-1)=D sollte eingebunden werden in eine Auswahl. konvertieren Sie alle Feld in ASCII-Zeichen, dann berechnen Sie es.
Ist Ihr layout fest oder variabel?. Im Falle dass, wenn Sie 4x4 die matrix dann? was würde ausgegeben werden.. A B C D | E F G H | I J K L | M N O P ziehen Sie Dann aus F -> O was wird dann hervorgehoben werden?
Für die, die Sie brauchen, um zu berechnen, erste (A) und Letzte element (E) Nachbar-element. Wenn jeder Nachbar gefunden, so sollte es sein, die aktuellen.. für eq. Wenn Sie goed A-E dann Nachbarn von Mittel A+1= B es ausgewählt ist, dann wird (E-1)=D sollte eingebunden werden in eine Auswahl. konvertieren Sie alle Feld in ASCII-Zeichen, dann berechnen Sie es.
Ist Ihr layout fest oder variabel?. Im Falle dass, wenn Sie 4x4 die matrix dann? was würde ausgegeben werden.. A B C D | E F G H | I J K L | M N O P ziehen Sie Dann aus F -> O was wird dann hervorgehoben werden?
InformationsquelleAutor Deepa Thalikar | 2012-03-06
Du musst angemeldet sein, um einen Kommentar abzugeben.
Für mehr Benutzerfreundlichkeit bei der Auswahl der Kalender-Zellen, die ich nur empfehlen eHighLight Plugin. Eine sehr einfache und kleine plugin für Dokument-element, hohe Beleuchtung
InformationsquelleAutor Ner
Schrieb ich Skript für den Kalender auswählen. Ich hoffe, dass dies hilfreich für Sie.
Skript:
CSS:
HTML:
Erstelle ich Geige an http://jsfiddle.net/5VXDt/1/
Skript kann verbessert werden, mit dem hinzufügen von click-Ereignis deaktivieren, oder wählen Sie eine Zelle aus.
Ich bin froh, geholfen. Vergessen Sie nicht auch die Flagge als beantwortet 😉
das ist absolut unglaublich.. jeder Weg, dies zu ändern, so dass es füllt nicht die gesamte Zeile, wenn Sie nach unten zu verschieben? Ich bin versucht, etwas zu tun, folgt square x/y-Koordinaten
InformationsquelleAutor arunes
JQuery Wählbar wahrscheinlich passt die Anforderungen besser.
Gute Lösung, jQuery( "Tabelle" ).wählbar({filter: 'td'}); ermöglichen sowohl eine horizontale als auch vertikale (das ist wahr Quadrat) Auswahl der Tabelle Zellen. jsfiddle.net/fq941d4L
InformationsquelleAutor Snives
Können Sie jquery verwenden jquery.ui.draggable.js
InformationsquelleAutor codef0rmer