Was 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 RepliesWould 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 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 would like to create a layer banner similar to the one sitepoint uses to advertise it's books.
View 2 Replies View Relatedi 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.
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 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'm looking for a way to go from one page to another, with a peel effect. Not just a small peel effect to make a advert appear, but a full peel effect. When a user click a link, the current page roll, and a full new page appears, as if he was using a book.
Is it possible with jQuery ?
I am seeking to change the color attribute in my CSS file under the ID's #realmaturesingles and #seniorpeoplemeet upon the hovering of these links. These two ID's are initialized inside an <a> tag (these are links). How can I do this with JavaScript? This is what I tried:
Code:
<script type="text/javascript">
$('#seniorpeoplemeet').FontEffect({
gradient:true,
mirror:true,
mirrorColor:"#CCC"
})
[Code]...
I'm kinda stuck with jQuery. I generally write code in PHP and do simple stuff with Javascript. But I need to make an effect on a module of my page.
[Code]...
Is this even possible? I don't want/can't preload random content and have it hidden. I could probably do this the simple way with js. Emptying the old content and replacing it with the new random content but I need the animation. I'll keep "decoding" the documentation while waiting for a response.
I was wondering if jQuery or mootools has a set of scripts that creates a page slide effect with a stationary menu? What I mean is instead of loading a page when you click a link, all pages of the website are loaded at first, and then when a link is clicked, the corresponding page slides onto the screen. The navigation menu remains unchanged (except for dropdown menus) throughout everything. This is a perfect example of what I'm looking for: [URL] I tried to search for this but didn't come up with too many great results, and I searched the jQuery documentation and wasn't able to find a slider feature.
View 2 Replies View RelatedHow would I attach a "appear on page load" javascript fade effect to a Div or Paragraph element?I'm a javascript newbie. I'm asking because the Spry effect in Dreamweaver will only OnLoad for images.[code]
View 2 Replies View RelatedI want to slide an image or a page on page load..the below is an example
[URL]
I'm relatively new to jquery, and I'm attempting to implement a "Page Curl" effect (by Elliot Kember) on my BigCommerce storefront. Here is the plugin: [URL].
Here is my storefront: [URL]
I've got the jquery referenced in my HTMLHead.html page, and my scripts are all uploaded to my folder "/turn" on my site. However, I can't seem to find the right page for placement of my 'call function':
$(document).ready(function(){
$( '#target' ).fold();
});
And the 'element';
<img id="target" src="turn/code.png">
Am I placing these on the correct pages for a proper 'call' of the scripts? There are numerous pages referenced that make-up the HTMLHead.html page, and I'm finding a hard time trying to place the jquery plugin on the right pages.
I've been doing some research on javascript's impact on the time it takes for a page to load, as defined by firebug's "Net" tab's "onload" demarcation (the red line). It seems that aside from dynamic data that's not part of the HTML, enabling javascript always slows down the page. I've checked wikipedia, yahoo, digg, even google; a javascript-enabled loading of each site shows a later onload() event compared to loading the same site without javascript enabled. My question: Can anyone think of a site that loads faster with javascript than it does without javascript?
View 11 Replies View RelatedI want to insert this star trail effect script, it works fine on blank page but star trail doesn't appear on most areas in this page and script corrupts several objects' position. How can I insert it successfully?
View 1 Replies View RelatedI want to insert this star trail effect script, it works fine on blank page but star trail doesn't appear on most areas in this page and script corrupts several objects' position. How can I insert it successfully?
[URL]
Code:
<head>
<style type="text/css">
body {overflow: scroll; overflow-x: hidden;}
.anyClass {
[Code].....
Im having a bit of trouble with the bounce show effect from jquery ui. To see what I mean, check out my development site. Anytime you modify a part in this computer builder, the rigth side gets updated. Right now its removing and adding list items. Problem is when click items too fast, the animation doesnt finish and the next item gets bumped lower and lower.
[Code]...
I am using scriptaculous effect in my script.
But it is giving following error.
Code:
It is giving Error Effect is not defined.
I'm using LavaLamp [url] for the main navigation on a site I'm building, for a subtle animated effect.
The site itself is a single-page portfolio site with 3 sections organized vertically, "Home," "About," and "Work."
The problem I'm having is that the clicked navigation does not return to its original position on each panel if I double back on it.
For example, if I'm on the Home panel, and I want to get to About, I'll want to select "About." The LavaLamp animation will ease over to the "About" link on hover, and I'll click it, then the page will scroll to the About panel, where "About" in the navigation is being shown as selected (LavaLamp has a "current" class you can apply to whatever you want to start off as being selected)...
And that's great, BUT, say I want to get back to the Home panel. I click "Home" in the nav, and I'm transported back to the Home panel - but when I was there before, I'd selected "About", and since it's all on the same page, the link is focused on "About," even though I'm on the Home panel. Make sense?
I'm not good enough at JS or jQuery to figure out how to fix this. I think what I want to happen is for every link on each panel to STAY where it was originally assigned ("Home" link will stay on Home, "About" link will stay on About, etc.), but animate on hover only.
Is there a way to write something into the LavaLamp JS to make it so the animation works only on hover, and not on active, focus, or visited?
Here's the code, can't provide a demo page, I don't have anywhere to upload it at the moment...
index.htm with an example of what each panel looks like:
jquery.lavalamp.js:
And last but not least, the LavaLamp CSS:
Forgot to add the page js:
EDITED ALSO TO ADD: Could it have something to do with this:
i am looking for a tutorial or example file i can download that features the following mouseover effect: [URL] i have tried googling for tutorials and have tried to view source on the above page but when pasted into dreamweaver i cannot seem to get the effect to work.
View 5 Replies View RelatedI am using a javascript code to refresh a page.
<code>
window.location.href="";
</code>
this code refereshes the whole page and focus goes at the top of the page but I want the focus of the page at the same place where I perform refresh. Actually I am using AJAX to submit a form, a form opens through ajax request but I need to refresh the page to take the effect of the dynamic data, which is being saved,updated or deleted on the page. So is there any way where focus of the page remains there when I refreshed the page
I have a JQuery script that gives a neat effect on the navigation and want to include a simple fading slideshow on the same page.Any script I have tried for the slideshow either uses JQuery or Mootools and it conflicts with the navigation script.Can anyone recommend a smooth fading slideshow that wouldn't conflict or suggest how I can get around this. I read a bit about 'no conflict' but don't understand how to implement it.
View 3 Replies View Related