I know this can be done with media-queries in CSS3, After attaching the jQuery library, I used js to get the width of the window browser-viewport) and store that in a variable.
What I was aiming to do was write a <title></title> for the page and attach a stylesheet through <link /> using js only when the window's height was greater than 596px. So, I wrote the following:
I have a web form that needs to be printed for signatures. Problem is the form is just a bit too big and always prints on two pages. Is there a meta tag that will tell the printer to print the document on one page...or is there a meta tag I can use to print at 80%?
Does anyone know how - or better yet - have a sample of how to extract information from a meta tag in an HTML document's head tag using Javascipt?
I have looked at the DOM with Firefox - but it seems so long. I'd be really interested in a better way. If someone has the javascript for walking through the DOM, that would be cool too. I havn't built it yet.
I have a requirement to hit a page, run some JavaScript, and move on to another page. It's uncertain whether the user actually has JavaScript enabled, so I can't use JS to effectuate the move to the second page. Here's what I've got:
My question: will the JS run before the refresh to page2.html? I tested this with an alert() in the script and it seemed to work fine. I just thought some of the W3C gurus out here might be able to give more authoritative answers.
I have documents that I want to automatically add additional meta tags to. The documents already have some meta tags and I want to keep them all together, so I want to add my new meta tags to the end of the existing ones... can someone help me out with a script to do this... example below.=
I was wondering if there is some other way to turn autocomplete off besides using "autocomplete=off", using a meta tag or something similar. It would be great if there is some way to turn it off at a page level....
I have a web page which takes a while to generate due to serverside processing. I currently show a "please wait" page, which includes a meta refresh tag, as well as a refresh http header, to refresh the current page every X seconds to check if thier data is finished processing. They're also provided a manual link to click to refresh the page, just in case thier browser doesn't like automatic redirection.
I think this works great for just about all users. But I have this idea that it would be nice if I used ajax to check back with the server instead of making the browser reload the webpage. I want this to be an enhancement of functionality, so that users without javascript or ajax capability still fallback on the solid current functionality. This means I need a way to stop the browser from obeying the http refresh header and meta tag. Is such a thing possible with javascript?
I need to create a table where each element has certain specific properties.
For example, elements in the first column should always have a range of 0-100, and increment by 1. Elements in column 2 might have a range of 0-360, and increment by 0.1. Altogether there might be 8 elements in each row.
Since this is basically the same javascript function over and over, I wonder if there is a way to create some <input> element that might contain this knowledge in a way that javascript can access it.
where the javascript function could retrieve the class value?
Since this is going to be fairly complex, I'd like to make it fairly self-documenting and simple. It's much easier for a maintainer to understand class="precent" than "javascript:blah(0,100,1,event)", especially since I am also going to have to pass navigation information (is this a border element in the table? what are my neighbors? kind of information... - so that the actual information might end up being javascript:blah(0,100,1,5,21,16,18,0,1,0,0,event) to denote the data type, the 4 neighbors, and the 4 border conditions....
I'm working for a company as a consultant and i'm trying to upgrade their jQuery version to the latest available (1.7.1). Previously they were able to do a selection such as $('a[name*=word<>word]') without any problems, however, after upgrading to 1.7.1 the selection is invalid even when escaping both meta characters with a double backslash ( $('a[name*=word\<\>word']) ) - I know the best solution would be to just change the selection based on something else like a class name, but this is something they are using across the whole site and we have a deadline for this.
Is there a way to call a javascript function in a meta refresh statement? I'm refreshing my page but if I have data in my fields I don't want to loose them. If I can call using a JS function then in that function I can call the Submit function and save my data in the called script.
I am using PHP & mySql to grab the title and description that I have stored in a table in the DB.
I am trying to dynamically change the <head> <title></title>, as well as <meta name="Description" content="" /> .
I used document.title to change the title. I see the title changing in the browser, but when I click on view source in the browser to see it int he code, the title is empty. How can I also see it in the code?
Is there a way to load up an external JS file outside of the head tag? I've got an "AJAX" web app that's loading several pages simply by changing the innerHTML property of a single div. The JS source is getting to be rather large, so I'd like to split it up into manageable, organized portions. Is there some way to, using javascript or PHP, load another javascript into the browser dynamically?
Does anyone know of a way to insert new css code into the page head with javascript after the page has loaded? So that the html and dom are still correct?
insertAdjacentHTML or innerHTML are not very good solutions I guess... Nor document.write. Could it be done with appendChild?
Why does some javascript have to be in the head tag and some don't? I want to be able a pop up with a cookie without having to have code in the head tag AND a call in the body tag (to pop up onload). Is there a way where I can stick everything in the body tag?
my initial understanding is that it's better to link to external scripts in the head of the document rather than at the end of the document. There are hassles with <head> links, though, such as having to prevent the script running until the page is loaded.
Often I see scripts linked near the end of the <body> section, which seems to have some advantages.
Would anyone be interested in listing / discussing the pros and cons of both approaches? Is linking to scripts at the bottom of the <body> a bad thing? I'm interested in this not only from a convenience point of view but also from a best-practice angle.
Is it absolutely necessary to put the JavaScript code in the HEAD? I have a lot of JavaScript code in the BODY and they all appears to be working just fine. What is the downside of putting JavaScript code in the BODY? What can go wrong?
Sometimes you can not avoid putting JavaScript code in the BODY. Like for instance, when you provide your members with a HTML code for a poll and the code has JavaScript in it.
I am attempting to add a style tag (and some styles) within the head tag. I have attempted this using two methods and both failed in IE (InnerHTML and appendChild). The append child method i tried looks likeCode:
function addStyles(styles) {
var newStyleTag = document.createElement('style'); newStyleTag.setAttribute('id', 'extraStyle');
var head = document.getElementsByTagName('head')[0];
head.appendChild(newStyleTag);
var oStyles = document.createTextNode(styles); document.getElementById('extraStyle').appendChild(oStyles);
}
So i am basically just Creating the style tag and giving it an idappending the style tag to the headCreating a new text node and appending it to the style tag It is failing on the last append child. The inner HTML method was failing on about the same part.
