The actual width of the browser window can be in a variety of DOM locations based on the browser:
width = window.innerWidth
width = document.documentElement.clientWidth
width = document.body.clientWidth
to mention a few.if the DOM also holds information about the width of the printed page?
I've been trying to install a new shopping basket system to my wordpress site called Easy Basket. Eventually I've managed to get it up and running on preview pages and the homepage but the basket doesn't display on any other pages?Apparently Firebug relays a 404 error file can not be found when Ajax Get tries to write the basket into the page.Here is the coding installed into the head section
HTML Code:
<link rel="stylesheet" href="/easybasket/skins/default.css" type="text/css"/>
HTML Code:
<meta name="easybasket" content="showhide=yes" />
<script type="text/javascript" src="/easybasket/easybasket.js"></script>
When i print a page from my localhost or web, the html link information is printed at the end of the page. How can disable it?
View 4 Replies View RelatedDoes anyone know of anyway to detect if someone prints a page?
I've tried putting an ASP.NET tracking file in between the print media .css file but it seems browsers request all css files whether they're printing or not, so that wont work.
Is there any way to detect this using Javascript?
How do I ensure a page is printed with landscape setting?
View 1 Replies View RelatedI have everything working accept the last part and I don't know what to do.function show() works and shows data entered in text box.function open_win() works,but I only need it to open when there is a input match say like the name Tom,otherwise I want function show() just to show the input.
Currently the new window opens every time the button is pressed needs to match input string only before window opens and then string print to window I think these two lines are the problems(whatever the input) document.getElementById('myDiv').innerHTML = string; And var bselect= "Tom" open_win(); I think I need to set var to the string printed to page to solve the last part. how to I get the blank window to the center of screen,as it covers the data in the function show.
Below is my code thus far :
<html>
<head>
<title>Input</title>
<script>
[code]...
I'm working on a client's site and I decided to use a slider [URL]... it can be seen there as I develop it.
Here's the problem: If you refresh the page enough times, the table that contains the slider will go SUPER wide, it will go 2400px wide in fact. 2400px is the combined width of all my images.
When I followed the tutorial here on jQuery.com that value was originally set to 99999px ... you can imagine that before I changed that value, the table forced the page out to 99999px wide ... annoying.
Why not just adjust the width to the size of one image? Well I tried that. Each image is 600x300 so I set the width to 600 the result was ... WHOOPSIBROKEIT. The images stack all on top of eachother and slide together. I've noticed that when it happens it also throws off the alignment of the top portion of the site, for instance my center tags -- I'll be looking to see if maybe something outside of the plugin is causing it.
[Code]....
I'm coding my new website, and to save bandwidth, i'm letting users link to their own avatars, so I want to resize any images over 150px wide so it doesn't mess up my layout - simple, right? Well, you'd think so, but I don't know any javascript, so i've scrapped this together with what little I know:
var obj=document.getElementsByTagName("img");
for(var i=0;i<obj.length;i++){
if(obj[i].className == "avatar") {
if(getElementWidth(obj[i]) > 150) {
obj[i].style.width = 150;
[Code]...
I need it to check all elements (well, images - but only images will be using it) for a width of over 150px, and, if it is - change it to 150px
I'm am (to say the least) useless with JavaScript. I need to script that will automaticly resize an image that has no ID to be no more than 380px wide and a scaled hieght. E.g if the image was originally 760px wide and 100px high, then the resize one would measure 380x50.
View 5 Replies View RelatedI have an exploded string from database which I want each part of it to be printed on the screen one after the other the first one appeer on the screen for a period of time then disappear and the second one will appear in the same place of the first one after disappearing.
View 2 Replies View RelatedHow can I remove the URL information that is printed at the bottom of the page when a Web page is being printed ? Can this be done by Javascript or any programming method ?
View 8 Replies View RelatedI've searching a lot since then I started programming in jQuery. To now I got stucked and I didn't found anything. I developed a login code that works like a charm, but the trouble is: If the user mistype his login or password he got a message and a Try Again link, that looks like:
[Code]...
But, somehow, when I click in "Try Again" it do a very weird act. It actualy shows the form, but don't hide the errors messages how it shoult (see next code) and when I submit it the page reloads and the form is empty and working.
want to print some data using dot matrix printer on pre printed receipts,am using PHP and MYSQL database am getting data FROM DB , now am not getting how to align it, how to print using java script, exactly on those boxes on pre printed reciepts , please any provide me the code
View 3 Replies View RelatedOK so the basic stylesheets comprise about 800 lines of code and look about as fragile as Trump's ego; I don't understand what most of these CSS selectors actually refer to and I'm intimidated about breaking something.I need to make a smaller (less width, 230px wide to be exact) version of the audio player.[URL]
View 2 Replies View Related[Code]...
when i load page it does nothing only blank page, may have code in wrong place but not sure so can someone show me a working example so i can find out what i'm doing wrong also i would like the part of page to refresh evey 120 seconds is this possibe with jquery?
I have a frameset like:Quote:
<frameset rows="100,*,80" border="none">
<frame src="header.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
[code]....
I loaded page in div , usign jquery ajax
But the page which i loaded containg this code:
HTML Code:
To refresh all page index.php to redirect it to home.php
But the problem this, it's don't refresh all page which contain the div , but it's refreshed oly in the div wuch i loaded this code in it
So i want after i load this code in index.php div , then refres all page to redirect itto home.php
I've got 2 pages: a current events page and a past events page the current events page loads fine as there is only about 10 events the past events page takes about 30 seconds to load and will crash if u click your mouse in the loading time.
The pages are near identical the only difference is the query that selects the events (> versus <)
The page loads immediately without:
But when i put it back in the above happens. I'm using jQuery.roundedcorners.
I am using a Jquery/PHP/MySQL login script which is supposed to display an error or success message when the user enters their username/password and also if the username/pw is successfull go to a secure page. Right now as I have it coded, this isn't working properly. Basically nothing is displayed either way.Also,wasn't sure if I just needed to replace, the ?secure-page part with the file name of the page I want to go to if successful?Here is the code as I have it now.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>[code].....
I'm trying to use the cookie plugin to remember the state of a navigation menu from page to page. Here is the snippet of code from towards the top of my page where I am including the jquery files and cookie plugin. The second part of the sample tries to determine whether the cookie exists.
[Code]....
I am working on a page that will load in other pages using AJAX and the .html method. Something like this :
<span id = "edit">Edit</span>
<div id = "cont">
</div>
//the click edit script
[Code]....
Unfortunately this does not seem to work, entirely. It does trigger the click event but it messes up the post for some reason. I have played around with it for the last 45 minutes or so and it seems like the click event trigger is what is messing things up, if I comment it out it works fine. Could anyone tell me why they think this is? note this is an over simplified version of my actual code, but the structure is the same.
On my webpage, I dynamically create an iFrame when a button is pressed, then load a html page from within my own domain into the iframe, based on what html page is loaded into a variable. My question is, can I dynamically change the font family of the loaded html page from the javascript of the main page? My code to create the iframe is:
function setSubTxt(){
var par = document.getElementById('parentDiv');
par.innerHTML = '<iframe src="'+subTxt+'" style="width: 375px; position: fixed; height: 365px; left: 400px; top: 145px; border=none;" name="subIframe" frameBorder=0></iframe>';
frames['subIframe'].window.location=subTxt;
document.subIframe.document.body.style.fontFamily = "Arial";
[Code]....
the variable "subTxt" has the url of the html page to be loaded (always on the same domain). The code: document.subIframe.document.body.style.fontFamily = "Arial"; was my attempt to dynamically change the font, but it didn't work. Also, it should be noted that there is no font family set in the html pages which would override this.
I have an webbpage, and in the middle of it there is an iframe to a php site. So i have used this code, so after some seconds the iframe will send the guest to another page. <meta http-equiv="refresh" traget="_top" content="5 url=http://mypage.com"/> But the thing is that i want the WHOLE page to reload, and go to that page after 5 seconds (we can say). With that code, only the iframe are going to another page. Is it possible to make the whole page send the user after some seconds, to another page and not only the iframe?
View 1 Replies View RelatedIt is possible to perform a find in page search that looks at a specific link, opens the page in a new window and finds the text within that document?? Basically I regularly use an html page in work that has a list of people and their telephone numbers. I want to be able to type in a searchbox on my main page and it open the target page and find the name I am looking for? Is this possible or can you only Find In Page on the same page or another frame?
View 1 Replies View RelatedI have the following bit of jQuery:
Code:
$("#save_photos_all_continue").click(function() {
event.preventDefault();
var $black_white_all = $("#black_white_all").is(':checked');
var $color_all = $("#color_all").is(':checked');
var $other_all = $("#other_all").is(':checked');
[Code]...
In Google Chrome it works fine but in Mozilla/5.0 it actually goes to the save_edits page instead of just using the post and staying on the original page.
I have an html page that uses javascript to open a new window and
display a file that gets created when a button is pressed.
My problem is when the file is changed and the display button is
pressed, the old file is still displaying. I have tried using
<META HTTP-EQUIV=expires CONTENT=0><META HTTP-EQUIV=PRAGMA CONTENT=NO-CACHE>, but doesn't work 100% of the time.