prototype-window(ajax window) 적용기

ajax용 UI중에서 window를 만드는 오픈소스가 있다.
gmail의 gtalk창이나 meebo의 채팅창등과 같이 깜찍하고 룩앤필이 팍오는 UI를 제공한다.
http://prototype-window.xilinus.com

이걸 현재 프로젝트에 사용해고 싶은 욕망이 마구마구 일어났다.

[미션: 프레임으로 레이아웃이 구성되어있다. content프레임에는 전혀 손대지 말고 content프레임에 채팅창을 띄워라]
<xmp>
<frameset frameborder='no' rows='80,0,*' border='0' framespacing='0'>
 <frame name='top' src='top.html' scrolling='no'>
 <frameset frameborder='no' cols='200,*' border='0' framespacing='0'>
  <frame name='menu' src='menu.html' scrolling='no' noResize>
  <frame name='content' src=''content.html scrolling='auto' noResize>
 </frameset>
</frameset>
</xmp>


[시도1: frameset에 prototype-window iframe추가]
<xmp>
<iframe src="inframe.html" name="myFrame" style="width:300px ; height: 300px;"></iframe>
</xmp>
rows='80,0,*' / cols='200,*' 이렇게 되어있는 관계로 추가한 iframe이 아예 보이지도 않는다.
frameset의 길이나 높이를 제한하면 보일지도 모르겠다.

[시도2: top.html에서 prototype-window iframe추가한다음 content프레임으로 복사하기]
<xmp>
 var contentFrame = parent.frames("content");
 var myFrame = document.getElementById("myFrame");
 var _winHtml = myFrame.outerHTML;
 //같은 frame의 context이여야 지만 appendChild가 작동한다.
 //myFrame이 contentFrame의 객체가 아니기 때문에 항상 invalid argument 에러발생
 //contentFrame.document.body.appendChild(myFrame); //invalid argument 에러발생
 //따라서 appendChild를 쓰지 못하고 insertAdjacentHTML()메소드를 사용한다.
 contentFrame.document.body.insertAdjacentHTML("beforeEnd" , _winHtml);

 var alertDes = contentFrame.document.getElementById("myFrame");
 //insertAdjacentHTML를 사용한것은 단순히 문자열을 카피한 것이다.
 //따라서 카피된 iframe의 src속성의 url을 실제로 적용시키는 동작을 수행해야 한다.
 //appendChild의 경우에는 이런 과정이 필요한지 모르겠다.
 alertDes.document.location.reload();

 alert("alert창을 띄워야 myFrame UI가 content프레임쪽에 보인다.");
 //alert창을 띄우지 않으면 보이지 않을 뿐만 아니라 실제로 myFrame이 메모리에 올라가지도 않는것 같다 .
 //만약 alert창을 띄우지 않으면 아래 라인에서 showWin()메소드를 찾지 못한다.
 //이게 location.reload()가 다 되지 못한 문제로 판단할 수 도 있으면 delay를 아무리 많이 줘도 이 문제는 해결되지 않았다.
 //더구나 더 결정적인 문제는 링크를 클릭하면 IE가 비정상종료된다는 점이다.
 contentFrame.myFrame.showWin ();
</xmp>


[참고1: prototype-window창의 html코드]
코드자체는 심플하다. 나머지는 css와 js가 다 제어한다.
<xmp>
<DIV id="dialog0" class="dialog" style="left: 0px; top: 0px; opacity: 0.999999; z-index: 100; width: 304px; height: 242px;">
 <DIV onclick="Windows.close(&quot;dialog0&quot;, event)" id="dialog0_close" class="dialog_close"/>
 <DIV onclick="Windows.minimize(&quot;dialog0&quot;, event)" id="dialog0_minimize" class="dialog_minimize"/>
 <DIV onclick="Windows.maximize(&quot;dialog0&quot;, event)" id="dialog0_maximize" class="dialog_maximize"/>
 <TABLE class="top table_window" id="dialog0_row1">
  <TBODY>
   <TR>
    <TD class="dialog_nw">
        </TD>
    <TD class="dialog_n">
     <DIV class="dialog_title title_window top_draggable" id="dialog0_top">
           </DIV>
    </TD>
    <TD class="dialog_ne">
          </TD>
   </TR>
  </TBODY>
 </TABLE>
 <TABLE class="mid table_window" id="dialog0_row2">
  <TBODY>
   <TR>
    <TD class="dialog_w"/>
    <TD valign="top" class="dialog_content" id="dialog0_table_content">
     <DIV class="dialog_content" id="dialog0_content" style="height: 200px; width: 300px;">
