I want to click on a picture, have a shade slide across to "close" the image, then open a new html in the same window. I can do both independently, but the page opens off the <a> tag instead of any jquery I know to use, so the new page opens before any animation happens.
View 2 RepliesI am animating a slider.I am using setInterval to loop the animation.This works fine...However...If you open a new tab, or minimize the browser window... when you come back the animation speeds up for a bit and then slows down again...Any ideas why this would be?...I suspect that while the browser window is not active it stores up the setInterval functions and then runs them at once when the window is active... speeding up the animation.
View 1 Replies View RelatedI am trying to replicate the function that is on this page [URL] - where the links on the right open an external HTML page that activates a dialog window and the whole thing floats above the parent page. I've ripped apart the JS file but it goes beyond my understanding and has references to demo this and demo that - which isn't going to sit well with my existing code. I am trying to see if there is a simpler version of this function that doesn't require 155 lines of JS. I found the JS code to open an HTML page inside a DIV using ht e object ID method but it still acts like an iFrame and my dialog window is trapped inside, not floating above the parent page. I've even tried to use the CSS overflow: visible; but I'm sure there is more to it than that - especially since it didn't help ;) I can't use AJAX or PHP like many of the scripts I found use, so i has to be just like the page I gave as an example.
View 3 Replies View RelatedI'm making a site for my g/f – She's writing angel messages for each day of the year, 1 message on 1 page and these (eventually 366 pages) are accessed from this one page:
[URL]
This menu page uses JS to slide to particular months. The place I'm stuck is how could it be possible to go from a particular days message, back to the month of that message in the per-datum page (having the page slid to that month)...
for clarities sake... “Terug” means “back”, so for example to click on october 22nd message, read the message, and terug back to Octobers seeds rather than back to the per datum pages month selection calender.
My best effort so far is to put this in the a tag:
onclick="document.getElementById('waarzegstermove').style.cssText='left: -1000px;';"
-1000px would be Januarys terugs, -2000px Februarys terugs etc to have it already slid to that month, this code works when on the same page, but when its on the message page before loading up the per datum page it seems to lose this setting.
I want to place all opening tags in an array.
In the example below, the following array should be created:
var tagsOpen=new Array();
tagsOpen[]='<h1 class="h">';
tagsOpen[]='<p>';
tagsOpen[]='<strong class="w">';
[Code]....
I am searching for a cross-browser way (the most recent browsers are fine) to use javascript to open a new window even though I do not know the file I want to call. I do, however, know the HTML code I want output in the new window. It would look like:
View 5 Replies View RelatedI have a JS which I have already started to try to customise, but I am having some difficulty with it in that when I click on an image, it does not take me to my html page.with care.html. Although all files are in the same folder, I get an error indicating that the fille cannot be found (I have checked the file name spelling). I am not doing any of this online as the Web pages, when working, will be put on CDs.
View 7 Replies View RelatedI want to place all opening tags in an array. In the example below, the following array should be created:
Code:
var tagsOpen=new Array();
tagsOpen[]='<h1 class="h">';
tagsOpen[]='<p>';
tagsOpen[]='<strong class="w">';
tagsOpen[]='<p>';
tagsOpen[]='<span style="color: red">';
tagsOpen[]='<span style="color: blue">';
tagsOpen[]='<span style="color: green">';
That array should be dynamically created from this:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<title>Title</title>
</head><body>
<div id="content">
<h1 class="h">Heading</h1>
<p>Hello <strong class="w">World</strong>.</p>
<p><span style="color: red">red</span> <span style="color: blue">blue</span>
<span style="color: green">green</span></p>
</div><script type="text/javascript">
/*<![CDATA[*/
var obj=document.getElementById('content');
if(obj) alert(obj.innerHTML);
/*]]>*/
</script></body></html>
I have url links in an Access Database which open different info screens depending on the record. I want to include some code in the html which isn't blocked by browsers, but restricts the html code to an initial window of approx 800x600, but can be resized, but importantly the database screen doesn't 'get lost' underneath the browser window.
View 5 Replies View RelatedMy application is based on client-server architecture. It is a E-Learning Application. I am using ruby on rails server, javascript,canvas,SVG element. I have an idea of an interface to allow the teacher to build any type of animation for students using Cake javascript API. I wanted to save the animation build using the canvas element on the rails server either in database or as a file. Later I have to use that animation to be played to students. Any way to do it on any language except proprietary languages like flash but from that language communication can be done with rails server.
View 1 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]....
Trying to click (onClick) an animated gif image of an on/off switch to start a second animation which is located on a different location on the web-page (a 7-frame animation of a generator with moving parts) immediately followed by a random image selection function placing an image in a 3rd location on the page (next to the generator image). The random images are supposed to look like the result of the generator animation---the item that �pops out� of the generator.
We thought the process to achieve this would be an �OnClick� on the on/off switch-animated-gif to start two javascript functions (generato animation function & random image function). To further complicate matters, we are doing this website in iWeb. We�re using iWeb SEO Tool to add the javascript to the header and HTML snippet in iWeb to place the HTML code. Not sure we�re actually doing the snippet right though---is it supposed to relate to the images---or is it separate? When the gifs are place on the iweb page, they work in the browser upon page load---the �on-click� & the random image function are NOT working...so we know we�ve done something(s) wrong.
We�re thinking that we�re probably missing some code that describes where the 3 different image-spots are on the page (image #1 is the on/off switch gif, image#2 is the generator gif, image#3 is the generator output.png)....or just aren�t coding the string of functions correctly---or maybe our strategy for achieving this is just no correct (?).Here is the code we have tried that didn�t work.
[CODE]
script language = JAVASCRIPT>
<!-- Hide script from old browsers
function gif_animation(){
[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.
jQuery 1.6.2, jQuery UI 1.8.14. I use a sequence of dialogs to present a number of wizard type interfaces to my users, but I have a problem since upgrading to these jQuery versions that certain dialogs within each of my wizards open behind the dialog overlay and I can't get to it. I can see that the dialog is ending up with a zindex of 1000, and the overlay has a zindex of 1001, so I've overridden my dialog property to be 1002, and that brings it over the overlay, but then the input fields on the dialog are still not editable. The escape key will still close the dialog.
This doesn't happen to all my dialogs, but it does happen to the same ones in my sequence of dialogs each time, depending on which wizard I choose. I only see this problem with FF 3.6 (haven't been able to try newer ones yet), but things work fine in IE 8.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=us-ascii" http-equiv=Content-Type>
[code]....
Using a mouse over on : div (left content) to execute or start a script on the div (right content).
View 1 Replies View RelatedI've got a div that slides out from the left of the screen when the page loads but I can't figure out to get it slide back when another navigation button is clicked. The navigation has several buttons so clicking on any of them would make current div to slide back out of site.
View 17 Replies View Relatedhow to actually open a link in a new window instead of a new tab.
So far the suggested codes around the internet all come to something like this:
<a href="http://whatever.com/profile/1" id="upload_link" rel="external" target="_blank">To open in new Window</a>
And the jQuery is something like the following:
$("#upload_link").click(function(event) {
event.preventDefault();
event.stopPropagation();
window.open(this.href, '_blank');
});
I read it has worked for some people out there, but in my case it's working only to create new tabs!
I need it to open a new window in Chrome, Firefox and Safari, one with fixed width and height if possible.
I have a main page (gallery.asp, Ex.1) that loads, via jQuery ajax, another page (picture.asp, Ex.2)
It's all fine when I first open the "gallery.asp" page: the "picture.asp" page loads into the "test" div with the first record I want ('cause of the snippet marked as "// load first picture onLoad")
In my idea, clicking on the "#next" and "#prev" link (that, please notice, are in the "picture.asp" page - so they are ajax-loaded) should load "/picture.asp?iData=<%= nextRecord %>" and "/picture.asp?iData=<%= prevRecord %>" into "test" div respectively
But of course, nothing happens (no "next" or "prev" page is loaded, and I get no errors)
Ex.1
<div id="test"></div>
...
$(document).ready(function(){
// load first picture onLoad
[Code].....
I've managed to do that so when i click on the first tab it will close the other open tab.The problem i'm facing is when i click on the first tab that it supposedly will not open even if clicked.It does not open but from times to times when i click a lot of times , go out of the accordion and then bring the mouse again in and click just right at the bottom of the first tab(the one it cannot be opened) and the second it sometimes open the first tab!!!
My code:
$(function() {
$("#accordion").accordion({
collapsible: true, active: false
});
[Code].....
I have a long saving-process. In my Ajax-call I open the dialog with the beforeSend method.
$.ajax({....
beforeSend: function () {
$("#saving").dialog({
bgiframe: true,
modal: true,
resizable: false
});}
...
This works fine. In the dialog, I display "Saving..." After the ajaxCall is succesfull I want to change the message and add a button "OK" to it.
$("#saving").html("Data saved");
$('#saving').dialog('option', 'buttons',
{ "Ok": function() {
$(this).dialog("close");
}});
But this won't work...Is it possible to change the dialog-content on the fly or is there another jQuery component to create this behavior?
I'm having trouble doing an image replace. When you click on the thumbnail link to replace the large image, it opens in a new window instead of replacing the current image.
View 1 Replies View RelatedMake Fading like opening DOOR?
[Code]...
I have this within my page to open a page manually:
$.nyroModalManual({
url: '/thankyouPage.cfm'
});
Is there a way to pass URL parameters to the URL attribute? I tried HASH, but that didn't work.
i have it to where one of my tabs opens an external link within the panel. However, it lags a little bit. I use css sprites inside the panels and it literally takes a second for it to load when you hover your mouse over it. Also, when you use it in IE, it keeps a cookie, so when you click on another tab and come back to it, it shows the last panel you were on.
So, is there a way just to open another panel inside another panel?
Here is my demo page: [URL]
Click on "Partners" tab on the bottom and click on "McKesson"
My current project has me working with UI dialog and I was wondering if it's possible to open a new browser window from a click of the dialog button. I have set up an ajax call to get the url but I'm not sure if this is the correct way.
function createNewProject(irb_id){
jQuery.ui.dialog.defaults.bgiframe = true;
jQuery(function(){
jQuery('#confirmDialog').dialog({
[Code]......