Am struggling with speed on my site getting a overall grade of F from Yslow..
I read that moving JS into the footer can help this.. how would i go about it? I found a plugin that was supposed to do this but I don't think it works with wordpress 9 cause am still getting a F for Javascript
I am trying to create an Image menu for a site I'm working on that is rather simple in essence. When the user hovers over a button I have the menu will move left or right depending. I have not got a great deal into it yet as I have become stuck, as I'm new I figured it would be easier to troubleshoot if I build up the program bit by bit.
[Code]...
I tried to print a page using print() and it's working, the only problem is it also prints the footer which is not allowed by my boss, so is there any way to remove the footer using any kind of language code?
View 6 Replies View Related<html>
<head>
<script type="text/javascript">
var useWidth = "400px";
var speed = 250 // greater is slower;
var message = "Now is the time for all good men to come to the aid of their country. That's one small step for man, one giant leap for mankind. Ask not what your country can do for you, ask what you can do for your country. | ";
// Remember to include the vertical bar | at the end of the message(s);
var mContainer = "";
var circleMsg = "";
var prevMsg = "";
var useFloat = "";
var xV = 0;
var xL = 0;
var msgLength = 0;
function updateMessage(){
if (circleMsg == ""){circleMsg = mContainer.lastChild.data}
else {circleMsg = prevMsg}
var separatorIdx = circleMsg.lastIndexOf('|');
if (separatorIdx == -1){separatorIdx = msgLength}
circleMsg = circleMsg.substring(1,separatorIdx);
var spliceStr = message.substring(0,msgLength-separatorIdx-1);
var dispMsg = circleMsg+spliceStr;
mContainer.removeChild(mContainer.lastChild);
mContainer.appendChild(document.createTextNode(dispMsg));
prevMsg = circleMsg+'|'+spliceStr;
setTimeout("updateMessage()",speed);
}
function startCrawl(){
mContainer.appendChild(document.createTextNode(message))
setTimeout("updateMessage()",3000); // delay before crawl start;
}
function stayHome(){
var nV = 0;
var nL = 0;
if(!document.body.scrollTop)
{
nV = document.documentElement.scrollTop;
nL = document.documentElement.scrollLeft;
}
else{
nV = document.body.scrollTop;
nL = document.body.scrollLeft;
}
if (nV == 0){window.scrollBy(0,1)}
useFloat.style.top = nV+xV+"px";
useFloat.style.left = nL+xL+"px";
setTimeout("stayHome()",50);
}
window.onload=function(){
mContainer = document.getElementById('crawl');
document.getElementById('isFloat').style.width = useWidth;
msgLength = message.length;
useFloat = document.getElementById('isFloat');
useFloat.style.left = ((screen.width-30)/2)-(parseInt(useWidth)/2)+"px";
xV = useFloat.offsetTop;
xL = useFloat.offsetLeft;
stayHome();
startCrawl();
}
</script>
</head>
<body>
<Table height=񟠠' width=ör'>
<TBody>
<TD>
<Div id='isFloat' style='position:absolute;bottom:20px;overflow:hidden;height:28px;border:solid black 1px;font-size:14pt;background-color:lightyellow;color:darkblue'>
<Div id='crawl' style='padding:3px;white-space:nowrap'> </Div>
</Div>
</TD>
</TBody>
</Table>
</body>
</html>
I have a problem: I have to have a footer at the very bottom and I have to have minimal, maximal width options as well. That employs two javasripts. however, the problem is with the footer. The script puts it on the very bottom even so that you can't see it in IE.
You can to scroll down to see it. So, i minimized the height of footer so that it shows up in IE. However, again, there is blank space at the very bottom. Any suggestions how to fix it? I'm no good in JavaScript at all.
I'm using a script to display a floating menu. I don't know how to set an offset for the footer so that it does not go all the way to the bottom. I'd like a 100px margin to the bottom of the screen. Here's my code:
[Code]...
I'm trying to create my first theme and I'm new to both PHP and jQuery. I have been trying to get Superfish working on Wordpress for too long now.I have placed a directory called "js" in my theme's folder. jQuery 1.4 is in there with the Superfish, HoverIntent, and CSS files. This is the code...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">[code]....
The only thing that shows up is a list of the Pages without any CSS or fancy menu happening.
I'm trying to get isotope up and running on my Wordpress site.
Isotope works fine on its own: [URL]
But for some reason, which I can't quite fathom, it doesn't work in Wordpress: [URL]
I have been looking around on the web and cant figure out how to create a wordpress page that will read a .csv file. I would like to display the file located at http://www.spc.noaa.gov/climo/reports/yesterday.csv It updates every day and i would like for my readers to have access to this file every day.
View 1 Replies View RelatedI have a DIV element in a page with a lot of other stuff (the page can
scroll several times) absolutely positioned:
I don't know if the question is already postedI build a mini site for mobile for funny storyHow to delete the zone after footer ?I build a mini site on Samsung BadaThank for you Framework, it work very goodBut, I knwo if I can delete the zone after the footerI try with the codestyle="min-height: 677px; " in data-role="page"but it don't work.
View 1 Replies View RelatedI am attempting to use $load to load up a page footer that will be repeated in multiple pages.
The following seems to be working only on Safari Mac, but not on anything else... Can anyone point out what I did wrong? (The files and folders all exist)
[Page]
<!DOCTYPE HTML>
<html>
<head>
[Code].....
Is there any way I can stick a footer to the bottom of the browser itself, no matter the size of the browser window, ore whether the user scrolls. Its basically stuck there viewable all the time?
View 1 Replies View Relatedhow I can achieve this static footer as seen on this site [URL]
I assume its javascript which gives you the option of hiding the bar or letting it present vearious social site links etc?
The amount of information I have in the footer for most of my pages has, over time, grown enough that the footer now takes up too much space vertically. Rather than completely removing the information, I would like to strip down each section of it into a single, descriptive word, and have more info about each section shown when you click on the specific word.
Essentially, it would be a mini-menu with extended information available for each menu item. I have seen show/hide javascripts that do similar things, but nothing precisely along the lines of what I am looking for, and I haven't been able to tweak any of the existing ones as I am pretty clueless about javascript beyond very basic modifications.
The main problem for me has been how to accomplish the layout I'd like for the footer:
Section1 ~ Section 2 ~ Section 3 ~ Section 4
Extended Text for Section #
The show/hide scripts in menu form that I have seen all show the extended text under each menu item, rather than having a designated area for the it regardless of which menu item was selected. But perhaps there's something out there that is more along the lines of what I need?
Have any of you seen that footer layer that slides up from the bottom of the screen on some pages at SitePoint? I'm trying to locate a page that does it but can't seem to do so. I'm sure it's somewhat random or lays a cookie to only appear once. Anyway, I'd like to do something similar with my site. If you've seen it, you know what I mean. How can I do this?
View 2 Replies View RelatedI have tried some css & html methods to place the footer at the bottom of the page no matter at which height it will be after the javascript files will run. But I cannot do it.I tried then to adjust the position of the footer dynamically after the window has loaded and the footer is placed indeed at the end of the document, but if the document gets bigger, the footer doesn't go lower.Specifically:FILE html_test.html
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
I'm doing the design update work for a previous site, and it's done except for one thing. I want a slideshow to be on the homepage, specifically the plugin Slider Pro. I have put in the shortcode and yet the plugin does not display. Also the navigational buttons do not animate with Jquery. Strangely if I test a Jquery code in the header displaying an alert it works. I have tried disabling all plugins except for the slider one to no avail. [URL]
View 10 Replies View RelatedI've bene working on this for a while and the Wordpress people think it's a jQuery issue.So... here goes:I have the following function in a file called sec_menu.js:
var speedIn = 300;
var speedOut = 300;
jQuery(document).ready(function() {
[code]....
Has anyone used the Superfish navbar menu sucessfully with WordPress 3.0 menu manager?I have got the regular Superfish menus to work with the new WordPress Menu system, but not the navbar menu.
View 1 Replies View RelatedDoes anyone have experience using the form plugin 'jquery.form' insideWordpress and if so does this plugin have any special requirements?
Scenario I'm attempting to use jquery.form to handle a form that appears in a dialog. The arrangement works on static pages on the server, outside of WP but in the same domain.However, when the form is presented in the dialog on a WP page the submit function fails, usually resulting inthe dialog closing having not submittedthe form.
One question thatoccurred to me is how do jquery plugins respond if used withWordpress with regard to the use of "$"? Perhaps its not an issue but I wondered if it might be the cause of the problem here.
The triggering script is just the standard script with a few options added, again this works on static pages:
The php to process the form is:
Does anyone know how I could integrate this jquery plugin into wordpress?I'd like to use wordpress for posts etc and then set up two pages within wordpress to act as galleries (using this jquery gallery on each page). I'm sure it'd be possible, just need some tips on how to go about it.
View 1 Replies View Relatedhow to add a jquery plugin into wordpress. I've searched all over and can't find specific instructions...
View 1 Replies View RelatedI was wondering if someone can help me out here. I was wondering if its possible to get this Jquery Image Slider to fit a 250x250 Pixels I want to create a widget on Wordpress.[URL]..If possible in order to get this done we could move the control with the numbers on the bottom and keep the descriptions on top.
If this cant be done, do any of you know any 250x250 Jquery Image sliders. That can possibly work in this format? I'm trying to stay away from Flash much as possible.
I would like all of our intranet pages to provide a link to the site
owner... and when clicked the visitor should be able to send the owner
an email.
I was using ASP to do this (see below) but I would like to not have
use the .asp extension on all 70,000 of our pages...
Can i somehow get this (or similiar) functionality using javascript?
You will notice that a _siteinfo.txt file has to be dropped into each
directory for the code to work.
This code also generates a page last modified date... but I did figure
out how to get that info using javascript. Code:
How to design Fixed Web Page Header and footer using jquery in ASP.Net.
View 1 Replies View Related