I'm using the following to allow dynamic resixing of an image (when the usre
presses down on a button):
function widthup() {
image.width = image.width + 1;
width.innerText = image.width;
if(x==1) {
setTimeout('widthup()',0);
}
}
even when the 'setTimout' is at zero it goes pretty slowly. Any way to have
something faster?
In the Yahoo! UI event.js file I see the following quite a bit
for (var i=0,len=unloadListeners.length; i<len; ++i) {
when I always just write
for (var i=0; i<unloadListeners.length; ++i) {
Is it worth it to declare the variable len to save time evaluating
unloadListeners.length?
How can I loop the animated object with javascript?
here is the code I managed to achieve so far code...
[code]...
His there a way to do this in a better way ?
How do i implement my code so the user can't not use link before the animation is done.
I'm having trouble figuring out how to apply stop() to a function which cycles an animation.The animation changes the background by fading in, pausing, and fading out a background div.For smooth effect the animation needs to stop on completion of the fade out.
[Code]...
Maybe stopping also needs a straight js solution,
I have a problem with animation and I don't know how to solve it. It is a very easy think but I don't understand the behaviour. Let me explain: I have a loop with N iterations like this:
f
or(x=0;x<100;x++){
...
}
I have an HTML5 progress bar like this: <progress min="0" max="100" value="0" id="d2"></progress>
My target is do a task inside loop (using ajax) and update progress value every 10 loops. I add after loop an alert for debug purposes.so we have this:
for(x=0;x<100;x++){
if (x % 10){
$('#d2').animate({value:'+=[code].....
the result is the progress bar is updated with the desired animation but occurs after alert message.
I am trying to make a basic fade animation for my website [URL] using JavaScript. This is my first website, and I know how to animate via After Effects, and how to export SWF files for the website. I want to use code that is a bit lighter and can load on more browsers; like iPad etc... The effect I want to use is on my site [URL] Here is my source code: Basically I just want to fade between two jpgs on a continuous loop.
<html>
<head>
<title>Splash Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.Center {
text-align: center;
[Code]...
Why the following doesn't work??? It alert n times (with n=arrIDPortletNavigationDependent.length) the same element of the array: the last one.
function FadeOutAnyPortletAndAFTERalertTheirID()
{
for (i=0; i<arrIDPortletNavigationDependent.length; i++ ) //arrIDPortletNavigationDependent exists and contain 4 items
[Code].....
I've used the jQuery Timers plugin [URL] to animate through my client's "five steps" on this page: [URL] but is there a way to get it to continuously loop through the animation? The documentation page [URL] doesn't seem to cover anything like that.
View 5 Replies View RelatedWhat I want to do is have 5 <div>s displayed in a fixed position on my page. The divs will contain text and pictures. Only one div is displayed at a time, and every 5 seconds, the next div slides over the top of the current div (from right to left) until it is completely obscured. At the conclusion of the fifth, it starts again with number 1.
View 5 Replies View RelatedI have a button which is animated with a rollover effect, obtained through jQuery of course. I wish to open a lightbox clicking that button and I tried with a simple, self-made lightbox and with FancyBox but in either case the lightbox is displayed without animation.I post the code for my buttons and the lightboxHTML for buttons:
<ul> <li><div id="fader0"> <div class="from"><a class="products" href="#inline"><img src="images/tabproducts.png" alt="Our products" /></a></div> <div class="to"><a class="products" href="#inline"><img src="images/tabproductsHover.png" alt="Our products"
[code]....
I've been messing with this code to make a fade in animation with setTimout. The only thing is addition isn't working on the fade in. A subtraction on a negative works though. This seems strange to me.
changeit.style.opacity -= -0.01; works but when it's changed to changeit.style.opacity += 0.01; there's no fade in. It's the only thing I change. My intuition says to me it should work with addition, but maybe there's something I'm not understanding.
<html>
changeit.style.opacity -= -0.01; if this is set to changeit.style.opacity += 0.01; it doesn't work. What?
Of course this is all just for Firefox for now. If I put this in something useful I'll change it so it'll work in other browsers later.
As someone who has a web site, there is this popup (not my own) that comes
up that I can't make go away when others view the page. Is there anyway,
at least, to make sure that the parent window supersedes and is the top
lawyer vs. this smaller pop-up using javascript?
Currently I'm facing a crisis wherein I need to find a way to control an embedded pdf with javascript, in particular all I need is the search functionality in the pdf document.So basically, some pseudo-code:
Code:
<html>
<script>
[code]....
I have a few checkboxes in a form. Some of them work independently, but some make the others go on and off. Specifically the lower ones are controlling the upper ones.
<td>
<input type="checkbox" name="weddingitem1" value="Toppers" id="Toppers"/><label for="Toppers" >Toppers<br />
<input type="checkbox" name="weddingitem2" value="Champers" id="Champers"/><label for="Champers" >Champers<br />
</td>
I want to control where my visitors are coming fromSo not visiting from google or their homepage etc etc. i want them to enter the site from one specific site.
View 1 Replies View RelatedI'm trying to achieve this: when I click on the "Zgodovina_Prikaz" div, "Zgodovina_Vsebina" div should appear, which is inside "Zgodovina_Prikazj" div.
Here's the code that works now, but I have to add the "Zgodovina_Prikaz" exactly before "Zgodovina_Vsebina" for it to work.
$(document).ready(function() {
$(".Zgodovina_Vsebina").hide();
$(".Zgodovina_Prikaz").click(function() {
[Code].....
I have the following code ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
[code]....
I'm trying to control a popup window from two different pages in my main window but having troubles.
My first page (bigpage1.asp) opens a popup window called 'PopCreate'. This popup window opens a frameset with two frames; 'TopFrame' and 'BottomFrame'. While 'BottomFrame' is processing some information, the top frame's page (top1.asp) refreshes to page 2 (top2.asp) after 3 seconds (using meta refresh). On page 2 (top2.asp), I want the entire popup window to close. I'm having troubles with this.
Alternatively, when the first page (bigpage1.asp) in my main window refreshes to the main second page (bigpage2.asp), the second page (bigpage2.asp) could close the popup window (PopCreate).
<BODY onload="window.scrollTo(x,y)">
However I am linking to Google Images so I can't modify their page
code.
Is there a way to link from frame a to frame b so that the javascript
in frame a decides and controls at what position the page will load?
I want control a hardware device using a Web browser.
I created a page which has a form containing all necessary INPUTs.
By clicking a button, all current settings are sent to the server side
(using POST or GET) so that the server can interact with the hardware,
which is under the server's control.
Now, in some cases, I want to update the INPUT (w/ readonly) with the
data from the hardware, such as a status value.
Most primitive approach is creating a new page with new value to the
INPUT, where I want to show the value.
But that is not quite efficient as the page appearance won't change
except the contents of the INPUT.
As Javascript can make any change to the HTML page (at client's side)
that is currently being displayed, it is more straight forward if the
server can send a set of Javascript commands to the web server so that
it can just update the display contents rather than refreshing
everything.
I thought such scheme was already available, but so far, I don't see
anything usable.
The Web server is not a commercial one but a custom Web server
(written in Python) so that I want to keep the scheme as simple as
possible. I checked AJAX but I'm not sure I can use AJAX in my
application.
I want to call a JS function when Enter is pressed inside the form, and when the submit button is clicked I want to submit the form. Any simple way for doing this?
View 1 Replies View RelatedDoes anyone know if it is possible to control UI tabs from an external URL, is this possible?
For example, right now, the ui-tabs-nav list of anchors correspond to the divs automatically. I would like to make the tabs' navigation controllable from a separate draggable modal or popup window so I can drag it to a second monitor and use the main screen on GoToMeeting, to switch tab panels almost like Powerpoint (but more useful.) In advance I want to preempt suggestions that I do something different entirely, like simply make the browser window span two monitors, etc. Easy idea but doesn't work; I've tried it.
I have 3 checkboxes from which I wish to toggle one div.
condition
1. IF any checkbox is checked, div should show
2. if all checkboxes are unchecked only then the div should hide.
I have one page with<input id="calendar" name="calendar" value="" /> <a href="open popup">...</a>The popup opens page with calendar days. Every day is<a href="javascript: setDate('2009-02-26')">26</a>What to insert in the setDate() function to return the selected date to "calendar" input field, wich is in the other (main window), not in the popup?
View 1 Replies View RelatedI have an index.html that sets up 3 Frames. They are called FrameTop, FrameA and FrameB. See pic below. In FrameTop the user can type in a url into a textbox with id="urlINPUT". When user clicks LOADA it loads that url into FrameA. User can then browse web in FrameA, clicking links etc and going to new pages. The second button LOADB is designed to determine the current location/url of the page displayed in FrameA and load that into FrameB. So far when I write the javascript in FrameTop LOADA works but LOADB loads the FrameTop into FrameB! [error!]
-----------------Index.html-------------------------------------
<frameset rows="5%,*">
<frame name="FrameTop" src="frame_top.html" />[code].....