stubbed:getAjax(ajaxArgs)          </DIV>
    </TD>
    <TD class="dialog_e"/>
   </TR>
  </TBODY>
 </TABLE>
 <TABLE class="bot table_window" id="dialog0_row3">
  <TBODY>
   <TR>
    <TD class="dialog_sw">
&nbsp;        </TD>
    <TD class="dialog_s">
     <DIV class="status_bar bottom_draggable" id="dialog0_bottom">
&nbsp;          </DIV>
    </TD>
    <TD id="dialog0_sizer" class="dialog_sizer">
&nbsp;        </TD>
   </TR>
  </TBODY>
 </TABLE>
</DIV>
</xmp>

by 아나돌루 | 2006/11/02 09:02 | 트랙백(90) | 덧글(3)

트랙백 주소 : http://borninfree.egloos.com/tb/2793228
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Tracked from creditcardse.. at 2008/08/16 04:24

제목 : Debt Consolidation
just stopped in. good site....more

Tracked from St Louis Per.. at 2008/08/19 05:42

제목 :
Just happened by, good stuff....more

Tracked from Stilts at 2009/01/30 15:13

제목 : Heya
Looking for something else, but very nice site....more

Tracked from Jumping Shoes at 2009/02/07 09:32

제목 : Hi
Looking for another site, but cool site. Thanks....more

Tracked from Personal Inj.. at 2009/02/09 03:33

제목 : Hi
Looking for something else, but very fine site. All the best....more

Tracked from Malpractice at 2009/02/12 04:33

제목 : Heya
Gotta love msn, very fine stuff. Thank you....more

Tracked from Jumping Shoes at 2009/02/16 13:11

제목 : just wandered in.
Looking for another site, but cool site. Thanks....more

Tracked from Biotek ephed.. at 2010/06/05 16:01

제목 : Ephedrine faq.
Ephedrine weight loss products....more

Tracked from Valium witho.. at 2010/06/06 15:40

제목 : Valium liquid form.
Xanax valium. Buy valium. Buy valium c.o.d.. Can you overdose a dog with valium. Valium forum. Valium prescription online. Valium....more

Tracked from Buy ativan f.. at 2010/06/07 03:34

제목 : Buy ativan no prescription.
Buy ativan online. Buy ativan online order ativan online. Buy ativan fed ex no prescription. Buy ativan online from discount pharmacy store....more

Tracked from Side effects.. at 2010/06/07 16:50

제목 : Levothyroxine weight loss.
Levothyroxine and fiber interaction. Side effects from levothyroxine. Levothyroxine excessive hunger. Levothyroxine....more

Tracked from Butalbital c.. at 2010/07/16 19:45

제목 : Liquid butalbital.
Butalbital. Butalbital order. Side effects of butalbital. Define butalbital aspirin and caffeine....more

Tracked from Lipodrene wi.. at 2010/07/17 14:03

제목 : Ephedrine.
Ephedrine ban....more

Tracked from Buy phenterm.. at 2010/07/21 11:44

제목 : Mg buy phentermine.
Where to buy phentermine. Buy cheap phentermine mg tabs lowest prices. Buy cheap phentermine online. Phentermine buy. Buy phentermine click here. Buy phentermine in canada. Buy phentermine diet pill. Phentermine buy cheap online....more

Tracked from Carisoprodol. at 2010/07/22 06:20

제목 : Carisoprodol 350mg patient i..
Pdr carisoprodol soma. Carisoprodol carisoprodol online. Carisoprodol. Carisoprodol phentermine yellow. Buy carisoprodol....more

Tracked from Buy amoxicil.. at 2010/07/22 13:44

제목 : Buy amoxicillin without pres..
Buy amoxicillin without prescription. Buy amoxicillin online cheap amoxicillin. Buy amoxicillin....more

Tracked from Crestor lawy.. at 2010/07/25 09:17

제목 : Colorado crestor attorney.
Denver crestor lawyer. How to start taking crestor. Muscle twitches crestor. Crestor....more

Tracked from Hydrea. at 2010/07/25 19:07

제목 : Hydrea article archives by k..
Hydrea article archives by keepmedia....more

