0

ExtJS3.4でログインページを作成しています。画像があり、画像マップを作成したいので、ユーザーが画像をクリックすると外部サイトに移動します。

コードは次のとおりです。

var headerImage = new Ext.BoxComponent(
    { autoEl:
        { 
            tag: 'img',
            src: AVRMS.ROOT_CONTEXT + "/ssl/images/LoginHeader.png"
        } });

    var loginButton = {
        xtype: 'compositefield',
        id: 'cmpLogin',
        combineErrors: false,
        height: 50,
        items: [
                {
                    xtype: 'displayfield',
                    value: ''
                },
            {
            xtype: 'button',
            text: 'Login',
            listeners: {
                click: function () {
                    loginUser();
                }
            }
        }]
    };
4

2 に答える 2

0

私は似たようなことをし、このExtJSライブラリを使用しました：http ：//code.google.com/p/imgmap/ 。あなたは非常に素晴らしくて役に立つ例を見つけることができます。楽しみ！

于 2012-09-28T08:10:42.807 に答える
0

これが私が使用することになったものです：

var imageMap = "<map name='imgMap'><area shape='rect' coords='23,185,233,241' href='http://www.ohio.gov' /><area shape='circle' coords='670,201,50' href='" + manageAccount + "' /></map>";
var imageUrl = "<img src='" + AVRMS.ROOT_CONTEXT + "/ssl/images/LoginHeader.png" + "' usemap='#imgMap' />";

var headerImage = new Ext.Panel(
    { items: [
        {
            html: imageMap + imageUrl
        }]
    });
于 2012-10-12T13:31:58.963 に答える