..::amici::..

everything, anything
 
HomeCalendarPortalFAQGalleryMemberlistUsergroupsSearchRegisterLog in

Share | 
 

 pop up wind0w on ur page..

Go down 
AuthorMessage
Admin
Admin
Admin
avatar

Female
Number of posts : 294
Age : 30
Location : italy
Registration date : 2007-11-17

PostSubject: pop up wind0w on ur page..   Tue Dec 11, 2007 9:57 am


Arrow Arrow Arrow Sample of popup window
Code:
<a href="javascript: void(0)"
onclick="window.open('popup.html',
'windowname1',
'width=200, height=77');
return false;">Click here for simple popup window</a>
Idea Now you can open a simple window, also this function can have different features of that window to appear.
Syntax
window.open([url], [Window Name], [Feature List], [Replace]);
👍 Feature List:
Quote :
Arrow Property Default value Description
Arrow width auto specifies width of the new window in pixels
Arrow height auto height of the window in pixels
Arrow top auto specifies window position
Arrow left auto specifies window position
Arrow directories no should the directories bar be shown? (Links bar)
Arrow location no specifies the presence of the location bar
Arrow resizable no specifies whether the window can be resized.
Arrow menubar no specifies the presence of the menu bar
Arrow toolbar no specifies the presence of the toolbar
Arrow scrollbars no specifies the presence of the scrollbars
Arrow status no specifies the presence of the statusbar
👍 for specified popup window
Code:
<a href="javascript: void(0)"
onclick="window.open('popup.html',
'windowname2',
'width=200, \
height=77, \
directories=no, \
location=no, \
menubar=no, \
resizable=no, \
scrollbars=1, \
status=no, \
toolbar=no');
return false;">Click here for specified popup window</a>
👍 Fullscreen popup window
The fullscreen parameter is supported only by Internet Exploer browser.
If you need to open fullscreen popup window in all browsers you need to use this modified function:
All browsers fullscreen popup window
Code:
<script type="text/javascript">
<!--
function popup(url)
{
params = 'width='+screen.width;
params += ', height='+screen.height;
params += ', top=0, left=0'
params += ', fullscreen=yes';
newwin=window.open(url,'windowname4', params);
if (window.focus) {newwin.focus()}
return false;
}
// -->
</script>
<a href="javascript: void(0)"
onclick="popup('popup.html')">Fullscreen popup window</a>

👍 Centered popup window
To open new popup window in the middle of the screen we should know the size of a window and resolution of the screen. On the basis of these data, we will calculate values for the top-left corner.


Code:
<script type="text/javascript">
<!--
function popup(url)
{
var width = 300;
var height = 200;
var left = (screen.width - width)/2;
var top = (screen.height - height)/2;
var params = 'width='+width+', height='+height;
params += ', top='+top+', left='+left;
params += ', directories=no';
params += ', location=no';
params += ', menubar=no';
params += ', resizable=no';
params += ', scrollbars=no';
params += ', status=no';
params += ', toolbar=no';
newwin=window.open(url,'windowname5', params);
if (window.focus) {newwin.focus()}
return false;
}
// -->
</script>
<a href="javascript: void(0)"
onclick="popup('popup.html')">Centered popup window</a>

:midfinger: you can easily copy paste t0 ur FS pr0file or add t0 ur JS EXT.. enj0i em..
Arrow for PREVIEW CLICK ME

_________________
SHARE ME

Back to top Go down
View user profile http://amici.forummotion.com
 
pop up wind0w on ur page..
Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
..::amici::.. :: friendster Adds On-
Jump to: