월드버텍 블로그

CSS3를 마우스로 쉽게 제작할 수 있는 웹툴

Posted by jwjeong under Publishing

css3 여러가지 스타일을 마우스나 수치로 쉽게 생성할 수 있습니다.

– http://westciv.com/tools/3Dtransforms/index.html
– http://css3maker.com/

애니메이션을 스크립트로 만든 예제 사이트 입니다.
예제화면과 소스도 함께 공개되어 있습니다.
플래시를 위기에 몰릴만 하네요~

http://www.dhteumeuleu.com/

사파리에서 작동이 제대로 되네요~

ADD COMMENTS

[MSSQL]MSSQL 배열 저장 및 불러오기 스크립트 예제

Posted by admin under Web Technical

/**********************************************************************************************
배열 저장 및 불러오기 스크립트 예제
작성자 : 이계은 차장(4Silver@paran.com)
작성일자 : 2011.03.11
주의 사항:
**********************************************************************************************/
USE tempdb –> 권한 있는 DB로 설정
GO

IF EXISTS (SELECT * FROM SYS.OBJECTS WHERE NAME = ‘ARRAY_TEST’)
DROP TABLE ARRAY_TEST
GO
CREATE TABLE ARRAY_TEST
(
ARRAY_INF XML
)
GO

IF EXISTS (SELECT * FROM SYS.OBJECTS WHERE NAME = ‘USP_ARRAY_TEST_INSERT’)
DROP PROC USP_ARRAY_TEST_INSERT
GO
CREATE PROC USP_ARRAY_TEST_INSERT
AS
BEGIN

DECLARE @ARRAY_TBL TABLE
(
COL1 VARCHAR(100)
,COL2 VARCHAR(100)
,COL3 VARCHAR(100)
,COL4 VARCHAR(100)
,COL5 VARCHAR(100)
,COL6 VARCHAR(100)
,COL7 VARCHAR(100)
,COL8 VARCHAR(100)
)

–데이터 삭제
DELETE ARRAY_TEST

–샘플 데이터 입력 (5 X 8)
INSERT @ARRAY_TBL(COL1,COL2,COL3,COL4,COL5,COL6,COL7,COL8)
VALUES(1,2,3,4,5,6,7,8)

INSERT @ARRAY_TBL(COL1,COL2,COL3,COL4,COL5,COL6,COL7,COL8)
VALUES(2,4,6,8,10,12,14,16)

INSERT @ARRAY_TBL(COL1,COL2,COL3,COL4,COL5,COL6,COL7,COL8)
VALUES(3,6,9,12,15,18,21,24)

INSERT @ARRAY_TBL(COL1,COL2,COL3,COL4,COL5,COL6,COL7,COL8)
VALUES(4,8,12,16,20,24,28,32)

INSERT @ARRAY_TBL(COL1,COL2,COL3,COL4,COL5,COL6,COL7,COL8)
VALUES(5,10,15,20,25,30,35,40)

–테이블-> XML 변환
DECLARE @RETXML XML

SET @RETXML=
(SELECT   *
FROM @ARRAY_TBL AS   ARRAY_TBL
FOR XML AUTO,ROOT(‘root’))

–XML 데이터 입력
INSERT ARRAY_TEST VALUES (@RETXML)

END
GO
–XML 생성 프로시져 실행
EXEC USP_ARRAY_TEST_INSERT

GO
SELECT * FROM ARRAY_TEST
GO

–데이터 가져오기 XML-> 테이블
IF EXISTS (SELECT * FROM SYS.OBJECTS WHERE NAME = ‘USP_ARRAY_TEST_SELECT’)
DROP PROC USP_ARRAY_TEST_SELECT
GO
CREATE PROC USP_ARRAY_TEST_SELECT
AS
BEGIN
DECLARE @idoc int
DECLARE @doc xml

SELECT @doc= ARRAY_INF
FROM ARRAY_TEST

EXEC sp_xml_preparedocument @idoc OUTPUT, @doc

SELECT    *
FROM       OPENXML (@idoc, ‘/root/ARRAY_TBL’,1)
            WITH (COL1 VARCHAR(100)
                  ,COL2 VARCHAR(100)
                  ,COL3 VARCHAR(100)
                  ,COL4 VARCHAR(100)
                  ,COL5 VARCHAR(100)
                  ,COL6 VARCHAR(100)
                  ,COL7 VARCHAR(100)
                  ,COL8 VARCHAR(100))

END

ADD COMMENTS

jqPlot Chart IE Print Error 수정방법

Posted by ttajong under Web Technical

jqPlot 그래프가 이쁘장한것이 좋아요. 그런데 IE에서 프린트하면, 좌측으로 쏠리는것과 그래프자체가 안나오는 버그가 있네요.

1. 좌측으로 쏠리는것 수정방법

#!Javascript

//var overlayEl = el.cloneNode(false);
// Use a non transparent background.
//overlayEl.style.backgroundColor = 'red';
//overlayEl.style.filter = 'alpha(opacity=0)';
//canvasElement.appendChild(overlayEl);

참조 : https://bitbucket.org/cleonello/jqplot/issue/268/blank-chart-when-print-ie

2. 인쇄시 검정색으로 나오는것 수정방법

http://blog.muonlab.com/2010/06/02/getting-position-absolute-canvas-elements-to-print-correctly-in-ie/Getting position: absolute canvas elements to print correctly in IE

It seems IE doesn’t print canvas elements which are absolutely positioned in the correct place. What a surprise.

This problem came about when i tried to print some of my jqPlot graphs, as it uses absolutely positioned canvas tags for the data and axes.

There’s probably a much easier solution to this, but i couldn’t find it.

Heres some mega-hax that makes things work:

Update: This requires jQuery 1.4.2+

view source

print ?

01.(function($) {

02. $.fn.CanvasHack = function() {