I am working a project where I am using two monitors and using
HTML/Javascript to display the information I want.
I have my main stuff on the main monitor, but when each page loads, I want
an image to load fullscreen on the second monitor as well. I am using
800x600 resoution on both.
If I use:
function openWindow()
{
mainWindow = window.open("thispage.htm","pagename","fullscreen=yes");
}
that works fine for the main monitor.
I have then tried to use the second monitor to open an image by using the
same type of thing:
function imageWindow()
{
openImage = window.open("image.jpg","imagepage","fullscreen=yes");
openImage.moveTo(801,0);
parent.focus();
}
I am trying to use it with the onload command as well:
<body onLoad="imageWindow();">
I am passing arguments to these functions but simplified it here.
Anyhow it will only open it full screen on the first monitor. I can position
it and move it to the second monitor if it is not full screen just fine.
Is there any script out there that will allow me to launch a full-screen window (without any title bar) in both NS and IE? I have found scripts that work only in IE, but is there one that is compatible with NS also?
I have a j query sideshow and i want to put a link in slideshow page to view the slide show in full screen like in this site [URL] you can view the full screen by clicking the button on top right corner the problem is this site is in flash but we need this functionality in html.One more thing that i want to view in parent window not in popup or new window.
I've attempted to get Cycle to function as a full screen slideshow.I love Cycle for it's simple clean code, and easy implementation and also powerful options.However, when I resize my browser window, even with OnResize events in place, the Cycle plugin usually maintains the images at the size of the onload event.So I ask you, as a meager and humble creative who loves to do front end dev... how can we get Jquery cycle working at full screen and with browser window resize?nd while these both are interesting and very useful, the code is very strict and the galleries are a "swiss army knife" combination of things, easily broken, and a little proprietary
I'm creating a full-screen window in javascript. I"m not interested in debating whether or not a full-screen window is good or not, or any of the other philosophical diarrhea, I just need an answer to getting rid of the scroll bar... Trust me, in this case it NEEDS to be full-screen and it SHOULD NOT have any scrollbars. This is being done on a PC running Windows 7, 64-bit, IE 8, and EVERYTHING is up-to-date. The window gets created fine, but there's an empty scroll bar on the right side. ALL I want to know is how to get rid of the scroll bar so this works AS STATED IN THE DOCUMENTATION......
i got a video which have buttons to play, pause and stop.i wanted to add a button to enlarge the video to full screen, is there anyway to do it in JS?for my buttons i use it like that:[code]
I need to display a set of images. NOT a slideshow that automatically changes, but a very simple display, one image at a time, that moves to next or previous by mouse click or arrow.
I can retrieve the set of filespecs in php with no problem. And I've got the setup in php to display the file, one at a time.
I"ve figured out how to open a full-screen window in javascript.
What I need (I started in php and they sent me over here for specific javascript info), is to put everything together...
1. I'd LIKE to automatically set the resolution on the system to 1024x768. I've been told html and javascript can't do that, so it'll have to be done by the user.
2. I figured out how to open a full-screen window in javascript.
3. What I need is to display the image from php and have it show up in the full-screen window I created. Then it just sits there until the user presses an arrow key (or hopefully something with the mouse) to go to the next (or previous) image. Back to php for the next file and display...
Once the last image in the set is displayed I'd like to have the window I created go away, sending me back to the screen from which all that got started...
So, as far as I know, the two things I need to know are how to display an image in a particular window from php. And, how to get mouse-clicks and/or arrow keys back to php so I can use them....
I have a small dillemma I'm trying to solve involving javascript and I was curious if anyone here might be able to tell what the issue is. I'm redesigning my portfolio, and I have a page that involves popup windows, which can be seen at www.souledesign.net/final_site3/portfolio_flash.html. When I click on an icon, it pops up a window successfully. However, the height value I have inputted for the window is ignored, and the window automatically sizes itself vertically to the full height of the web browser.
The code that I've placed on the button that pops up the javascript window looks like this:
This should open a simle XHTML document sized to 496x70px, containing a Flash movie that is displayed using swfobject javascript. unfortunately, the window ends up resizing itself to a height that fills up the entire page rather than properly sizing to 70 pixels.
I have an emagazine i want to add to my website, the probelm is when it opens in a browser you have to sroll down the page, to view it all, what i was wondering is, is it possibe to create a link that when somebody selects to view the magazine it forces the browser to openin full screen mode so that it fits niely on the screen without the toolbars and evertything taking up half the page.
I've created website with Win Media Player video clips playing on web pages including full screen view button inserted - works well on IE.
Now, I've created JavaScript file for insert video clip on web pages so most different browers to be able to work well (due to accessibility - W3C Validator who refuse to hug and love EMBED tags!). Code:
I need to know when the client enters fullscreen mode and can't figure it out. I've tried to create an alert when self fullscreen equals yes but can't get the alert to work. code...
Is there a javascript function that switches a browser into full screen mode? I've had a little look in the mozilla DOM reference but can't see anything.
I have a page, which is actually a photo gallery with a table having 3 rows. First row shows the full screen size pic. Second row displays the Caption of that image and third row shows thumbnail view of six different images and the previous and next button.this is the sample layout:
<table> <tr> <td colspan=8>
[code]...
My requirement is whenever the user click on the thumbnail view, which is in the 3rd row, the corresponding full screen size pic should open in 1st row of the table.As my photo gallery should be having more than 6 pics, lets take 20 pics, I want to show only 6 thumbnails in 3rd row at a time. Whenever user press "Next" button the 3rd row having 6 thumbnails should show other 6 thumbnails and previous button should show previous 6 thumbnails.
I am completely new to jQuery, and I don't even know how to approach or implement what I am trying to do.Before the home page of a site I've developed appears, I want the logo of the company to appear on the screen, then fade out to reveal the web page with full functionality.I also could do this be fading out the logo to reveal a static image of the home page which then could redirect to actual home page.
I am developing a website in which I will support two screen resolutions ( 800X600 & 1024X768 ) by using two different stylesheets for better browsing experience. I need a code to detect resolution and then putting the desired stylesheet in page code at request time. If there is any server side language to be used with it then I can use PHP.
I have a site up and running called www.kalahari.co.za which points to www.kalahari-adventures.co.za As the business depends on adventurous people seeing images of the place, the bigger the better. So I have designed the site to show one static background pic to each page. I sorted out a problem of different browsers by have a hidden index page that looks at the monitor a viewer has and decides that if you have a 1024 x 768 monitor it then opens a page index1024.htm that has the appropriately sized background pic.
Now I said to my client he would get better search engine ratings if we created 3 sites and the existing site is spread over those sites. Anyway I have done all that only to discover from High Rankings Advisor (highrankings.com that search engines have now cottoned onto this (competitors complaining I suppose). But I'm going ahead anyway.
My problem is that I have put all my keywords and descriptions on the 1024 pages. But if a person sees that page in a search engine clickt to view it and has a 800 x 600 monitor then my script is not going to work.
I have tried putting my index page script onto all the pages (see script below), but when I open a unique page it looks for the index page in the folder where that doc is situated. I suppose a quick and dirty would be to direct the viewer back to the index page which will then activates the scrpt (see below) that checks for the right monitor size.
I would prefer the viewer to stay on page. So If someone who knows Javascript can rewrite the script so that A) it looks at the name of the page. And B) once it sees that page's name it has to then look for that same page in the appropriate folder and open that page. (folders are docs800, docs1024 and docs1624)
The problem is that I can't have the same index page script because at the moment if the script is on the page I am trying to open, it loops forever.
How do I sort this out?
This is the present script on the index page.
<script language="JavaScript"> <!--// hide bad old browsers var s800x600page = "index800.htm"; var s1024x768page = "index1024.htm"; var s1152x864page = "index1264.htm"; var s1280x720page = "index1264.htm"; var s1280x960page = "index1264.htm"; var s1280x1024page = "index1264.htm"; var pagetype; if ((screen.height == 600) && (screen.width == 800)) { pagetype = 2; } else if ((screen.height == 768) && (screen.width == 1024)) { pagetype = 3; } else if ((screen.height == 864) && (screen.width == 1152)) { pagetype = 4; } else if ((screen.height == 720) && (screen.width == 1280)) { pagetype = 4; } else if ((screen.height == 960) && (screen.width == 1280)) { pagetype = 4; } else if ((screen.height == 1024) && (screen.width == 1280)) { pagetype = 4; } else { pagetype = 2; } if (pagetype == 2) { window.location.href = s800x600page } else if (pagetype == 3) { window.location.href = s1024x768page } else if (pagetype == 4) { window.location.href = s1152x864page } else if (pagetype == 4) { window.location.href = s1280x720page } else if (pagetype == 4) { window.location.href = s1280x960page } else if (pagetype == 4) { window.location.href = s1280x1024page } //--> </script>
I design but programming is still in my dreams ...
I am running client (browser) side Javascript, and would like to somehow be able to detect whether some Javascript code causes any changes to occur to the DOM model.
Is there any way to do this? For example, with some kind of try/catch block?
Is there a way to monitor a newly opepend child window with opener, even when the page keeps reloading ?
Say window A opens window B and gives it a name/handle "myWindow". At this point anywhere in window A, we could say myWindow.location.href to find out where the child is.
But what if someone was to take window A to another site, and than return using history button, OR reload it completely.
upon load the var myWindow would get executed again, and it seems like the handle would be lost. I tried to see if there was a window.children collection that might still hold window B in its subset, but was not able to find a way thus far.