- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：javascriptでのリンク）
javascriptでのリンクを操作する方法
このQ&Aのポイント
- Yahoo! User Interface Libraryのdialogを起動するためのjavascriptの操作方法について教えてください。
- リンクをクリックした際にjavascript内で特定の処理を行いたいです。どのような方法がありますか？
- リンクのidを指定してjavascriptで操作する方法について詳しく解説してください。
- take_july
- お礼率54% (88/162)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
＞＞リンクをjavascript内で起動するにはどうすればよいのでしょうか。 リンクは単にjavascriptを動かしているだけで、不要だと思います。 dialogはdialogオブジェクトのrenderメソッドで表示先のオブジェクト を指定して表示させます。 必要な処理を行った後、dialogオブジェクトを生成して、表示させます。 var dlgObj = new YAHOO.widget.SimpleDialog("dlg", { width : "300px", height : "200px", x : 200, y : 100}); dlgObj.setBody("hogehoge"); dlgObj.render(document.body);
お礼
すいません。 解決しました。有難うございました。
補足
ご回答有難うございます。 無事ダイアログは出るようになってのですが、なぜかボタンが表示されなくなってしまいました。 下記は直す前のhtmlです。（http://www.tuyudaku.net/javascript/yui-dialog.htmlを参考にさせて頂いています。） <HTML><HEAD> <SCRIPT type=text/javascript> var init = function() { var dialog1 = new YAHOO.widget.Dialog("dialog1",{ constraintoviewport:true, modal: true, fixedcenter: true, visible: false }); var dialog1_submit = function(){ var formData = this.getData(); var buf = []; buf.push("text="); buf.push(formData.textbox); buf.push("\n"); buf.push("select="); buf.push(formData.select); buf.push("\n"); buf.push("check="); buf.push(formData.check); alert(buf.join('')); }; var dialog1_cancel = function(){ this.cancel(); } dialog1.cfg.queueProperty("buttons", [ {text: "送信", handler: dialog1_submit, isDefault: true}, {text: "キャンセル", handler: dialog1_cancel} ]); dialog1.render(); YAHOO.util.Event.addListener("show", "click", dialog1.show, dialog1, true); }; YAHOO.util.Event.addListener(window, "load", init); </SCRIPT> </HEAD> <BODY> <P><A id=show href="javascript:;">ここをクリックするとDialogが表示されます</A></P> <DIV id=dialog1> <DIV class=hd>ダイアログヘッダー</DIV> <DIV class=bd>ボディー部分にフォームを書く <FORM onsubmit="return false;" action=/ method=post> <INPUT name=textbox> <SELECT multiple name=select> <OPTION value=select-1>select-1</OPTION> <OPTION value=select-2>select-2</OPTION> <OPTION value=select-3>select-3</OPTION> </SELECT> <INPUT type=checkbox value=1 name=check>1 </FORM> </DIV> </DIV> </BODY> </HTML> 起動時にdialogの設定をしておくと"送信"、"キャンセル"のボタンが 表示されるのですが、ボタンクリック時等にvisible: trueにして 上記を実行すると、"送信"、"キャンセル"のボタンが表示されなくなってしまいました。どうすればよいかアドバイスを頂けますでしょうか。宜しくお願いします。