help with image cube
Hello I'm a complete newbie! so if somebody wanna help me with this tutorial http://keith-wood.name/imageCube.html I would much appreciate it I don't understand what should I do on the step 3 from Usage where it says Connect the image cube functionality to your divisions $(selector).imagecube(); If you can tell me step by step what I have to do.....I'm complete newbie-remember?...so sorry if I'm in wrong place Thanks
Were to go to find a good website on functions
Hi Everyone, Im in the process of learning Jquery and I have been taken classes on lynda.com which is a very helpful site, but I really don't understand how to make a function on my own yet. So is there any cool website out there that have a demo on functions and how to make a function work. For example If I wanted to do a basic roll over or a drop down menu can I just go to some website and it will give me the information I need?
Jquery core affecting another javascript's layout
Hi there, Is it possible to not include the jquery core in asp.net forms and still make the jquery declaration in the form itself work? I'm having problems with the core of the jquery, in which it affects the layout of my webform, but when i comment it out, my jquery wont work, I'm using this as a slider for my footer.but basically it just hides and show a hidden content. Any kind souls can advise me what to do? Im using this core: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"
functions, nesting and calling
Hi, I'm a super newbie, having been working at jquery for about two days now. I have a question regarding the nesting and calling of functions. I'll attempt to paint it in a fairly simple way. I have a page that offers the user a few choices (its a game, so..) like attack or defend, what weapon to use. It then loads two html <select>'s, each with a "commit" button. The commit buttons are tied to (separate) functions that pass data to ajax. The problem I have is that I'm getting buried in nested
getting next thumbnail
<ul> <li><a href="dog.jpg"><img src="dog_t.jpg" alt="dog" /></a></li> <li><a href="cat.jpg"><img src="cat_t.jpg" alt="cat" /></a></li> <li><a href="pig.jpg"><img src="pig_t.jpg" alt="pig" /></a></li> <li><a href="cow.jpg"><img src="cow_t.jpg" alt="cow" /></a></li> </ul>My jQuery is set up so that when I click on a thumbnail, a div opens up with the bigger image. I also want the thumbnail of the next image to appear in the same div. So if I click the cat, I want to see the large cat and the pig thumb.
On mousedown disable timer, Possible?
Hi i have a timer which is set to execute a function every 3 seconds, id like to know if it's possible to diable the timer function every time the mousBtn is held (mousedown), and on mouseup enable the timer again, and how can i do this? var timerFunc = setInterval( loadPos, 3000 ); /C
using the child selector, with class as a variable
What is the syntax for accessing the children of a class, where the class is a variable? The html structure is multiple divs like this: <div class="class1 class2 class3"> <p class="x"> lorem</p> <p class="y"> ipsum</p> <p class="z"> yadda</p> </div> The function does two color changes before going to 'display:none', function exIt(cl) { $(cl + ' > p').animate({color:"#ddd"}, 600, function() { $(cl + ' > p').delay(800).animate({color:"#333"}, 1600, function() { $(cl + ' > p').delay(800).hide();
Finding the correct selector
Hi All, So, from this: <div id="act112" class="actBlock"> <div class="actName">Name Stuff</div> <div class="actProgress">00%</div> <div class="actTogo">x days</div> </div> What do I use to get jQuery to select Name Stuff? I've tried #act112.actBlock.actName and #act112.actName and neither work. Apologies for this patently newbie question. Many thanks, - Aug
How To Do This -- [Image Effect] -- Through jQuery
Hi, I came across a site :- http://www.transtastic.com/se4/ and the way image zooming in and out I really liked and I'd like to know how it can be done through jQuery? Is there any jQuery plugin to do this? Regards Kylie
cant 'register' draggable/active DIV
HI, im trying to send the position of X amount of divs to a DB, my problem is, what i think, that the current div being dragged isn't registered. Im trying to alert alert( $(this).attr("id") ); but only receiving 'undefined' /C $(".flytt").draggable({ stop: function() { var data_pos = $(this).position(); $.post("save_pos.php", { id: $(this).attr("id"), x: Math.floor(data_pos.left), y: Math.floor(data_pos.top) }, function (data) { if (data == 1) { alert(
how to submit a form using ajax in jquery?
I am currently using jquery .post ajax code to submit a form. The problem is that when I click on submit it takes me to the php file page. Which is blank. I don't want this... this functions just like if I made the form in html meaning when submit it takes you to the .php file well opens it in a page. I want to use ajax that when you click submit it submits the form and then shows a message on screen. When I click the submit button my message gets shown on the screen saying it submitted successful
How to make a news ticker same like one used in yahoo.co.uk ??
please any one can help me to do the news ticker like one used in http://uk.yahoo.com/ im using Asp.net , so news will be selected from a table using asp.net codes.. thanks for all Regards
List Retrieval and Display on Click (maybe hover, too)
I'm new to jQuery. Not sure if this belongs here or in jQuery UI.... I have a table with checkboxes (with short text). Each checkbox needs more information for the user if they want it (either hover or click the text -- haven't decide which or both?). However, I don't want to download all the extra text if they don't need it. So, How might I go about detecting the hover or click and then asking the server for some more HTML that I could then display until the user mouses-out? Thanks, Owen
JQuery selectors with ASP.NET controls
I am trying to make sense of the selectors in JQuery when using it with ASP.NET 3.5. In this .NET version the server modifies the control ids when it creates the page. I have seen two methods of selecting a control as shown below where dd is the control id. 1. var SelectVal = $("input[id *=_dd]").val(); 2. var SelectVal = $('#<%=dd.ClientID%>').val(); Method 1 works well with asp.net textbox controls but does not work with asp.net dropdown lists. Method 2 seems to work with all control types. Can
item position replaced by other items below in a list
Hi, I have a page where there is a list of items and a drop container. When I drag item, the other items below the one that is being dragged moves up. Can other items stay in their respective positions when one of the item is dragged away? I am new to this and any help is greatly appreciated. I have list of items like this: <ul id="allItems"> <li id="node1" groupId="box2"><img src="nmm_logo.png" height=70 width=130 align="left""></img></li> <li id="node2" groupId="box7">Paris</li>
Prototype user - easiest path to Jquery?
Hi all, I'm a Prototype user and would like to learn Jquery. I like the depth and flexibility of Jquery, It does a lot more with fewer lines. Can anyone suggest the best path (book, online) to help me make the move? Many thanks, Jeffrey
Is there a smaller jquery?
I'm using the jquery UI Accordion to implement a FAQ page. This all works fine, except that the page first has to spend 600ms loading in jquery-1.5.1.min.js and then another 300ms loading in the Accordion UI. I'm sure this one accordion function isn't using the whole 83KB of jquery. Is there any way to reduce the amount of jquery code I have to download to implement this? I looked into gzip but my site is hosted on a shared server, where they disable gzip to conserve CPU cycles, so that doesn't
Accordian Assistance
Is there an option or event listener with which I can set each header to be a link (which opens a page in a separate frame) as well as its regular function? At the moment, the link aspect of <h3><a href="....#...">Header</a></h3> doesn't provide any linking functionality. Thanks in advance for the help <div id="accordion"> <h3><a href="#">First header</a></h3> <div>First content</div> <h3><a href="#">Second header</a></h3> <div>Second content</div> </div>
runing function when an div has been added to DOM
HI Guys, I'm new to jquery and the world of javascript. I've searched a lot and I haven't been able to find a straight answer on how to run a function when an object has been added dynamically to the DOM. I have the bellow example code: $('div.s').click(function(){ $('body').append('<div class="new" >000<span>lorem ipsum immet dolor</span></div>'); }) $("div.new").live("load", function() { var cW = $(this).children('span').innerWidth(); alert(cW); }); You can also find it here: http://jsfiddle.net/manolis/kG8r2/4/
How to load external example.php into index.php(div ="content")
Hi mam/sir. I'am a jquery beginner. and making my first site project. I just want you to ask some question. Can you give me tutorial or example code How to load an external download.php into index.php(div ="content") example.. This is tab navigation Home Download About Suggestion Then If I press Download Button i want it to load in Home (div="content")... Hope you can help me sir.. Thanks.. :))
Single form Multiple Page Validation?
Hi Friends, I am working on single form divided into multiple pages using <div id=""> I am using next and previous buttons <input type="button"> to navigate between these pages but I am unable to validate each page before moving to next page using next button I am displaying next page form by using "element.style.display = 'none' & element.style.display = 'block' " method. Please help me with validation on the current page before moving to next page. Any help is appreciated. I am adding
Different Between $(document).ready(function(){}); and $(function () {});
Hi, When I work with JQuery, I have seen some people write JQuery script on $(document).ready(function(){ ... }); and others write on $(function () { ... }); I would like to know the different between both ways and how to one style when we are writing JQuery. Rasika.
Hours of google'ing for hover effect
Hello, After hours (read: days) of google'ing i decided to take this to the forums. I've been looking for an simple script that makes a image grow slightly on each side and uses z-index. All the results i got are carousel's or complicated scripts. Isn't there a simple solution for his? Thanks in advance! MeKae23
Problem with multiple droppable's
Hi all, I recently found out about jquery and I have already been experimenting a bit with jquery (draggable, float in etc.) but now I'm trying to actually do something with it I've encountered a problem. I'm making a sort of opening for my schoolproject-site where the user has to drag draggable divs to make the picture complete and enter the website (a bit like a jigsaw puzzle). The problem is, when you drag for example the right bottom tile onto the left top corner it does not see the piece as
function(e)
Hey, when do i use function(e) and when do i use only function()? $('a').click(function(e) { var $this = $(this); if ($this.attr('href').match('google')) { e.preventDefault(); } });In this little example I have to use it but i dont understand in which cases I have to use it? Anyone an easy explanation to help me?
Cascade update of input text boxes
I have 3 input text elements: <html> <head> <title></title> <script type="text/javascript" src="../lib/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#text1").keyup(function() { $("#text2").val($(this).val()); return true; }); }); </script> </head> <body> <p>Text1: <input type="text" name="text1"
Possible stackoverflow in my code?
Hi, I'm trying to make a vertical image-scroller with mouse kind-of-tracking detection, and I'm doing it good so far. You can have a look at http://www.bodegascampos.org/atmoshpera/ It's at the top of the page and it's scrolling a few images (currently 3). Anyways, I detected 2 bugs that I don't know how to fix, so I'll be glad if somebody could help me with this. First bug: Sometimes pictures don't load (the "Loading" div just stays there). Can't reproduce it always, but I'm pretty sure that it
How to call/view multiple pages in one page?
I'm not sure if this is a jQuery question, I'd like to know how can this be achieved without using iframe or a combination of both? I saw sites using jQuery to achieve the same effect like this one: http://www.gxdeveloperweb.com/dashboardplugin/demo/dashboard_metadata.html How did it pulled the content from CNN and ESPN?
:: Show / Hide / Toggle - Multiple Divs and Buttons
Hello guys, I'm starting with JavaScript / jQuery. <html> <head> <title> New Document </title> <style> #button01 { width:100px; height:50px; margin:10px; padding:6px 0 0 0; background-color:#f0f0f0; } #button01:hover { background-color:#ffcccc; } #button01 a { display:block; width:40px; height:40px; margin:auto; background:url("button01.png") } #button01 a:hover { width:40px; height:40px; background:url("button01-hover.png") } #hidden01 { display:none; width:300px; height:200px; margin:0 0 10px
Array methods push() and unshift()
Is push() faster than unshift()? When generating arrays from the right, should I keep doing push() and finally call reverse()?
help with toggle animation
I am having trouble giving my toggle function an animation, I just want it animate when it opens/close $(document).ready(function() { var adjustheight = 80; $(".view-gallery-trigger").toggle(function() { $('#view-gallery').css('height', 'auto').css('overflow', 'visible'); $(this).addClass('opened'); $(this).removeClass('closed'); }, function() { $('#view-gallery').css('height', adjustheight).css('overflow', 'hidden'); $(this).addClass('closed'); $(this).removeClass('opened'); }); }); but when i have
How do I make this code more generic?
Hi all. I have a table in which each cell forms a "button" to show/hide a div above it. Each "button" will show/hide a different div. The following code works, but how can i make it more generic? $(document).ready( function() { $('div.highlight-inner').hide(0); $('td.col-1').hover( function() { $('div#highlight-1').slideToggle(); }, function() { $('div#highlight-1').slideToggle(); } ); $('td.col-2').hover(
getting the ID from snapped item
Hi, I would like to know if there is a way to get the the ID from the snapped div. like a chess board, A-1 to H-8 When I move some piece on it, I would like to get the ID where that piece is now. Regards
Please, help me with this problem with jQuery, event and textarea
I'm using Google Translate API function initialize() { var content = document.getElementById('text-input'); google.language.translate(document.getElementById('text-input').innerHTML, 'es', 'en', function(result) { if (!result.error) { var translated = document.getElementById("text-output"); if (result.translation) { translated.innerHTML = result.translation; } document.getElementById("text-output").innerHTML = translated.innerHTML;
Hi, new to jQuery, not to JS
Having a tough time integrating the 2. Trying to create 2 loops, the inner one I had working as below, until I tried to add the outer loop which iterates through the tables. Appreciate any pointers. <script type="text/javascript"> // <![CDATA[ var i=0; $("document").ready(function() { $("div").fadeOut(1000); if(i<5) { $("table:eq(i) div").each(function(index) { $(this).delay(1000*index).fadeIn(1000); }); i++; } }); // ]]> </script>
how can i get right jQuery image swap code?
hello every one, i am trying to get each image loaded into div while mouse over but it does not work. jQuery is new for me what is wrong with jQery code i have no idea could you help please. here is the code. <title>Untitled Document</title> <style type="text/css"> #gallery li { display: inline; margin-right: 3px; } #gallery #main-img { background: url(2.jpg) no-repeat 0 0; padding: 26px; } </style> <script language="javascript" > $(document).ready(function() { // Image swap on hover $("#gallery
jquery append with fixedfooter in stacks
Ok, so I am green as can be here so I hope to find the help or direction for what I need. I am building a new site in a stacks page. I want a fixed footer across the bottom, that the main content butts up against, and does not scroll over or behind it. I was told that jquery append might help with that. Here is the CSS for my fixed footer; #fixedfooter { position: fixed; left:0px; bottom:0px; height:150px; width:100%; background-image:url('http://testserver1.justrightwebdesign.com/warehouse/Slice-1.jpg');
Get parent height and assign to selector
I'm trying to find a way to go through each instance of.div with class="promo" in order to get the parents height and assign it so both are the same. I tried the following but could not get it to work. I'm a bit confused on how to go thru each and pass the height value. There are 4 div's with the promo class and each parent is a different height depending on the content. I want to build this so that the promo div will automatically adjust and have the same height as its parent. $('.promo').each(function(){
How to stream audio using jquerymobile
Ok so here's the deal. I'm trying to develop a simple application to stream audio for a radio station. I'm using phonegap together with the jquerymobile framework to create applications for the iPhone and Android. Here's my html body code: <div data-role="page"> <div id="radioContent"> <div data-role="content"> <a data-role="button" onclick="RadioListenLive()"> <div id="radiotext">Listen Live</div> </a> </div> </div> </div> and here's my .js code:
How to display the content with animation ?
HI, i have a <div> control whose content is changed asynchronously through a ASP.NET AJAX Request. How can i show the display of content with animation , e.g., when the content is added in that div , it should display with sliding down animation , and if contents are disappearing then a sliding up behavior should come . How can i implement this behavior ? Thanks
Next Page