Mam html'ową tabelę, 2 kolumny i nieokreślona ilość wierszy. Chcę by użytkownik mógł zaznaczyć drugą kolumnę i przekopiować z niej dane ale żeby jednocześnie dane z pierwszej kolumny nie zostały skopiowane. Sytuacja jak tu: http://jsfiddle.net/27F2V/ . Próbowałem użyć w css
user-select
, niby tekst się nie zaznacza ale jak zaznaczę pożądaną kolumnę i użyję Ctrl C to w schowku i tak mam dane z pierwszej na przemian. Ktoś ma pomysł jak to ugryźć? Z góry dzięki
http://stackoverflow.com/questions/6619805/select-text-in-a-column-of-an-html-table moze to bedzie pomocne
Niestety, wiem że potencjalny user będzie zaznaczał ręcznie daną kolumnę.
EDIT: Może lepiej zobrazuje problem opisując sytuację której rzeczywiście dotyczy.
Mam stronę na której wyświetlam kod (obojętnie jaki język, jakieś kolorowanie składni itd). Przedstawiam go w postaci tabeli, 2 kolumny. Dla każdego wiersza pierwsza kolumna to nr linii a druga to fragment kodu z danej linijki. Zależy mi aby użytkownik mógł skopiować sam kod, obecnie kopiuje się razem z numerami linijek mimo że użyłem wspomnianej właściwości user-select.
Wczoraj trochę sobie czytałem o user-select, nawet na tym Twoim fiddle'u za pomocą td:nth-child(even){ ...tu te selecty ..} próbowałem tak robić, ale wychodziło mi tak jak chcesz tylko i wyłącznie na Firefoxie. W Chrome, IE i Operze mimo, że nie zaznaczało to jednak cały czas kopiowało. No i w internecie trochę ciężko znaleźć coś konkretnego, bo wszyscy piszą o tym, żeby zastosować user-select z przedrostkami typu -moz-, -webkit-, -khtml-, itp. ale tak jak mówiłem to nie działa.
@Markness: podaj kod HTML (najlepiej wrzuć na jsbin.com czy coś), zobaczymy na ile uda się to przerobiić.
Sytuacja wygląda mniej więcej tak: http://jsbin.com/ubaDiZa/2/edit
Mimo, że podczas zaznaczania kodu kolumna z numerami się nie zaznacza to po Ctrl + C numerki lądują w schowku.
a pytanie: czy to MUSI być na tabelach? (tabele w ogóle nie pasują do takiego przeznaczenia)
nie lepiej jakieś <ol><li> ?
http://jsbin.com/ubaDiZa/3/
Rzeczywiście spróbuję użyć takiego rozwiązania, dzięki. Jeszcze jedna sprawa, w przypadku gdy linijka kodu nie mieści się w przeznaczonym do tego miejscu zawijam ją do następnej. W przypadku tabeli dawałem w lewej komórce background image który był odsunięty od góry o wysokość jednego wiersza i pojawiał się gdy komórka rozszerzała się np do 2 linijek. Ten obrazek to strzałka która symbolizuje, że dana linijka jest kontynuacją poprzedniej. Jestem w stanie osiągnąć coś takiego w
tak, również możesz użyć background image