Tracked from Accutane liv.. at 2010/07/25 21:55

제목 : Accutane acne treatment http.
Accutane acne treatment http. Accutane side effects columbus....more

Tracked from Floxin otic. at 2010/07/26 07:32

제목 : Floxin.
Floxin....more

Tracked from Soma radio. at 2010/07/26 17:52

제목 : Soma.
Soma. Soma family apartments san francisco....more

Tracked from What is the .. at 2010/07/26 18:40

제목 : Discount lasix.
Lasix regime in elderly. What is the effect of the medicine lasix. What is the medicine lasix for. San diego lasix. Lasix eye surgery. Lasix for sale. Lasix surgery....more

Tracked from Actonel. at 2010/07/26 22:19

제목 : Actonel 75 mg.
Actonel. Actonel and fosamax....more

Tracked from Mobic. at 2010/07/27 08:53

제목 : Mobic for osteoarthritis.
Wyoming mobic lawyer....more

Tracked from How can i lo.. at 2010/07/27 10:36

제목 : Nexium vs prilosec.
Nexium side effects. How does nexium cause weight gain. Nexium side effect diarrhea. Nexium. The chemical formula of nexium....more

Tracked from Lorazepam ra.. at 2010/07/27 14:18

제목 : Lorazepam.
Lorazepam. Cheap mexican lorazepam federal express. Effect of lorazepam. Buy lorazepam. Lorazepam liquid. Muscle relaxer lorazepam....more

Tracked from Lotensin. at 2010/07/28 15:50

제목 : Lotensin and ibuprofen.
Is lotensin a beta blocker. Lotensin and advil. Lotensin. Lotensin and ibuprofen....more

Tracked from Ceftin gener.. at 2010/07/28 20:47

제목 : Ceftin canine skin.
Ceftin dog. Ceftin antibiotic. Ceftin used for. What is ceftin. Ceftin....more

Tracked from Can i take i.. at 2010/07/29 10:58

제목 : Inderal.
Inderal for anxiety. Inderal side effects. Inderal cr for treatment of headaches. Inderal. Inderal vs tenormin. Inderal ptsd. Inderal and eyesight....more

Tracked from Carisoprodol. at 2010/07/29 21:11

제목 : Somas with carisoprodol does..
Carisoprodol side effects. Carisoprodol. Buy carisoprodol best prices limited time offer. Carisoprodol phentermine yellow. Buying carisoprodol....more

Tracked from Drug testing.. at 2010/08/02 10:16

제목 : Soma carisoprodol.
Soma overdose. Soma. Discount soma. Akane soma. Buy soma online. Drug testing times for soma. Soma fm....more

Tracked from Lopid. at 2010/08/02 20:45

제목 : Is lopid a statin.
Side effects of lopid....more

Tracked from Generic prop.. at 2010/08/02 23:01

제목 : Buy propecia online.
Acne cause does propecia. Buying propecia. Generic propecia. Buy generic propecia online. Buy propecia online pharmacy. Cheapest propecia. Dangers of propecia....more

Tracked from Keflex and e.. at 2010/08/03 00:03

제목 : Keflex drug interaction.
Keflex. Keflex and ecthyma....more

Tracked from Adalat. at 2010/08/03 16:41

제목 : Adalat xl nifedine.
Adalat xl. Adalat. Adalat xl nifedine. Adalat- movie....more

Tracked from Mevacor. at 2010/08/03 18:10

제목 : Dosage mevacor.
Mevacor vs lipitor. Generic for mevacor....more

Tracked from Aldactone. at 2010/08/04 10:09

제목 : Aldactone usage.
Side effects from aldactone. Aldactone. Aldactone and prednisone....more

Tracked from Keflex znd u.. at 2010/08/04 17:00

제목 : Keflex side effects.
What is keflex. Keflex. Keflex derived from sulfur. Keflex and ecthyma....more

Tracked from Buy pal pay .. at 2010/08/04 19:08

제목 : Buy phentermine hcl.
Buy phentermine. Buy phentermine cod. Buy phentermine online. Phentermine buy. Buy cheap phentermine. Order phentermine online buy cheap pharmacy here....more

Tracked from Ipledge prog.. at 2010/08/05 16:59

제목 : Georgia accutane claims.
Accutane attorneys. Accutane acne treatment http....more

Tracked from Amaryl. at 2010/08/06 09:59

