I have this javascript that checks screen resolution and opens a custom css file depending on the results and its working fine if I run it from an html version of my site. What I want to try and do is add this script to my header.php file. header.php currently uses this code to define the css style:
Code:
<style type="text/css" media="screen">@import "<?php echo $this->getStyleSheet('style.css')?>";</style>
The javascript I want to use is in a file called detect.js that looks like this:
Code:
$(document).ready(function() {
if ((screen.width>=1400) && (screen.height>=1050)) {
alert('Screen size: 1400x1050 or larger');
$("link[rel=stylesheet]:not(:first)").attr({href : "style.css"});
}
else {
alert('Screen size: less than 1024x768, 800x600 maybe?');
$("link[rel=stylesheet]:not(:first)").attr({href : "style1.css"});
}
});
So heres what I tried but it didn't work instead it just loaded the page without a template.
Code:
<?php echo '<script type="text/javascript" src="jquery.js"> </script>';
?>
<?php echo '<script type="text/javascript" src="detect.js"></script>';
?>
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.
I'm using the following function to access elements with specific attribute values in an XML file. These elements then also have child elements, which contain the required data to be rendered as HTML. Code:
I'm trying to write a function that rotates images with a fade. The function work properly, however I can't make the images fade back in. The fadein function won't add to the .style.opacity Here's the code with the php
I'm a photographer and my web designer is temporary unreachable at the moment and I need to urgently add hyperlink to my site. My site is html and currently I can add new things by editing an existing xml such as the following:
[Code]...
Now I would like to add a hyperlink to it, maybe on Sample description can be changed to Click to Visit with a link to it. I think the xml file is connected to a .js file so if it's relevant you can review the code here [URL]
I am trying to make it where someone can upload a .csv file, and I want to allow them to add multiple ones if they need more than the two that are already there.
The problem with that is once they choose a file or two on those first two, then click the add a new field, it does add the new field so it works, but then the files they chose are gone, so now they have to rechoose them. every time.
I inherited a site that has jscript and html content. The site frame (top and left nav) are controlled by the jscript file. Most all of the content that is displayed when links or topics are selected is placed in the center of the page. I need to put some scrolling text in one of the top frame blocks, (the section that is java script file).
function buildMenus(){ var headerString = ""; var leftnavString = ""; var footerString = "";
[code]....
I have a couple of jscripts that do the scrolling I want, I just need to know how to insert it in the above section.
Any body succeed in adding file browser option to standard CKEditor developed completely with JavaScript.I have followed the link [URL]. it is too complex to understand.If any succeed with this or adding file browser option to simple notepad app
I'm a CSS and PHP developer, finding myself using jquery and AJAX more and more, of course, and learning a little about it as i go. but only a little. :o)i have a client who's asked me to add an image upload feature to a simple comments post script i've "built". i can see, kind of, how this jquery is posting the form text inputs, but have no idea if this thing can even be made to post a file at the same time.Hoping someone might add a function for me to do this if it can be done?
$(document).ready(function(){ /* The following code is executed once the DOM is loaded */ /* This flag will prevent multiple comment submits: */
My understanding had been that $.css("width") would return the original user selected style, eg "100%" or "10em", and $.width() returned the computed width, always in "px". Not so, following the code through for .css(), it calls something called getComputedStyle and the only difference between the two functions turns out to be a post-fix of "px" on the .css() result - not very useful. I need to know whether my user has called me with a proportional dimension, or a fixed one. How to tell with jQuery?
This is probably quite a simple problem but I can't figure out the answer. I'm working on a site that has news stories and events coming in. What I would like is to have the news stories to be styled with squares and events with discs for instance. I might be able to change the actual plug-in so the CSS affects this change, but I just wondered how I could change the list-style-type with jQuery.
if I have an html page that uses the <style> or a <link> to call a style sheet these properties aren't available to JavaScript is there a good way to access them? eg
<html> <head> <title>expandable text area</title> <style type="text/css">
I have a <input type = file> button for uploading a file in my php page. As soon as i select a file from the button, i need the file data to be displayed so that i check whether the file selected has the correct data. How can i do this.
I'm having a problem when I uncheck the box it should subtract the amount from the total which it does kind of. It subtracts a number other that one selected. When I put a alert into the function it pops up with the right amount.URL...click on "comps"uncheck the box under the zillow table.it should remove the amount of SqFt under the little table under the map.The only one that I've established is the zillow.[code]
I'm writing a script and I've encountered a problem.. I have a txt file with many words, each word in a different line. For example: the file words.txt contains:
word1 word2 word3 word4 word5
I need to load the content of the file into a variable in my script. I prefer that all the words will be in the same variable with line breaks, but if you'll figure out a way to put it in an array, it's ok too. I really don't know how to do it, and I tried to google but didn't understand.. By the way, I don't want to change the txt file to js file, I need it to remain txt..
I got an [object error] from IE 7.0.5730.11 when moving the <script src="..." type="text/javascript" /tag from the <headpart to the <bodysection of a HTML file.
Is not possibile to include Javascript code via <script src="..." type="text/javascript" /from the <bodysection, instead from the <headone? If yes, anyone has any idea of which the problem could be? If not, how can I programmatically include a javascript external file inside the <bodypart of a HTML file, for example, using Javascript to some particular native functions?
is there a way to assign an event to a file input so that when a user selects a file to upload the event is triggered and i can check out the file extension? The reason why is simple, i want to perform different actions depending on the type of the file.
I'm trying to put in place a file upload validation check. So at the client-side, the User selects a file. Before uploading, at the GUI, if the file exceeds an imposed limit, it will prompt the User that it exceeds the permitted size for upload.
And if it is within the permitted size, the full file path of the file to be uploaded will then be obtained and then used for the actual upload to the Server.
My program is built on EXTJS and Java, running using Tomcat. Browser restricted to Internet Explorer 7 only.
I wanna send a file thru the JQuery.load, I want it to work exactly like the regular post without the JQuery. So I can check the $_FILES['file']['error'] in PHP and all its features like I do without using JQuery.
$("#load").load('gerenciar_itens.php',{/* This is where I wanna pass the file. */}, function(data){ alert(data); });
I have a problem with the latest version of the jQuery Form Plugin (2.80). To be more precise, I guess I am doing something wrong, and with an older version (2.67) somehow it didn't matter.With the old version, the file was uploaded without problems. Now Firefox opens a new Tab on clicking the submit button and nothing is done. Chrome doesn't open a new tab, but also nothing happens. In Wireshark I can see that there is no file attached in the POST message with the older version, the file was sent.My first guess was that my file handling on the server side is erroneous - but on the other hand, when there is no file attached, what should I handle there?
If I switch the w3schools' file with the same local file, it will not work with firefox.Does anybody know why the local file is not displayed correctly?
