javascript - div に関連して jAlerts を配置するにはどうすればよいですか?

Question

入力という div があります。この div の横に jAlert を表示するにはどうすればよいですか?

jAlert: http://www.smooka.com/blog/2009/02/22/jalert-jquery-alert-box-plugin/

Answer 1

次のコード サンプルを使用して、jAlert の css を手動で設定できます。 1. まず、jAlert ライブラリが使用する uid を取得する必要があります。2. 次に、jalert_overlay_ 要素の css を設定するだけです。

 if (uid == undefined)
    {   //generate an unique ID
        var d = new Date();
        var uid = d.getMonth()+""+d.getDate()+""+d.getHours()+""+d.getMinutes()+""+d.getSeconds();

        }

$("#jalert_overlay_"+uid).css({
                                              top: 0, 
                                              left: 0, 
                                              width: overlayWidth, 
                                              height: overLayHeight, 
                                              position: "fixed",
                                              display: "block",
                                              background: "#000",
                                              zIndex: "1000"
                                          })
                $("#jalert_overlay_"+uid).css("opacity", 0.7);

これがお役に立てば幸いです。ご不明な点がございましたら、お気軽にお問い合わせください。

Answer 2

これを試して ：

var divInput= $("#input").position();

$("#jAlertId").css('position','absolute')    //if position is not absolute already
$("#jAlertId").css('top',divInput.top+2).css('left',divInput.left+2);   //+2 or whatever figure u need