Apple's New Website And Its Usage Of Js?
Jan 27, 2011
I noticed that Apple updated their website. In this thread I asked what people's thoughts on it were, but one of the main things I noticed in the mac and or the iPod pages is that the content elegantly spreads outward form the centre and fades in when the document is loaded.
So, I have a few questions, How would one do this? I know the fading can be done with jQuery, but what about the fanning-out form the centre? And also how the fade order is from top to bottom not what loads first is one of the aspects that makes it elegant, I believe. How would one do this?
View 1 Replies
ADVERTISEMENT
Mar 14, 2011
I was looking for a similar Dropdown (Help, Account, Cart) like on Apple Store. Could not find anything out there which works on Hover. The Layer should support also DIV and not only UL (LI). Note: Check the line with "Welcome to the Apple Store"
View 1 Replies
View Related
Mar 24, 2011
Re-create this Apple lightbox effect.
View 12 Replies
View Related
Aug 30, 2007
Is there an easy way to get the animation style used in the Apple dashboard widgets that flips the widget over to reveal the 'back'? [code]
View 13 Replies
View Related
Nov 28, 2011
I am using the Cycle plugin in several slide implementations on my website here:
[URL]
I have recently upgraded the Safari browser on my desktop (Apple Mac Mini running OS X 10.5.8) to Safari 5.0.6 and noticed that the Cycle plugin completely breaks in this version of the browser. My laptop, a Powerbook running OS X 10.4.11, has Safari 4.1.3 installed and the Cycle plugin works absolutely perfect in this version.
I have upgraded the linked JQuery library to version 1.7 as hosted on the JQuery web server [URL] and have even gone as far as downloading the Cycle Lite .js file and hosting it on my own server. None of this solves the plugin breaking in Safari 5.0.6; seeing as I have no issues using the plugin in Safari 4.1.3, I am assuming that this is an issue with the Cycle code as it is being called in Safari 5.0.6
View 4 Replies
View Related
Mar 24, 2009
Here is what I am currently using for a script:
<script>
function detectBrowser()
{
var browser=navigator.appName;
var navindex=navigator.userAgent.indexOf('Safari');
if (navindex != -1 || browser=='Safari') {alert("The Apple Safari browser does not calculate correctly.)"}
</script>
And for this to work when the page loads, I use:
<body onload="detectBrowser()";>
Basically, I have received Emails from people stating that my website calculators are off by a factor of 100 for anyone using the Apple Safari browser. Since, my website calculates correctly in Internet Explorer, Netscape, Mozilla Firefox, Opera and Google Chrome, I feel this is an Apple Safari problem. Anyway, the above code seems to work okay, but it generates the pop-up when people are using Google Chrome. Is there any way that the script can be changed so that it only pops up when loading Apple Safari?
View 8 Replies
View Related
Apr 24, 2009
For simplicity and debugging, I attempt to display an apple when the mouse passes over the center of an image.In IE, the mouseover hand shows as the mouse passes over the center of the image and the apple is displayed.In FF, the mouseover hand shows as the mouse passes over the center of the image but the apple does not display.(By the way, I'm certain the showhide function is fine,
<div id="Core" style="position:absolute; width:209px; height:115px; z-index:4; top:212px; left:28px; visibility: hidden"><font color="#000000"><img src="apple.jpg" width="125" height="140"></font></div>[code]....
View 3 Replies
View Related
Jul 23, 2005
The question has to do with the use of popup
windows in a web page. I have heard that popup
windows should be avoided; due to use of popup
blockers and browser that do not process javascript.
Is the use of popup windows bad design?
Will it severly reduce the usage of our web page?
Note, The popup windows are created using only
onClick events, not onLoad or onClose events.
Do popup blockers make any distinction between
the two?
View 3 Replies
View Related
Jul 23, 2005
Can someone help my syntax?
var z=myForm.myInputTag.value.string().replace(" ","-");
I would expect the above to allow z to take the value of an input tag
(called myInputTag) and replace spaces with dashes...
It doesn't change the string - nor do I get errors in the Mozilla
javascript console...
View 4 Replies
View Related
Jul 20, 2005
I'm really hoping someone out there can help me with an unusual,
frustrating XP problem that I just can't seem to fix.
When certain web pages are opened with my Internet Explorer 6, it
causes the CPU to jump up to 100% usage, and my computer comes to
almost a halt. The culprit, according to Task Manager, is always
IEXPLORE.EXE, or at least one of the IEXPLORE.EXEs if there are
multiple instances.
I've noticed a common thread to virtually all sites that cause the
CPU to run at 100% -- Javascript. Pages containing Javascript are
virtually always the problem. Examples:
1) almost all pop up windows
2) Yahoo! Mail
3) Match.com Searches
4) All Music Guide
I'm not a computer expert at all, so I've only done what I can think
of, or what has been suggested to me. I've checked/removed
spyware/malware with multiple pieces of software (Spybot, etc.) I've
defragged. I've checked for viruses using both NAV and PC-cillin.
I've used my System Mechanic program to go through almost all
fixes/maintanance/optimizers. The only thing i haven't been able to
do is Windows ChkDisk, because it gets stuck every time I try to use
it.
View 1 Replies
View Related
Jul 20, 2005
I'm used to C/C++ where if you "new" something you really need to "delete"
it later. Is that also true in javascript? if i do "mydate = new date();"
in a function and dont "delete mydate" when the function exits do i have a
memory leak or other trouble brewing?
ie:
function MyFn() {
var mydate;
mydate = new date();
}
does the above function present a problem (what if its called over and over
and over etc)? or is the allocation automaticaly freed on function exit?
View 2 Replies
View Related
Jul 4, 2009
I'm writing a very complex javascript application and I'd like memory usage to be as low as possible, so I've got a question about objects.
I'm using jQuery and my code is a bunch of jQuery plugins that interact with eachother. Will there be a difference in memory usage if I declare functions like this:
I haven't written anything in javascript as complex as I'm about to write, so I never worked with objects. As far as I understand, $.fn.whatever will add function to prototype, while $.whatever will add function only to one entry of jQuery object.
So question comes down to this: when jQuery object is being created, are functions in it being copied (meaning increase in memory usage) or does javascript only make references (meaning no significant increase in memory usage) to one main entry of that function in prototype?
View 3 Replies
View Related
Mar 17, 2011
My original fiddle for a solution used a separate callback function which just called def.resolve().However I then remembered that I've seen other code simply pass "def.resolve" as a callback in its own right. I tried this instead, and it works (see http://jsfiddle.net/Nyg4y/3/).This got me wondering - how does this work? As I understand it for this to work at all the value 'def.resolve' must be specific to 'def'.This suggests that it is actually a (reference to a) closure holding a reference to 'def' in its scope. Is my understanding correct, and if so is this behaviour guaranteed?
View 2 Replies
View Related
Apr 13, 2010
I have a simple page and a javascript that measure the time the user has spent on a page and I want that variable to pass as a link to another page (php). I'm stuck (rookie) with how to actually pass that on in the link.Here's my code:
<?php session_start();?>
<html>
<head>
[code]....
View 2 Replies
View Related
Jan 16, 2009
I am using this code load a file from server to display in to a div.
Code JavaScript:
function getHTTPObject() {
var xhr = false;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
[Code]...
I want to use the same script but apply for a button, clicking the button, a file called from server will display in the div "ask_seller". Since button has no href attribute, I don't know how to name the file that going to be called(or I don't know what is the usage in this case)
View 4 Replies
View Related
Feb 4, 2010
I am fairly new to javascript but I am an experienced php programmer. I have been parsing XML information using php, but my CPU usage has been too high recently due to this. I am trying to convert my scripts to javascript, but I am unsure how I can do this using javascript. I think that if I get started off, the rest will be easy.
One of my XML files is located at
Code:
http://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=bbcradio1&api_key=c910b0bc1e2d4e64964ebcd2d69c255c&limit=500
Basically I have been trying to grab the Name, Artist and large image of the most recent <track>.
View 3 Replies
View Related
Aug 23, 2011
I have a really long application so i'm trying to minimiza cpu/memory usage,with each function, therefore I have a few simple questions.
1. on elements added after the page has been loaded,is there a difference between putting "onclick" inside the element tag or using jquery's delegate like the following example?
$("#mainchatwindow").delegate('img[func="gift"]','click' function....
2. does it make a big difference selecting an element with a full path like (#body #contentdiv #userstbl td.example)or just typing (.example) ?
3. I have 2 arrays of objects, both objects has an id attribute, one of then objects are the images on the page, the second one is an ajax result with updated images.will it be better to first loop threw both objects just to create new arrays with just the id's instead of looping the threw those big objects? like this:
Code:
if (data.online)
var online_length = data.online.length;
else[code]..........
View 1 Replies
View Related
Jul 7, 2011
Working with two URLs:
Working: [url]
Trying to get to work: [url]
Issue: Received project from previous developer who left. The working URL generates a table chart using Javascript after you have entered a valid address/zip code. I haven't been able to determine why I can't get the "schoolfinder-business.asp" URL to generate a table chart using Javascript. I believe the issue is related to something in the function GetDirections, but I cannot pinpoint the issue.
View 1 Replies
View Related
Oct 15, 2010
Where can I get javascript documentation for offline usage?
View 1 Replies
View Related
Mar 3, 2010
Am using the jQuery datepicker and am having a heck of a time setting the date in it.I declare my datepicker with:
Code:
$('#datepicker').datepicker({
inline: true,
[code].....
View 1 Replies
View Related
Jul 23, 2005
What is meant by "element"?
When mouse is moved over "element" at x,y, is that "element" the entire
image or something else?
My thought would be to simply retrieve the thumbnail name or other ID and
use that to identify which large image to show.
Any reasons why NOT to use this property?
View 2 Replies
View Related
Jan 13, 2012
Is there a way to check the page for invalid usage (e.g. text boxes using .text which doesnt exist)? I originally thought I could use the .data("events") but then realize that .text and .val isn't an event which is pretty obvious but I'm stuck now. I already know my selector is $('input[type="text"]') but is there any way to see if anywhere on the page is improperly calling .text()?
View 2 Replies
View Related
Nov 22, 2009
My AJAX script runs fine on IE and Opera, but in firefox memory usage raises exponently (sript processes text, more text I use, more memory needed... when I use up to 1000 words, it takes 2 GB RAM on Firefox, while few mb on IE and Opera only).
Is there some way to track memory leak?
View 1 Replies
View Related
Dec 6, 2011
I have this web-app which can also be used offline. However, some content is dynamic (it depends on the user input). What I do now to have it accessible offline, is to store this content into localStorage. However, this works great for text, but what about images!
I've seen examples on the web where the base64 representation of the image-data is used, which is text and can be stored. But how do you get the Base64 of raw image data client-side ?
What would be the preferred way (Assume we don't have a File API) ?
View 5 Replies
View Related
Mar 30, 2011
how to build (or implement) a "carousel" like the one on the Apple App Store, for example, on Dreamweaver? I have done a bit of research and landed on "YUI Carousel" as the thing that I am referring to, but I could be wrong about that of course! I am not sure if anyone has seen the Apple App Store for Macs, but they have a very beautiful "widget" (the carousel) that has a big banner-like image of some App, then it automatically cycles/rotates to the next and so on in a very clean fashion. I have found one that is quite similar here on this website: [URL]
Is there any tutorial out there that walks through with this? I really like the one on that amazon site, it has 3 "slides" and just rotates through them automatically on its own. NOTE: I should say, I am using Dreamweaver to build a site and wanted to know if there was a way to include this on a page? Is there a way to include this on a page like one would include (let's say) the shadowbox "widget" -- simple cut and paste of code, then editing what you want and putting specific files and such in proper places?
View 5 Replies
View Related
Nov 15, 2010
I have a list for example
<ul id="applications">
<li id="id-1" class="util"></li>
<li id="id-1" class="app"></li>
<li id="id-1" class="util"></li>
<li id="id-1" class="app"></li>
</ul>
Then I want a select some of the list with some animate effect, first the all of the elements would disappear, then the elements that I wanted would display one by one the code:
$('#applications li').each(function (index) {
setTimeout(function (e) {
e.hide("slow");
}, index * 100, $(this));
});
$('#applications li[class="app"]').each(function (index) {
setTimeout(function (e) {
e.fadeIn("fast");
}, index * 100, $(this));
});
The final effect is that all the elements would disappear first but the element I wanted would not display? Then I think about the queue,before I use it I change a little about the code:
$('#applications li').each(function (index) {
setTimeout(function (e) {
e.hide("slow");
}, index * 100, $(this));
});
$('#applications li')
.each(function (index) {
setTimeout(function (e) {
e.fadeIn("fast");
}, index * 100, $(this));
});
The yellow part is the different from the former one, the effect is that all the elements would disappear first, then all the would display again without any problem!
View 3 Replies
View Related
