Message Boards

popup display image

thumbnail
akash rathod, modified 12 Years ago.

popup display image

New Member Posts: 22 Join Date: 10/6/11 Recent Posts
hi friends
i am trying to display my image in popup dialog.


<button id="akash">Show All</button>


<aui:script>

AUI().ready('aui-dialog', function(A) {

A.one('#akash').on('click', function() {
	var html = "<img src="&quot;/html/12812.jpg&quot;">";

	var dialog2 = new A.Dialog(
			{
				header: 'display image',
				title: 'Dialog',
				bodyContent: html,
				position:[150,150],
				modal:true,
				width:500,
				height:300,
				xy: ['center', 100],
				
			}
			
		).render();

});	
});


</aui:script>




but getting exception

Current URL /poller/receive generates excep
tion: null
and this log.

        var searchFriends = A.one('#_2_WAR_socialnetworkingportlet_searchFriends
');

        if (searchFriends) {
                var parent = searchFriends.get('parentNode');

                parent.plug(
                        A.Plugin.IO,
                        {
                                autoLoad: false
                        }
                );

                searchFriends.all('a').on(
                        'click',
                        function(event) {
                                var uri = event.currentTarget.get('href').replac
e(/p_p_state=normal/i, 'p_p_state=exclusive');

                                parent.io.set('uri', uri);
                                parent.io.start();

                                event.preventDefault();
                        }
                );
        }
})();(function() {
                        Liferay.Portlet.onLoad(
                                {
                                        canEditTitle: true,
                                        columnPos: 4,
                                        isStatic: 'no',
                                        namespacedId: 'p_p_id_2_WAR_socialnetwor
kingportlet_',
                                        portletId: '2_WAR_socialnetworkingportle
t',
                                        refreshURL: '\x2fc\x2fportal\x2frender_p
ortlet\x3fp_l_id\x3d10900\x26p_p_id\x3d2_WAR_socialnetworkingportlet\x26p_p_life
cycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\
x26p_p_col_pos\x3d4\x26p_p_col_count\x3d5\x26p_p_isolated\x3d1\x26currentURL\x3d
\x252Fweb\x252Fbruno\x252Fprofile\x253Fp_p_id\x253D31\x2526p_p_lifecycle\x253D0\
x2526p_p_state\x253Dnormal\x2526p_p_mode\x253Dview\x2526p_p_col_id\x253Dcolumn-1
\x2526p_p_col_count\x253D5\x2526_31_struts_action\x253D\x25252Fimage_gallery\x25
252Fview\x2526_31_folderId\x253D12801'
                                }
                        );
                })();(function() {
                                new A.CharCounter(
                                        {
                                                input: '#_3_WAR_socialnetworking
portlet_comments',
                                                maxLength: 4000
                                        }
                                );
                        })();(function() {
                        Liferay.Portlet.onLoad(
                                {
                                        canEditTitle: true,
                                        columnPos: 1,
                                        isStatic: 'no',
                                        namespacedId: 'p_p_id_3_WAR_socialnetwor
kingportlet_',
                                        portletId: '3_WAR_socialnetworkingportle
t',
                                        refreshURL: '\x2fc\x2fportal\x2frender_p
ortlet\x3fp_l_id\x3d10900\x26p_p_id\x3d3_WAR_socialnetworkingportlet\x26p_p_life
cycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\
x26p_p_col_pos\x3d1\x26p_p_col_count\x3d5\x26p_p_isolated\x3d1\x26currentURL\x3d
\x252Fweb\x252Fbruno\x252Fprofile\x253Fp_p_id\x253D31\x2526p_p_lifecycle\x253D0\
x2526p_p_state\x253Dnormal\x2526p_p_mode\x253Dview\x2526p_p_col_id\x253Dcolumn-1
\x2526p_p_col_count\x253D5\x2526_31_struts_action\x253D\x25252Fimage_gallery\x25
252Fview\x2526_31_folderId\x253D12801'
                                }
                        );
                })();(function() {
                Liferay.Icon.register(
                        {
                                forcePost: true,
                                id: '_newwall_WAR_newwallportlet_ratz'


                        }
                );
        })();(function() {
                        Liferay.Portlet.onLoad(
                                {
                                        canEditTitle: true,
                                        columnPos: 0,
                                        isStatic: 'no',
                                        namespacedId: 'p_p_id_newwall_WAR_newwal
lportlet_',
                                        portletId: 'newwall_WAR_newwallportlet',

                                        refreshURL: '\x2fc\x2fportal\x2frender_p
ortlet\x3fp_l_id\x3d10900\x26p_p_id\x3dnewwall_WAR_newwallportlet\x26p_p_lifecyc
le\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-2\x26
p_p_col_pos\x3d0\x26p_p_col_count\x3d2\x26p_p_isolated\x3d1\x26currentURL\x3d\x2
52Fweb\x252Fbruno\x252Fprofile\x253Fp_p_id\x253D31\x2526p_p_lifecycle\x253D0\x25
26p_p_state\x253Dnormal\x2526p_p_mode\x253Dview\x2526p_p_col_id\x253Dcolumn-1\x2
526p_p_col_count\x253D5\x2526_31_struts_action\x253D\x25252Fimage_gallery\x25252
Fview\x2526_31_folderId\x253D12801'
                                }
                        );
                })();(function() {
                        Liferay.Portlet.onLoad(
                                {
                                        canEditTitle: true,
                                        columnPos: 1,
                                        isStatic: 'no',
                                        namespacedId: 'p_p_id_wallactivity_WAR_w
allActivityportlet_',
                                        portletId: 'wallactivity_WAR_wallActivit
yportlet',
                                        refreshURL: '\x2fc\x2fportal\x2frender_p
ortlet\x3fp_l_id\x3d10900\x26p_p_id\x3dwallactivity_WAR_wallActivityportlet\x26p
_p_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dco
lumn-2\x26p_p_col_pos\x3d1\x26p_p_col_count\x3d2\x26p_p_isolated\x3d1\x26current
URL\x3d\x252Fweb\x252Fbruno\x252Fprofile\x253Fp_p_id\x253D31\x2526p_p_lifecycle\
x253D0\x2526p_p_state\x253Dnormal\x2526p_p_mode\x253Dview\x2526p_p_col_id\x253Dc
olumn-1\x2526p_p_col_count\x253D5\x2526_31_struts_action\x253D\x25252Fimage_gall
ery\x25252Fview\x2526_31_folderId\x253D12801'
                                }
                        );
                })();(function() {
                        Liferay.Portlet.onLoad(
                                {
                                        canEditTitle: true,
                                        columnPos: 0,
                                        isStatic: 'end',
                                        namespacedId: 'p_p_id_1_WAR_chatportlet_
',
                                        portletId: '1_WAR_chatportlet',
                                        refreshURL: '\x2fc\x2fportal\x2frender_p
ortlet\x3fp_l_id\x3d10900\x26p_p_id\x3d1_WAR_chatportlet\x26p_p_lifecycle\x3d0\x
26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3d\x26p_p_col_pos\x3d0\
x26p_p_col_count\x3d0\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fweb\x252Fbruno
\x252Fprofile\x253Fp_p_id\x253D31\x2526p_p_lifecycle\x253D0\x2526p_p_state\x253D
normal\x2526p_p_mode\x253Dview\x2526p_p_col_id\x253Dcolumn-1\x2526p_p_col_count\
x253D5\x2526_31_struts_action\x253D\x25252Fimage_gallery\x25252Fview\x2526_31_fo
lderId\x253D12801'
                                }
                        );
                })();(function() {
                        Liferay.Portlet.onLoad(
                                {
                                        canEditTitle: true,
                                        columnPos: 0,
                                        isStatic: 'end',
                                        namespacedId: 'p_p_id_145_',
                                        portletId: '145',
                                        refreshURL: '\x2fc\x2fportal\x2frender_p
ortlet\x3fp_l_id\x3d10900\x26p_p_id\x3d145\x26p_p_lifecycle\x3d0\x26p_p_state\x3
dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3d\x26p_p_col_pos\x3d0\x26p_p_col_cou
nt\x3d0\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fweb\x252Fbruno\x252Fprofile\
x253Fp_p_id\x253D31\x2526p_p_lifecycle\x253D0\x2526p_p_state\x253Dnormal\x2526p_
p_mode\x253Dview\x2526p_p_col_id\x253Dcolumn-1\x2526p_p_col_count\x253D5\x2526_3
1_struts_action\x253D\x25252Fimage_gallery\x25252Fview\x2526_31_folderId\x253D12
801'
                                }
                        );
                })();(function() {
        Liferay.Util.addInputType();

        Liferay.Portlet.ready(
                function(portletId, node) {
                        Liferay.Util.addInputType(node);
                }
        );
})();(function() {
                var layoutOptions = {};

                if (!themeDisplay.isFreeformLayout()) {
                        layoutOptions = {
                                dragNodes: '#main-content .portlet-boundary',
                                dropContainer: '.portlet-dropzone',
                                dropNodes: '.portlet-column',
                                emptyColumnClass: 'empty',
                                handles: ['.portlet-title', '.portlet-title-defa
ult'],
                                invalid: '.portlet-static',
                                nestedPortletId: '_118_INSTANCE',
                                portletBoundary: '.portlet-boundary'
                        };
                }
                else {
                        layoutOptions = {
                                dragNodes: '#main-content .portlet-boundary',
                                dropContainer: '.portlet-dropzone',
                                dropNodes: '.portlet-column',
                                emptyColumnClass: 'empty',
                                freeForm: true,
                                freeformPlaceholderClass: 'lfr-freeform-layout-d
rag-indicator',
                                handles: ['.portlet-header-bar', '.portlet-title
-default', '.portlet-topper'],
                                nestedPortletId: '_118_INSTANCE',
                                portletBoundary: '.portlet-boundary'
                        };
                }


                        Liferay.once(
                                'initLayout',
                                function() {
                                        Liferay.Layout.init(layoutOptions);
                                }
                        );

                        var mainContent = A.one('#main-content');

                        if (mainContent) {
                                mainContent.once(
                                        'mousemove',
                                        function() {
                                                Liferay.fire('initLayout');
                                        }
                                );
                        }


                Liferay.once(
                        'initNavigation',
                        function() {
                                new Liferay.Navigation(
                                        {
                                                layoutIds: [1,2],
                                                navBlock: navBlock,
                                                hasPermission: true
                                        }
                                );
                        }
                );

                var navBlock = A.one('#navigation');

                if (navBlock) {
                        navBlock.once(
                                'mousemove',
                                function() {
                                        Liferay.fire('initNavigation');
                                }
                        );
                }
        })();(function() {
        new Liferay.Menu();

        Liferay.Notice.prototype.setClosing();


                Liferay._editControlsState = 'visible';

                if (Liferay.Util) {
                        Liferay.Util.toggleControls();
                }

                Liferay.Poller.init(
                        {
                                encryptedUserId: 'iIkMWD21mUY=',
                                supportsComet: false
                        }
                );

})();(function() {
                                Liferay.Session.init(
                                        {
                                                autoExtend: false,
                                                timeout: 30,
                                                timeoutWarning: 1,
                                                redirectOnExpire: false
                                        }
                                );
                        })();

                                        }
                                );

                // ]]&gt;

10:03:23,342 INFO  [PortalImpl:3829] Current URL /poller/receive generates excep
tion: null
10:03:23,345 INFO  [PortalImpl:3841]


plz help.
thumbnail
akash rathod, modified 12 Years ago.

RE: popup display image

New Member Posts: 22 Join Date: 10/6/11 Recent Posts
i try with this .....

ant it's working//

<script type="text/javascript">	
AUI().ready('aui-dialog', function(A) {

	A.one('#akash2').on('click', function() {
		var scrt="/html/12812.jpg";
		
		var html='<img src="/html/12812.jpg"/> ';
		var dialog2 = new A.Dialog(
				{
					header: 'display image',
					title: 'Dialog',
					bodyContent:html,
					position:'center',
					modal:true,
					
					xy: ['center', 100],
					
				}
				
			).render();

	});	
	});
		


</script>