I have a perl script that i use to render a html page. In that page i call out a stylesheet. If the user has a 800x600 display the fonts are really too big.
Since screen resolution is a function of the client and I have this javascript ot detect the srecc size:
function ck_res()
{
if ( (screen.width != 1024) && (screen.height != 768) )
{
alert(" This graphic is best viewed at 1024 x 768 ! ");
// use a different stylesheet
}
}
How would I go about changing the style sheet that is being called on the page?
write a PHP script that detects the user's viewport width, and I am guessing stores this in a variable, then checks if it is less than or equal to 1024px using an if statement and if so attaches a certain stylesheet, lets say alternative.CSS, but in the else part of the statement; therefore, if the viewport width is greater than 1024px, it attaches or links default.css
I am using @font-face tag in my website. Everything works fine in Mac, Vista and Win 7, but fonts are incredibly ugly in XP. This is because font anti-aliasing is kept at very primitive level by default. In my opinion, the best way through this problem is to make a JS to change style according to user's OS. If it is Win XP, a simple stylesheet is used, if it is not- the standard one. I am using PHP embedded in HTML (index.php, rather than index.html) everywhere, so this complicates things a little. I am trying the following script, but it does not work:
<script type="text/javascript"> <!-- var browserInfo=string; browserInfo=navigator.appVersion; if (browserInfo.indexOf("XP")=-1) { document.styleSheets[0].href="style-xp.css"; } [Code]....
Does anyone know the best way to detect and track a visitors screen resolution. I know the javascript to detect the users resolution but I am a bit confused on the best way to track and save this. Should I save it to a database or is it easier to save it to a text file?
All I want to do is to resize my background image say bg.jpg as per the visitor's screen resolution.On internet, I did find working javascripts but they used the if (width= height= ) thing.
im building a web application in asp.net. i was wondering if there is a way to set the screen size automatically on the clients monitor to 1024*768 when they enter the application and return it to its original size on exiting the application.
I've been looking at Eli's object.watch [URL] script and I understand the idea of it and what it does but I'm so confused about how I actually use it in my script! Even if this seems quite obvious to most, I'm just not seeing it I might even be trying the wrong approach to it entirely and object.watch isn't what I actually need to be using!I've got my script here:
Now as you can tell, the server load will be pretty high with the mouse move constantly calling data from the fetch.php page through AJAX. SO, what I'm trying to do is only call upon the AJAX when the variable "block" changes it's value. So I assume, I have to somewhere store a value, and then when the value changes check it with the stored value, but of course, the stored value will always change to the new value too since it's all determined by constantly changing variables? So how would I get it to only call the AJAX section when the block number changes?
I want to do something but here is an example. (That explain much more) : Here you have a toolbar called content-header. It change from position:static to position:fixed if it leave the screen. (whan you scroll down) I want to do the same thing with my first <tr> : That way on a my long table you will never loose the title of each columns. I tried to copy this website by using his stuff but it didn't work.
is it possible to display a different website according to the browser's screen resolution? For example, is it possible that in the body onload you put a code, and then you have all three different websites listed in the file, and the code analyzes the screen resolution, then chooses the appropriate website?In my situation, I can't have a screen which pops up and asks for the resolution - it just wouldn't work. So, is it possible?
I'm looking for a way to detect form change in jQuery. For exemple Idisplay a big and dynamic form pre-filled with values and splitted intabs.I would like that when some form values in a tab is changed an iconappears showing that a save is needed. I also would like to have analert if the user click on the menu without saving.Is there an existing plugin or has someone already done this kind ofthings ?
I know 800x600 screens occupy a shrinking part of Web surfers, but I want to accommodate them by offering an alternate style sheet where my site pages don't break when someone from this smaller group visits. Yes, there are examples of how to do this on the Web, but I have one more requirement and don't know how to code it. Not only do my pages break on 800x600, they also break if the browser widow is sized smaller on a 1024x768 screen. (I'm studying css that will dynamically respond to this but I'm not there yet.) Do I just need an appropriate if/or statement to deliver different style sheets? Is there even a JS that detects browser window changes?
I have some legacy code that creates an image carousel and outputs AFTER the document head has been output - the CSS for this was being aded to a style block within the <body> which although worked is not compliant. I am trying to use jquery to set the css, but one part if failing. This is the original css :
#div_tab_one a:hover { .... } #dic_tab_one .selected a {...}
How can I inject this css ? the selected class is set by some YUI code and rotates through the carousel setting/unsetting the "selected" class.
Here is my contact form:my contact formhen you click the GMAIL logo, a contact form pops out. When you click submit, I would like the box to change shape to fit the 'thank you' message I have made. An example is the video below (except it is done with a log in form).Video example:DropShots.comActual webpage:SoundCloud - Your Sound, At The Heart
I am using CSS text-shadow but of course IE doesn't like it. I've looked into some methods for achieving the same effect in IE, but it's not at all the same so I've opted for another method..I'm going to have two layers. In layer1, it will be standard text, shadowed with CSS. I then screenshotted that and will use the resulting jpeg for layer2.I was then planning to find a script that:1. Detects if browser is IE2. If IE, layer2 is visible, layer1 is invisible3. If not IE, layer1 is visible, layer2 is invisibleThe problem is that I can't find a simple script to detect if the browser's IE or not. I can find loads of scripts that check what version of IE someone's using. The version isn't important!
I have this code that displays all vertical buttons for sharing my content however I want to display horizontal buttons if the user is using a smaller window size. It will have a different div and some of the code wil be changed i.e. "data-count="horizontal".
It would be awesome to also do this via my external JS file so it is not inline.
But that is not essential.
Also using fluid width CSS is not an option due to my having a sidebar with ads that can't be changed in size.
I'm relatively new to jQ and would like to determine if a named window is already open. If it is then I want to change focus to that window/tab. The scenario is this. I have a link in App1 that opens a new window to an already existing linked (related) web form in App2. If the user forgets they have that window open in App2 and clicks the same link in App1 as before (to open the related form in App2,) it opens a window that is not the same window as the original window. I need App1 to detect if a window already exists in the browser of the same name and if so, change the browser focus to it.
I've created a checkbox and radio button replacement plugin (URL...), and I'm trying to be as thorough as possible.One situation that I have yet to solve is if a button is given the attribute checked="checked" through some external function. I'm not sure of how to detect this event so that the replacement image is also updated. The .change() method only works when the user actually clicks on the button.The reason I am trying to work this out is because I am adding support for disabled buttons as well. From what I've seen, there are plenty of situations where a button is disabled until a user either selects something else, or fills in required info, etc., and then it is enabled (most likely through the removal of disabled= 'disabled '). If the developer has already worked that in, I don't want the implementation of my plugin to affect that. It should just work automatically.I do check the states on page load, but i'm not running any sort of loop to constantly look for changes.
I've already developed a system for doing this which isn't perfect i'm wondering if there is a better solution. Here is the code I got atm.
[Code]...
I don't like the use of key == 8 and length == 1 to detect that chatmsg box is empty, but the event triggers before the val() of the chatmsg actually changes. So is there nothing better I can do?
I want to use jquery to detect what type of browser you are using and display a link to a .wmv file if you are on IE or display a link to a .mp4 file if you are any other type of browser.I have this script declaration in my <head> section.
Can Javascript be used to detect a certain url and then "not" write some html according to that url and also detect something on the page and "then" display some html?.
Example: I'm working on a volusion site that uses asp. There's basically only one page that's changed dynamically. I would like to display some html when and only if the cart has any items in it. But also not to show up on the check-out pages.
The page dynamically displays "Your cart has 1 item in it..." when the visitors puts something in their cart.
So could javascript detect when this is displayed then write some html and then also detect if the url is showing the cart and then not show the html?