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 RepliesI would like to create a layer banner similar to the one sitepoint uses to advertise it's books.
View 2 Replies View RelatedI've been looking all over the place in order to find a script like they use on Foliostars, where you see a sliding semi-transparant text layer over a thumbnail image when you hover. how to achieve this using JS or an Ajax framework (preferably JQuery)?
View 2 Replies View RelatedLayer writing in Netscape. This is pretty straightforward >> However I'm trying to write to a <div> layer within a <div> layer.
My div:
Code:
<div id="blah">
<div id="aight">
</div>
</div>
I'm trying to write to "aight"
How should my code look?
If slideToggle()'s parameters were expanded to include a separate callback for sliding up and sliding down. Or for backwards compatibility, perhaps include an optional boolean parameter in the callback to more easily discern between a slideUp and slideDown operation.
View 1 Replies View RelatedI have created a floating layer using Javascript that remains always on top of page on scrolling.Issue is,at some point while scrolling,the layer flickers continuously.
The html page is as follows:
Many common software systems, JavaScript has a history of security problems. Many of these problems could allow a person with malevolent intent to steal sensitive information from a visitor. The number and type of such holes in security vary among browsers and operating system versions. Most JavaScript security holes have been caught and fixed, but new ones are being discovered all the time. For a list of current security holes check out your browser's and operating system's Web pages. As a Web site author, it is your responsibility to keep up-to-date on the current status of known security holes in the applications you create.
Signing Scripts. In Chapter 11, I explained that JavaScript does not provide the ability to directly access files on the client computer. This can be a very large hurdle to overcome if you're trying to upload a file to a server from the client computer. Fortunately, file uploading is one of many functional enhancements that signed scripts provide. Signed scripts are specially packaged scripts that have been verified and signed to be correct and non-threatening. These scripts have additional rights on the client computer that allow a programmer to do many things that he wouldn't otherwise be able to.
With the introduction of Netscape 4.0, a new security model was put in place that would allow digitally signed scripts to bypass some of the restrictions that had previously been placed on them. A signed script can request expanded privileges from the visitor and, with the visitor's permission, gain access to restricted data. A signed script requests these additional permissions through LiveConnect, which allows your JavaScript code to communicate with the Java Capabilities API. The security model allows JavaScript to access certain classes in Java in order to extend its functionality while still maintaining tight security for the client.
A digital signature is a fingerprint of the original programmer, and it allows the security model of the browser to detect where (or from whom) it originated. A script signer can be a person or an organization. By signing a script, you acknowledge yourself as the author and accept responsibility for the program's actions. A signed script contains a cryptographic checksum, which is just a special value that ensures the signed script has not been changed. When a digital signature is detected, you are assured that the code has not been tampered with since the programmer signed it.
Once you finish writing a script, you can use the Netscape Signing Tool to digitally sign it. Signing a script does the following:
Unambiguously assigns ownership of the script to a person or organization.
Allows an HTML page to use multiple signed scripts.
Places the signed script into a Java Archive (JAR) file.
Places the source of the script in the JAR file.
Once a user confirms the origin of the script and is assured that it has not been tampered with since its signing, he or she can then decide whether to grant the privileges requested by the script based on the validated identity of the certificate owner and validated integrity of the script.
JAVASCRIPT FILE IS AS FOLLOWS:
AND CSS FILE IS AS FOLLOWS:
At some point while scrolling,the div 'movable' flickers continuously,while at some other point,it is perfectly stable.
Would you like me to guide how do I raise a JS Popup like we are shown when we receive a new PM with the option of opening it in a new window as well as the same ole' window.
View 10 Replies View RelatedWas just wondering if anyone can tell me what effect is being used on this sitepoint page [URL]Half way down this page theres a navigation panel with links Top Sellers | Latest | Design...When you select one iof these links the page loads and then displays the products, can someone tell me what kind of jquery is this?
View 2 Replies View RelatedWas there a sitepoint blog post or article that covered the methods used to implement the sitepoint.com home page book frame? (frame at btm of page with book promo)
View 3 Replies View RelatedI noticed that the computer that I used when I signed up for Sitepoint's newsletters does not pop-up that subscription window anymore. But, when I go to SitePoint using any other computer I get the pop-up window almost everytime I return to the site.
Is there a script that does this... and if so, where can I get it? I would love to use that on a new site we are creating.
i like to know the java script that used in logout link of the sitepoint site
as i know its a java script which works when the user click on the logout link(onclick function)can u explain how the window colour change when the logout link work,do we need to chage the whole page or is it a one line command,enyone explain,i want to use this kind of a thing in my asp pages.
I really like the sitepoint popup that pops up at the bottom, it looks nice and is unintrusive. I want to make a popup like this but instead of triggering it when I first load the site I want it to show up when I move my mouse cursor to the top outside of the website real estate.
I am experienced with PHP but this really is a JS thing.
I have the mega menu implemented on several sites. The implementations are based off of the tutorial on the site. I just found out that the menu will not work in Safari 2.0 on the Mac. I guess there are still users out there refusing to upgrade.
Using the latest jquery library it won't work at all. If you use the 1.2.3 version as does the hoverintent plugin website it will work except it doesn't display correctly. It seems it shows the hidden div, but doesn't render the background color. I set up a test page here using the example from the tutorial on the site:[URL]..
My site pages are now html4/strict so I used the "function externalLinks" script found here [URL]. I followed the instructions carefully, made sure I copied the script shown to the external.js file and uploaded it into the same directory as the html files. Also made sure that external.js was called as required in the head. Also made sure all target="_blank" were changed to rel="external" as required. Unfortunately, it doesn't work. The link takes the visitor outside my site, instead of creating a new window. I don't get it. Here's one of my pages ... [URL]
View 3 Replies View RelatedI 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>
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 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 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?
I 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]....