Im just getting started with jQuery and have successfully made a div "slideUp".I was going to put a long div on the top of a page with a message, show for a few seconds, and then slide up to disappear. I've seen that technique used quite a bit lately.Is there a way I can delay the run of my slideup function? I'd rather it be timed or delayed, than click to close.
View 1 RepliesI have lead out animation when a link on my navigation is clicked that needs to have time to finish before the link has redirected the browser to the new page!
jQuery('#menu > li > ul').click(function() {
jQuery('.stepcarousel').hide();
jQuery(this).fadeOut(2000);
});
The problem is the browser refreshes to the new page before .stepcarosel has had time to fadeOut making the transition jerky
I'm trying to use delay() before changing the html contents of an object.Eg. myobj.text("Hi There").fadeIn().delay(2000).text("Bye!").fadeOut();The result of this is that it just shows "Bye!" then fades, without any delay. So delay() seems only to work only with effects methods (fade, etc) not with other methods.Is there any way of getting around this and making a pause between any type of method in a queue?
View 1 Replies View RelatedI have added some custom code to a flash-based CMS, essentially placing an instance of a Cycle plugin on the page with the flash content.
This is a work around, and not ideal, but my question, is there a way to delay the visibility of the plugin (hide it, basically) so that when a visitor first comes to the site they only see the flash intro, and then after x seconds the Cycle plugin fades in and becomes visible on the page? (I've got a regular fade in working properly, by the way. I'd just like to delay the start of the cycle.)
Or is there a way to integrate things more closely with the flash content and create an onclick command that shows/unhides the Cycle instance? I've attached the example code for further insight into my situation.
Attachments
jquery_cycle_flash_example
Size : 5.34 KB
Download : 262
I came across various codes that is used to delay the banner from not loading while the document is loading but i got struck with this one, this one sounds interesting but confusing,
Which page in this code is delaying the banner & how to adjust that (to delay further or to speedup)- [URL]
I'm running into issues while trying to make some simple code to loop through and display different combinations of 3 colours.I want to show 3 boxes on screen and then loop through/increment each possible combination of colours.The problem with timeouts is although I can create a delay until the cycle on one level has finished before executing code to change the layer above it, this isn't enough - each level of loop has to increment just a single step after the layer "below" it completes a cycle. So I think I need some hybrid between nested for loops and timeouts (if such a beast exists).
View 7 Replies View RelatedOn my website I've got a simple animated .gif I want to play each time someone clicks a link on the menu bar. The problem is that while the image changes successfully, the webpage changes too quickly so the animated.gif won't play.
I'm assuming this has something to do with setTimeout though I'm too much of a noob at Java to get this right.
Here is one of the buttons:
<a href="facts.html" onmouseover='facts.src="images/thefactsbutton2.jpg"' onmouseout='facts.src="images/thefactsbutton.jpg"' onclick='top.src="images/chimneytopsm.jpg"'> <img name="facts" src="images/thefactsbutton.jpg" /> </a>
I have a link and i am putting the id in href.
Code:
<a href="12345" id="myLink">link</a>
In IE 8.0.6 and 6.5 (not my machine but on coworkers machine) when link gets clicked, i get full path including the ID like "http://www.domina.com/folder/12345" where as on my machine i get the ID only when i do
Code:
myval = $("#myLink").attr("href");
When i move the ID to rel attribute, the browsers behave as intended.
Code:
myval = $("#myLink").attr("rel");
same version of IE on my machine is behaving ok where as on coworkers machine it is not. Am i doing some thing wrong here?
I have to send a several arrays as query parameters to a Spring server.
The payload I'm trying to send is this:
[Code]...
Please help. This kind of thing is driving me nuts. I hate working with primitive stuff and having to do a lot of redundancy just to get data transmitted. I just want it to work with the domain object model on the server... but there's always these weird exceptions that make that impossible. It's amazing that in 2010, we are still working in basic numbers and arrays and having to take apart and put together data at a primitive level.
I have been tearing my hair out with this for the past 12 or so hours and am no closer to a solution than when I began.
I have a jquery function to dynamically create <li> tags for an unordered list:
$(function() {
var idealist = $('#idealist');
$('.checklist').click(function(event){
item = '';
[Code].....
This is working fine. The problem is I need to somehow pull the ids from each <li> tag into a string or an array that can be made available somehow to php code for further processing. I can create the string or array within my jquery function but can't figure out how to make that available to php.
I have an ASP.NET web-app that consists of a master page and several .aspx pages that use that master page.
1. problem: If I include the jQuery library in the master page at the bottom right before </body> (and after the content placeholder), then in my .aspx pages I am unable to use jQuery because it is included "below" all JS code defined in the pages.
[Code]...
On clicking a thumbnail I'm getting it's corresponding image through $.ajax method. So, the data I receive is in the form of html string i.e. <img src="image/1.jpg"/>.
Now I wanted to append this data into a div which has an id "container". So I done this by:
$('#container').hide().append(data).fadeIn('slow');
I have a function named "resize" which resizes the image according to the window size. Now when i tried this:
// this code is in executed on success.
$('#container').hide().append(data);
resize( $('#container img') );
$('#container').fadeIn('slow');
I had to click a thumbnail twice to load the image into the container. I don't know why is it so. So, I tried a different route. I tried to apply resize function upon the <img> tag received as data and then append it to the container div.
Which I did like this:
resize ($(data)) //alerting $(data).attr('src') shows the src of the image.
$('#container').hide().append(data).fadeIn('slow');
The image loads but it is not re-sized. What should I do? The re-size function I'm talking about, u can see it here: [URL]. Right now, I'm calling the resize function in the callback of fadeIn method, the image fades in and then resizes, but that looks very ..... unprofessional and ugly.
Im using Google Maps and when the user moves the map I have an event listener to return a string of routeIDs that are within the bounds of the map.Later on in the page I have a PHP MySQL statement where it Has [ICODE] SELECT * FROM routes WHERE [ICODE] , and after the WHERE I want to add this string.Basically as the user moves the map around, the list of available routes in bounds should change.How can I do this without redirecting pages at all, as that destroys the functionality of the google map?
View 1 Replies View RelatedI am using DOM table insertrow as such:
Code:
var _table = document.getElementById("TableList").insertRow(0);
_table.border = 1;
var cell0 = _table.insertCell(0);
var cell1 = _table.insertCell(1);
[Code]....
but it does not seem to work. how to get a border on the individual row?
Does anyone know what i'm doing wrong here. Instead of adding my numbers together its putting them next to each other?
This is the javascript...
Code:
This is the form...
Code:
Is there any reason why doing...
var chords = document.getElementById('chords');
chords.style.backgroundPosition = (pos+6) + 'px';
Wouldn't work, where... document.getElementById('chords').style.backgroundPosition = (pos+6) + 'px';
Also, after saving it into a variable, asking the console what is in the variable it pulls up... <div id="chords" style="background-position: 1606px 50%; "></div>
Just that, in my mind, saving a set of tags to memory rather than searching for it every 40ms seems to be a better way of going about it. But if I try to do it this way I get given a... "Uncaught TypeError: Cannot read property 'style' of undefined"
I need some help putting the factors of a number (y) into an array.For example if y = 20: [1, 2, 4, 5, 10, 20]Once I have this, I can use it to factor a quadratic:(ax = c)(bx = d)if c = 3 and d = 5 then I could check if 1c was a decimal, if 20d was a decimal and then vice versa.Basically, I can use these numbers to see if b or d is a whole number and if it isn't, try the next one.If none of them are, then I can do y(ax + c)(bx + d)
View 4 Replies View RelatedI'm using this to put menus on my website
[URL]
at the top it says its capable of having more than one menu on a page, but it doesnt give the directions.
I have a button and a textarea. I want this button to add tags around the selected words in that textarea. For example the button is to add the <b> tag before the selected words and the </b> tag after the selected words. Just like these buttons, in the forms of creating a new thread,that are used to make the font of the selected words bold, italic, underlined or colored.
View 5 Replies View RelatedI implemented some code to perform highlighting and specific anchors are used for the searched words. The problem is when the searched words are inside <a href> tags, the links are lost after putting my anchors.For example:
View 1 Replies View RelatedI was wondering if it is possible to put all the non null variables of an array into a string variable with spaces between each array value? For example, if array() is a text array and has 10 values, array(0) through array(9), with three of those values null, let's say array(3), array(5), and array(7) are null, is there a way to put the remaining seven values into a string variable with spaces between each array value?
View 2 Replies View RelatedSo i been doing this color changing and text chaning randomly my text changes randomly but i need the background of the box to change the codes i type in make the entire web site change color but i need the box and this is what im writing
<html>
<head>
<title>HTML and JavaScript</title>
<link href="capstone.css" rel="stylesheet" type="text/css"></link>
<script>
[Code].....
set up a simple Function that allows me to create a thumbnail image viewer with headings and text.
One of the variables is a Hyperlink.
It all works fine but I want the hyperlink to open as a PopUp Window, but not sure how to do it.
My Code
function LoadGallery(pictureName,imageFile,titleCaption,captionText,titleText,textText,titleJob,jobText,title Pricelist,pricelistText)
{
var picture = document.getElementById(pictureName);
[Code].....
but what I want is when you click on the text "Click here to see Gemma's Service Price List" (specific to Gemma of course).
.... her price list opens in a popup?
(If you want to try this Gemma is the Director with the Burgundy haircolour, top left on the page).
P.S. I am using the <div class> and id to pass the variable data through the function and display the enlarged image and relevant text and hyperlink... if that makes sense ?
I wish to use J.S. to obtain the screen ht and put this value into a hidden
field for posting. so that I can then use it in a php file.
A simplified script of what I am trying to do is below, but it doesnt work.
I have not used javascript much and I'm sure its straight forward.
<script type="text/javascript" language="javascript">
var ht = document.body.clientHeight;
</script>
<form action="my.php" method="post">
input name="screenht" type="hidden" value="ht"
</form>
This may seem like a silly question...
What are the rules for putting a semicolon at the end of a line of code?
I have not been able to do any JS because my damn books have been on order for the last 3 weeks put a script into my webpage so that when anybody visits the 'contact us' page they can leave comments.
Here's my code:
HTML:
<!DOCTYPE html "PUBLIC-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....
I know this doesn't validate but it's only a draft site until I get my books.
Here's the page, I want the comment underneath all three div's.