제목 : Amaryl drug interaction.
Amaryl. Amaryl medicine. Amaryl who makes....more

Tracked from Amaryl. at 2010/08/06 15:52

제목 : Avandia amaryl.
Amaryl drug interaction....more

Tracked from Fioricet wit.. at 2010/08/07 14:05

제목 : Fioricet no prescription.
Fioricet info pain medication prescription. Fioricet no prescription. No prescription soma fioricet. Buy fioricet online without a prescription....more

Tracked from Aricept alzh.. at 2010/08/08 22:27

제목 : Aricept.
Aricept. Cheap discount aricept donepezil. Aricept depression. Seizures vs aricept....more

Tracked from Coupons maxa.. at 2010/08/08 23:38

제목 : Free maxalt.
What is the drug maxalt for. Migraine imigran maxalt....more

Tracked from Feldene 20 mg. at 2010/08/09 17:01

제목 : Feldene.
Feldene. Feldene side effects....more

Tracked from Phentermine .. at 2010/08/09 18:33

제목 : Phentermine and no prior pre..
Buy no phentermine prescription....more

Tracked from Side effects.. at 2010/08/10 17:08

제목 : Dhea and arimidex.
Arimidex. Dhea and arimidex....more

Tracked from Cymbalta. at 2010/08/10 21:49

제목 : Cymbalta brain fog.
Recent news on cymbalta. Cymbalta....more

Tracked from Kidney pain .. at 2010/08/11 04:42

제목 : Ceftin.
Ceftin. Ceftin do you refrigerate. Kidney pain and ceftin....more

Tracked from Side effects.. at 2010/08/11 19:52

제목 : Mevacor.
Side effects of mevacor. Mevacor side effects....more

Tracked from Microzide. at 2010/08/12 03:12

제목 : What is microzide.
Microzide. What is microzide....more

Tracked from Trileptal an.. at 2010/08/12 18:16

제목 : Lamictal side effects.
Lamictal....more

Tracked from Information .. at 2010/08/13 22:30

제목 : Aricept.
Aricept....more

Tracked from Actonel side.. at 2010/08/14 10:07

제목 : Actonel.
Actonel. Actonel side effects....more

Tracked from Actonel and .. at 2010/08/14 14:04

제목 : Actonel.
Actonel dangers. Actonel pills....more

Tracked from Aricept assi.. at 2010/08/15 04:23

제목 : Aricept.
Aricept....more

Tracked from Amoxil gonor.. at 2010/08/15 11:41

제목 : Amoxil.
Amoxil cats. Amoxil....more

Tracked from Actonel. at 2010/08/16 00:17

제목 : Actonel side effects.
Side affects of actonel. Actonel side effects. Actonel. Actonel free for seniors....more

Tracked from Lozol. at 2010/08/16 12:58

제목 : Lozol shelf life.
Lozol medication. Lozol 2.5 mg. Lozol cost. Lozol....more

Tracked from Aldactone fo.. at 2010/08/17 10:50

제목 : Aldactone.
Side effects from aldactone. Aldactone....more

Tracked from Glucotrol xl.. at 2010/08/17 15:37

제목 : Glucotrol xl.
Generic of glucotrol xl available. Glucotrol xl 10mg. Glucotrol xl. Glucotrol xl side effects....more

Tracked from Floxin otic .. at 2010/08/17 23:37

제목 : Floxin otic.
Floxin otic. Floxin....more

Tracked from Neurontin. at 2010/08/18 21:54

제목 : Neurontin side effects.
Neurontin. Drug neurontin....more

Tracked from Mevacor high.. at 2010/08/19 20:28

제목 : Mevacor.
Side effects of mevacor. Mevacor high alt levels. Mevacor....more

Tracked from Imodium coup.. at 2010/08/20 02:43

제목 : Imodium.
Toxic megacolon imodium c-difficile....more

Tracked from Levothroid r.. at 2010/08/20 14:47

제목 : Levothroid.
Pdr levothroid. Levothroid. Levothroid or synthyroid. Pdr levothroid picture....more

Tracked from Sitagliptin .. at 2010/08/22 09:43

제목 : Mechanism of action of actos.
Actos drug. Actos medicine. Dangers of actos. New research on actos. Sitagliptin and actos. Actos. Actos half life....more

Tracked from Ceftin. at 2010/08/22 14:53

