매스매티카 위젯(Mathematica, Wolfram Alpha)를 만드는 방법

매스매티카의 웹서비스인 울프램 알파(Wolfram Alpha)의 서비스를 블로그/홈페이지에서 이용하는 위젯이 있는데 이것을 독자적으로 만들어 봅니다. 자바스크립트를 조금만 구사하면 간단히 만들수 있는데요, 너무 간단하지만 소스코드를 공개해 두겠습니다.

이 블로그에 사용한 소스입니다.

<form action="http://www.wolframalpha.com/input/" method="GET">
<input type="text" name="i" value="Wolfram|Alpha 질문이나 수식을 넣고 엔터를 치세요. Ex) x^2+y^2=9"  
onfocus="if(this.value==this.defaultValue){this.value=''}"
onblur="if(this.value==''){this.value=this.defaultValue}"></input>
<input type="submit" value="Math" style="display:none;">
</form>

스타일관련 부분은 생략하였으므로 각 페이지에 넣을 경우에는 구미에 맞게 손을 보세요.

(놀이터 앞에 있는 이꽃은 이름이 무엇일까?)

매스매티카 울프램|알파 홈페이지에 가면 멋있는 위젯도 있어서 자바스크립트 소스를 공개해 주고 있는데 이것을 사용했더니 페이지 로딩시간이 느려져서 독자 코드를 만들어 보게 되었습니다. 가벼운 페이지를 지향하기 때문입니다.

그래도 울프램|알파 홈페이지에 가면 예제도 있고 많은 구경거리가 있으니 구경해보지 않은 분은 가보셔도 좋을 겁니다.

http://www.wolframalpha.com/

관련된 내 블로그:

[메모] 가벼운 페이지를 지향하며
3차함수의 정적분 공식소개
계산의 강자 매스매티카(Mathmatica, Wolfram)의 웹서비스
[메모] 블로그 스킨다운 스킨을 만들게 되었다
웹프로그램 연구(VII) Input.text요소의 힌트용 스크립트