HTML 표의 모든 데이터 강조 표시

HTML 표의 모든 요소를 강조 표시하는 방법이 있습니까?HTML 표의 모든 데이터 강조 표시

표 형식으로 데이터를 표시하고 사용자가 단추를 클릭하여 해당 데이터를 복사하여 선택한 스프레드 시트에 붙여 넣을 수 있기를 원합니다.

2009-09-09 salmonmoose

이 시도 :

function selectAll(parentNode) { 
    var sel; 
    // IE 
    if (document.selection) { 
     sel = document.body.createTextRange(); 
     sel.moveToElementText(parentNode); 
     sel.select(); 
    } else { 
     sel = document.createRange(); 
     sel.setStartBefore(parentNode); 
     sel.setEndAfter(parentNode); 
     window.getSelection().addRange(sel); 
    } 
} 

selectAll(document.getElementById('myTable'));

테스트 그것을 밖으로 here.

출처

2009-09-09 01:11:39

완벽! 건배. – salmonmoose

데이터를 선택하기 위해 API에 대한 추상화를 작성했을 때 다음 주석을 작성했습니다. 여러 가지 URL (내 의견에서 인용 한)이 유용 할 수 있습니다.

이 인터페이스는 W3C 표준을 기반으로하지 않습니다. 대신 다양한 브라우저의 사실상 인터페이스를 기반으로합니다. 그것은 당신이 자바 스크립트 window.getSelection() 메소드를 호출 할 때 http://www.quirksmode.org/dom/range_intro.html

이 인터페이스의 MS IE 버전 입니다 에서 "선택"개체의 유형은 Microsoft에 설명 된대로 반환되는 객체 를 나타냅니다 http://www.google.ca/search?hl=en&q=html+and+dhtml+reference

통해 발견 될 수있는 API 그러나이 인터페이스 (대신 MS IE의 API의) 모질라 API에 보다 기초한다. 모질라 인터페이스 추상/당신을위한 브라우저 별 차이를 숨기고 당신에게 통합 된 API를 줄 수도, 당신이 JQuery와 같은 자바 스크립트 라이브러리를 사용하는 경우 이 http://mxr.mozilla.org/mozilla/source/content/base/public/nsISelection.idl 및 https://developer.mozilla.org/en/DOM/Selection

에서 찾을 수 있습니다.

출처

2009-09-09 01:01:10 ChrisW

불필요한 텍스트를 제거하고 링크를 링크로 게시하는 것은 어떻습니까? – RedFilter

대부분의 브라우저는 이미 사용자가 텍스트를 수동으로 선택하도록하여이 기능을 제공하므로 사용자에게 CSV와 같은 Excel 호환 형식의 데이터를 다운로드 할 수있는 링크를 제공하지 않는 이유는 무엇입니까? 예를 들어 페이징해야하는 충분한 데이터를 얻는 경우보다 강력한 솔루션입니다.

출처

2009-09-09 01:05:18 RedFilter

HTML 표의 모든 데이터 강조 표시

답변

관련 문제