제목 : Ceftin for uti.
Ceftin canine skin. What is ceftin used for. Ceftin antibiotic. Ceftin side affects. Ceftin....more

Tracked from Generic of g.. at 2010/08/22 17:49

제목 : Glucotrol xl side effects.
Glucotrol xl....more

Tracked from Avapro 150mg.. at 2010/08/23 01:13

제목 : Avapro prices.
Avapro side effects. Avapro cough. Avapro weight loss. Avapro and side effects. Avapro 150mg. is used for what. Cialis and avapro....more

Tracked from Microzide. at 2010/08/23 20:12

제목 : What is microzide.
Microzide. What is microzide....more

Tracked from Avodart. at 2010/08/24 02:47

제목 : Avodart savings.
Avodart....more

Tracked from Will elavil .. at 2010/08/24 13:07

제목 : Elavil.
Elavil side effects. Will elavil work after 8 wks for migraine. Half life of elavil. Elavil. Interactions between elavil and geodone....more

Tracked from Calan. at 2010/08/25 04:47

제목 : Calan seminar abstract.
Calan. Gay calan bosc spain. Nos calan gaeaf....more

Tracked from Albuterol su.. at 2010/08/25 12:04

제목 : Albuterol sulfate side effec..
Albuterol sulfate syrup. Albuterol sulfate. Albuterol sulfate dry powder inhaler....more

Tracked from Ceclor contr.. at 2010/08/25 21:56

제목 : Ceclor 250 mg.
Ceclor capsule. Ceclor. Ceclor medication....more

Tracked from Imodium 2 mg.. at 2010/08/26 00:44

제목 : Imodium for kids.
Imodium. Ph level of imodium....more

Tracked from Adalat- movie. at 2010/08/26 12:11

제목 : Adalat xl nifedine.
Adalat. Adalat 1976. Pill adalat. Procardia rashes bumps nifedipins adalat. Adalat- movie....more

Tracked from Nexium mg. at 2010/08/27 14:21

제목 : Nexium.
Nexium and depression. Nexium....more

Tracked from How fast doe.. at 2010/08/28 00:48

제목 : Dallas lasix surgeons.
Lasix surgery louisiana. Lasix. Lasix eye surgery in baton rouge la....more

Tracked from Dangers of u.. at 2010/08/28 11:12

제목 : Dostinex pfizer.
Dostinex. Dostinex pfizer. Dostinex libido....more

Tracked from Combivir and.. at 2010/08/28 13:05

제목 : Common side effects combivir.
Common side effects combivir. Combivir and other antivirals. Combivir....more

Tracked from Nexium dosage. at 2010/08/29 09:04

제목 : Nexium.
Buy nexium medication from online pharmacy. How can i lose the weight i gained on nexium. Nexium. Nexium iv drug interaction. Nexium drug interaction. Buy nexium in canada....more

Tracked from Imitrex. at 2010/08/29 17:46

제목 : Migraine imitrex.
Has a generic brand been developed for imitrex. Imitrex side effects. Imitrex. Imitrex dosage....more

Tracked from Imitrex. at 2010/08/30 19:37

제목 : Drug interactions prozac imi..
Sumatriptan brand s imitrex definition of drug. Imitrex sideaffects. Drug interactions prozac imitrex. Rebound headache imitrex. Imitrex side effects. Drug imitrex. Imitrex....more

Tracked from Microzide. at 2010/08/31 00:09

제목 : What is microzide.
Microzide....more

Tracked from Cellcept sid.. at 2010/09/02 04:19

제목 : Cellcept and myasthenia grav..
Side affects of cellcept. Cellcept patient assistance program. Cellcept. Cellcept for lupus....more

Tracked from Cymbalta. at 2010/09/07 00:22

제목 : Weight gain after stopping c..
Cymbalta side effects. Recent news on cymbalta. Cymbalta....more

Tracked from Neurontin. at 2010/09/07 18:57

제목 : Neurontin side effects.
Compounding neurontin liquid from capsules. Psychiatric medication neurontin. Neurontin and amitryptiline. Neurontin drug withdrawals. Neurontin....more

Commented by Robert at 2007/04/06 01:23
nice
Commented by Naomi at 2007/04/06 01:47
hello
Commented by sadf at 2009/12/14 14:37
fasda

:         :

:

비공개 덧글

◀ 이전 페이지          다음 페이지 ▶



_uacct = "UA-319103-1"; urchinTracker();