How to show a gif while loading all elements of the website?
Dudes, I am looking for a way to show a .gif (loading disc, loading bar or whatever) while all the content (including images of the current page, like backgrounds and illustrations) are being loaded and then, when it all is loaded, show the current page. I have tried a very simple code that I found here with the .load() event but, apparently, it does not make the function I am looking for.
onclick query
Hi, i have my slider set up and its working some of the time which is bad but not the main problem, what im trying to do is when you click on the side navigation ie. "shirt_1" it scrolls to "shirt_1" in the slider. im new to jquery and its seriously doing my head in just trying to find out a way of fixing this.
Not sure where to start
I am here looking for some guidance. I have not worked with jQuery out right very much and I am working on a website for a client in WordPress. He is wanting something that I know is at least part jQuery but I don't really know where to start with putting it together. This is really holding me up with putting the site together. I have looked though WordPress plugins and did not find any that suited my needs. What he is wanting is the same layout and function that is on this page. http://fashism.com/curated_looks
$.ajax test in qunit
I have a simple test for $.ajax request, I get an error when I run this in my browser it says, "$. is undefined". can anyone help me. This is my function function ajax(successCallback) {
$.ajax({
url: 'server.php',
success: successCallback
});
}
and my tests is
test('asynchronous test', function () { // Pause the test
stop();
ajax(function () {
ok(true)
}) setTimeout(function () {
start();
}, 2000);
}) thanks
How to control windows media player by jquery or javascript?
How can I control embed windows media player by using jquery or javascript? I need all commands? Thank you.
oop js
i have doubts in oop js can u tell where can i ask....
getJSON problem
I have some problem with getsJSON : var jqxhr = $.getJSON("http://www.egotime.com/webservice/json/?app_id=RRxc8pZBpUb5Z1W0t9DVnQZZXnuAhnPw&query=events&pageindex=0&page_itemcount=5&show_itemcount=1", function() { alert("success");}) .success(function() { alert("second success"); }) .error(function() { alert("error"); }) .complete(function() { alert("complete"); }); $.ajax({ dataType: "json", success: function(data) { // do something alert("Success"); }, url:
Variable not being translated
In the following code block the variable 'side' is not being translated in the line beginning 'margin-side...' Can anyone see what I'm doing wrong please? function centerElement(divid,side) { divid = "#"+divid; jQuery(divid).css({ top:'50%', side: (((jQuery(window).width() - 940)/2)/2) + 'px', margin-top:'-' + ( jQuery(divid).height() / 2 )+'px', margin-side:'-' + ( jQuery(divid).width() / 2 )+'px' }); } jQuery(document).ready(function($)
Making the code work offline
Im an absolute newbie to Jquery and am trying to squirm my way through..I tried some tutorials to make a dropdown menu. but the code doesnt seem to work...I have included all the js code in a script tag.Is there something Iam missing though???what are the steps reqd to make the code work offline???Does one need to upload the file to the server for the code to work.is there some code or tag to specify a link to jquery file???Im sorry if im not making sense at this point as this all seems alien to
nth-child() - sets of 4?
I'm using this function in my navigation: $(document).ready(function(){ $('ul.tabNav a').click(function() { var curChildIndex = $(this).parent().prevAll().length + 1; $(this).parent().parent().children('.current').attr('id', 'idle'); $(this).parent().parent().children('.current').removeClass('current'); $(this).parent().addClass('current'); $(this).parent().attr('id', 'current'); $(this).parent().parent().next('.tabContainer').children('.current').slideUp('fast',function() { $(this).removeClass('current');
strip outerHTML from html string
Hi, Considering I have a HTML string like this: <span><span><div>this text</div></span></span> I want to get the left side of the outerHTML as a string as well as the right side: var leftSide= <span><span><div>; var rightSide= </div></span></span>; Is there a way to do this? Regards.
How is lazy loading done?
I been looking at many lazy loads scripts. Most show a image html tag with a src to be where a blank image or a image that is basic looking. Then they use data-src="real_image_here" which is where the real image location is stored. I would like to know how to do lazy loading manually. I want to lazy load all images when they are in the view port. How can I do this?
I have a problem to tool tip on mouse over.
I am add the tool tip functionality with joomla CMS. but error occur Uncaught ReferenceError: left is not defined rfid-reader:65 6Uncaught ReferenceError: tooltip is not defined rfid-reader:183
Super Simple Slide Show
Hello... For my 4th year thesis i want to make a interactive comic book (Basically just a slide show) Functions: -Click advance through images of identical size -Lots of images... in the hundreds -No Adobe flash -> I want this to work on Apple Products too. -If possible, gif animated pictures thrown in at some points. Here is a demo of the concept made in Flash: Prototype Comic If you help i will draw you a picture of any video game character you want in this style:
Where is the problem, click event is reloading page.
Hi, I1ve made this page. http://www.multiversso.com/gbrow/new_portifa/index.html where a click event do an animate function on a class, but the content is reloaded and the page returns to the original state. can someone tell what I`m doing wrong?
Jquery Plugin for multi-page form
Hello, I have in my site a mutli-page form : the user starts a campaign and so inputs a serie of texts. Does it exists a really cool designed jquery plugin ? Best, Newben
Could you show how we can open a specific tab in the accordion from another page?
Hello, This is my question from stackoverflow.com: I have been following tutorials from "learnnerd", a Youtube contributer. http://www.youtube.com/watch?v=WjHt_v6nK_E&list=UU08OUGXLKqlnADsUDqA8evg&index=2&feature=plcp have made my website using the codes he provided. Here is my website: http://www.alliedantennas.com.au (check services) I would like to link a tab on my home page to open a specific accordion in my services pages. I've researched but still know little. I don't know much about
help - blueimp jquery upload widget partially overwritten by appended view
I am using codeigniter 2.1 along with the blueimp jquery upload plugin. I am now trying to use the plugin as part of a dynamically generated page, made up of several views. To do this my controller contains the following: $this->load->view('blue_view_widget'); // the file upload view $this->load->view('form'); // a form I now see that the template-upload and template-download table (which is generated by javascript) is overwritten by the html from the form view. I'm thinking ( maybe incorrectly
audio player which can play m4a, is there any jquery player?
Hello guys, I need html audio player which can play m4a, I have been researching from the web but I couldn't find anything. Is there any jquery audio player which can play m4a? or do you recommend me any audio player? In addition, it should be easy to implement. In other words, I just need simple audio player which support m4a. Thnaks for your help.
Accordion menu item active problem
I added jquery accordion menu on my project.Its working.My problem is what ever the category i am requesting that should be in active.How to do that.This my link please check that http://www.movies.iconwebservices.com/hollywood.php?cat=hollywood I requested hollywood so,hollywood should be in active.
jQuery audio/video streaming w/customized interface
Hello all and thanks in advance for reading this. In short... could you please give me suggestions for a very customizable audio/video streaming player. -- I'm starting a web site for streaming audio and video from a Linux streaming server. The project starts as non profitable experimental and if it goes well it will became sponsored by advertisements. The site is being built using HTML5/CSS3, jquery integration, cross browser compatible (IE7-9, Firefox 3-*, Chrome, Opera, Safari). I designed a themed
$ajax call from jquerymobile to jquery(html)
Hi I have program made with Jquery mobile (and run perfect) now i want to put the same on a website so i have the html here it looks nice but the ajax call wiil not do his work..on my mobile the application works good here is the code (i have delete my key) <html> <head> <title></title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <link rel="stylesheet"
Why slideToggle and slideDown fails to work only in chrome?
Hello guys, I'm making a site where plants grow(expand) when the page is onload. It is working out great and it looks great, but in Chrome I only get to see the end of the "animation". So if you see my code it lasts 6 seconds in chrome and by then the picture pops up. Can anyone explane this, with text instead of pictures it seems to work in chrome. This is an test html: Kind regards... <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
Searchable FAQ - Not currently working
Hi, I am really new to this but I tried to modify an existing plugin which takes search terms, such as "Monkey Toilet" and then breaks up the terms into "Monkey" and "Toilet", then returns results which contain both terms. This is my code (i had help): http://jsfiddle.net/pT6dB/45/ This doesnt seem to work, and I was wondering if someone could explain where I have gone wrong with it, and how I can attempt to get it running. Any input would be appreciated.
Issue with basic shopping cart
Hello folks, I got a little complicated with summing the shoping cart prices. I have this shopping cart: I I wrote this function for updating the basic sum: function changePrice(divId, sId, price) { var x = $("#" + sId).val(); var y = $("#" + divId).text(x*price + " ₪"); } and the HTML form something like that: <form> <select id="selectQuan-1" onChange="changePrice('sum-1','selectQuan-1','678');"> <option value="0">0</option> <option value="1" selected>1</option>
Using thumbnails with Colorbox
Hi guys, Complete newbie to all this but was wondering if anybody could help/point me in the right direction. Basically I'm looking to have a page that has 18 thumbnails and if a user was to click on one of those thumbnails it would cycle through a set of images within that (so there would be 18 thumbnails but maybe 50 images in total). Can this be done? I've been looking at this page for help but I'm struggling with the thumbnail part - http://www.jacklmoore.com/colorbox/example1/ Appreciate any
How to only fade out based on conditions?
Hi, I have 3 images. 1 is for background and 2 of them are buttons. I want it so that if the mouse leaves all of them then fade it out. Currently it will only fade out when you leave any of the 3. Yet, I want so that if you leave all 3 of them so all 3 must be at the mouse leave state in order to run my function with fades those images out. How can I do this?
Jquery and Wordpress Json plugin - how do you get selected output from object?
Sorry made a mess of my first post - here it is again. Hi there, I'm hoping this is simple: I'm using the Json plugin in a Wordpress blog, the below code spits out all the posts. Here it's showing the title and excerpt for each post (I can access the ID number too if I want). I'd like to just be able to display certain posts based on their ID. I hoped to use an if statement to select certain posts but it doesn't work - see my code at the very bottom. Any help solving this would be appreciated. function
What does jQuery.fn.center = function () {... mean
hi everybody, i am newbie in jquery and i want to learn what does jQuery.fn.center = function () {.... mean? (fn?, center?)
how to get paragraphs which have selected text
Hi! I would like to know how to get the paragraphs in an iframe which innerText is selected? Regards
Best way to obtain libraries for Cycle and Superfish
In looking at the examples of Cycle and Superfish as well as Jquery, there several libraries in addition to the primary libraries. This brings up two questions for me: Is it best to reference the library as in <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Keeping Menu Expansion Persistent?
I am relatively new to jQuery and web development. I am working with a navigation bar with a submenu that toggles between hidden and shown via a click event (see code below). Is there a simple solution (i.e., doesn't require server-side scripting) to keeping the menu expanded when the user navigates away to another page on the site or reloads (all the other pages have the same basic structure/layout)? $(document).ready(function() { $('#navigation > li > ul') .hide() .click(function(event)
wrap selected text with mouse and wrap it
Hi! I am trying to wrap some html paragraphs inside a div element: <p>1st paragraph</p> <p>2nd paragraph</p> <p>3rd paragraph</p> I want to have this when I select this text from an iframe (): <div> <p>1st paragraph</p> <p>2nd paragraph</p> <p>3rd paragraph</p> </div> and, in case I select 2 paragraphs and a half, the div woud end before </p>: <div> <p>1st paragraph</p> <p>2nd paragraph</p> <p>3rd parag</div>raph</p> Thanks in Advance!
script help
I'm just starting wiht JQuery an dfound this script for a menu navigation that I like but the script is not formed well and I get an error with the $ at the beggining. Any help to make this right would be appreciated. The error is $is undefined. Can’t see to past the code in very well. Thanks <script type="text/javascript"> $(function () { $('.dropdown').mouseenter(function () { $('.sublinks').stop(false, true).hide(); var submenu = $(this).parent().next(); submenu.css({ position: 'absolute', top:
pls help bold issue
i am trying to implement i have provided my jquery and css code. Make only the most recent post BOLD but keep the rest of the posts normal Fix the code so it runs on MSIE too. http://jsfiddle.net/9Xw6f/461/
How to get the value of a selected text with .select()
Hi, does any one know how can i get the text selected when i use the .select() method??
Progress Bar Updated By Text File
I'm brand new to coding but am loving everything I'm learning! I need to come up with a progress bar that updates by a varying percentage based on date. Is there a way to do this through a text file? Any help will be appreciated. Thank you.
each returns only one instead of many
This are (in short) my elements: <input type="checkbox" size="4" id="checkbox-users" name="users[]" value="1"/> <input type="checkbox" size="4" id="checkbox-users" name="users[]" value="2"/> <input type="checkbox" size="4" id="checkbox-users" name="users[]" value="3"/>The code is: $.each($('#checkbox-users'), function(key, value){value.click();}) or: $('#checkbox-users').each(function(key, value){value.click()}) check only the first checkbox-users what do I wrong?
Need advice on how .on() works
Hi, The website I'm developing is asp.net so many of my pages postback or partial postback. Until recently I loaded all my scripts on pageLoad() event rather than document.ready. This enables me to persist my jQuery stuff on postbacks. Then I discovered the.on() function that allows me to declare my functions in document.ready and my initial thoughts were, if I only need to wire it once, it must be better. Now I've had a thought which I'm unable to answer due to my lack of experience, so I thought
Why doesn't this LOC work (indexing jquery objects?)
EDIT: solved. This forum should really have a delete post option. I get a null value. And I actually only want the first element (does subscript operator work?). The ul element in question definitely exists. alert($(node).parent("ul").offset());
Next Page