Why would you want to sort a list using drag and drop
what is the point of sorting a list? It doesn't really make sense to me.
Can't determine this syntax
I'm just getting started with jQuery and I have some code working but cant understand why... //maps $("#map").goMap({ scaleControl: true, maptype: 'ROADMAP', latitude: 40.6802778, longitude: -73.4555556, zoom: 12 }); $.goMap.createMarker({ latitude: 40.6802770, longitude: -73.4555551, title: 'Ciao Baby', html:'Ciao Baby' });
How to change a document structure ?
Hi, Is it possible to change a document structure definitely using JQuery ? I used .html() but after refreshing the page the changes I've done disappeared and were replaced by the default contents Thanks,
How do I make a millisecond rollover image change then change back?
I'm displaying a row of perfume bottles as one photograph sliced into nine <td>'s. It looks like one single photo but I have each bottle with its own id. On rollover or mouseover, I want the image to show an alternate ultra-bright version just instantaneously while a small click sound file goes off, then all returns to "normal" unless the cell is first blurred and then re-rollovered. Can anyone show a real beginner how to write a script for this? This action works on the site presently by way of
Hiding text depending on users OS
Hi, I am currently working on a new project. I would like hide certain text depending on what the OS the client is using. I have this working to stop Mac users downloading software that is only meant for Windows users: <script type="text/javascript"> $(function(){ $('.software').click(function(e){ if ($.client.os != "Windows"){ e.preventDefault(); jAlert('<strong>The Software on this CD only runs on Windows.</strong>.', 'Resources'); } }); }); </script> Just wanting to know
When to use unbind?
Hi If I understand correctly jquery tracks all event handlers registrations, and automatically unregisters them upon remove(), empty() and the page ‘unload’ event. Assuming I register event handlers for custom or system events *only* through the jQuery interface, when would there be any need to explicitly remove event handlers via 'unbind' (aside from within handler itself for single invocation purposes) ? For example, I assume this would never leak on IE: $(document).ready(function () { var
New to jQuery Basic Question
Hi I have a very basic set up which is working, I've just cobbled the code together from some other examples. Could anyone show me the proper way to do this? I just get the feeling that my code is too simplistic and too long. Any tips much appreciated. Thanks Ricky55 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html;
Accordion Help
I created an accordion menu with rollover sub menus. My question is there a way to stop the rollover effect in the sub menus until the accordion animation is finished? When I click on a category link on the accordion the sub menu links flashes until the animation is done.
Javascript error in FireFox
I am able to run below code in IE but not in FireFox. What wrong am I doing. Please let me know... Script : var prodElement = document.getElementById('moveattrribseq'); var value = " "; prodElement.add(new Option(value,value)); : This not working in FireFox JSP code : <select class="widthed" name="moveattrribseq" id="moveattrribseq" multiple="multiple" size="10" > <c:forEach items="${sessionObj.attributeNameList}" var="sessionObj"> <option
Horizontal text ticker
I'm looking to create a simple ticker that scrolls from right to left, but the only catch is that it needs to be dynamic. I need for it to add an item to the ticker (that's already been loaded) when a javascript function is called (basically it needs to queue items to display next and have the ability to manipulate what will show next). I don't know where to start. Any suggestions?
Jquery slideshow pics wont display.
Ok, I'm a little new to html and css but not super new. I'm trying to add a Jquery slideshow to my webpage through squarespace.com I'm using jquery-1.2.6.min.js and all the files that came with it. I "think" I downloaded it from a link in the squarespace forum. http://developers.squarespace.com/design-coding/post/523669?currentPage=1 The slideshow is kind of working but it wont show the pictures, only the "Image 1...2...3" designation. And the "Image1..2" does scroll in order but the space for the
Using the callback function for .load()
Hello everyone, I'm a jQuery novice and I think I've gotten myself in over my head here. Would appreciate some help if possible. Thanks. I have a #Calculate button with a click function attached which, when clicked, iterates through a form and sends the users input values, via $_GET, to a php script called 'prepsession.php'. Here the inputs are validated and sanitized, a session is started and some session variables are created using the form input values. If there are any errors I want error messages
Help with Jquery and prototype
hey guys, i have been pulling my hair out about this for some time now. i have read all the articles online about noConflict(); and the like, and am still not getting any success from this!! even replacing all the $ with $$$ in prototype.js and effects.js did not solve the issue. (source) could someone PLEASE help me out of this rut!! I am trying to make use of this scrolling effect on the same page as this jquery image slider Both work independently if i remove the conflicting library. my code is
addClass / removeClass ?
I've seen these discussions involving addClass / removeClass methods. But don't quite understand what arguments they require. For example - if there is a statement like: $("#illustration-text").removeClass("show");What is "show" here ? Thanks,
Banner Rotator with "Player" Controls?
I'm using jBanner now for a simple banner ad rotator but now my client wants it to have some type of "player" controls similar to this (done in Flash): http://www.hulu.com/ where the little rectangles on the bottom change for each new banner, if someone clicks on one of the rectangles the automatic banner rotation stops, etc. Does anyone know of any plugins??? Would this be called something other than "banner rotator" when I'm doing a search? Thanks!
Color choosing
Hi, I want to create a color picker so that when I click on 'color' div (at the end of this script) then the 'test' div becomes that color. I'm really new to jquery - could someone please point me in the right direction for this? Here's the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Jquery
Mouse Wheel With Plugin
Hello, I am currently succesfully using jsScroller http://n-son.com/scripts/jsScrolling/jsScroller.html but I can not see how I would add my own code to enable MouseWheel support. I just want the most basic of up and down scrolling but I have no idea where to start. Any help on editing the JS or if anyone is familar with this plugin with advice is more than welcome. Thank you
a very simple image-viewer
hi, I just started with jQuery and this is my first project. I tried but I didnt oriented yet, so I have not found the right point to start vor my project. This is my Idea: I have three DIVs the left and the right one are contain the arrows with the next- and previous-function. the one in the middle contain one image. by clicking the arrows the image in the middle will fade to the next image. in the HTML must be a list with the links to the images for the middle container. it should be all so simple,
Multiple parameters selection
Selecting elements using multiple parameters like here: $('descendant', 'ancestor').text();seems to be way more popular than css-like syntax: $('ancestor descendant').text();Do those two differ in performance, or is it just about being intuitive to particular people?
How to make an interactive map for a website using jQuery?
Hello everyone! To start things off, I am a novice jQuery user and I was assigned a job to create an interactive map for a website. I want to make a simple nap, but I have no idea where to start. I am trying to make a simple map (as attached) so when a user comes to a homepage, the map would be visible. Then when the cursor is rolled over the map, different states appear in different color and when clicked, the user is taken to another page. Sounds simple, but I cannot find any useful info. I would
disabling internet explorer accelerators
I have a website (www.artimap.com), where double-clicking a word fires a search about that word in every good browser. But in internet explorer an accelerator menu opens and the search is never done. Is there a way to disable those annoyances, or at least set a timeout so the search could be done ?
Access to .load -ed Elements
Hey guys.. i m quite new to JS and jquey.. well i tried to create a div container with JS.. then i loaded a .php page and .hide() it. now i want to document.getElementById() elements which i loaded with jquery ajax .load method.. but it seems that the div i created has no childnodes !? strange: i can fadeIn() the div i created and it shows the loaded content but i cant access the elements inside!? Code: var wrapper = document.getElementById('sitewrapper'); var testdiv = document.createElement('div');
$.post() doubt !
I had a little problem with $.post() The following is the code that i've used for a file , try.htm : <head> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type = "text/javascript"> function yo(){ var text = $("#msg").val(); $.post("chat.php",msg:text); } </script> </head> <body> <input type="text" id="msg" onkeyup="yo()"> <div id="display">Change</div>
New to jQuery trying to make sense of ($(":not(script)", destination).length == 0)
Hi All I'm new to jQuery and have taken over maintaining some code developed by an ex-colleague, who didn't believe in commenting his code. It is an asp.net MVC 2 project. The line of code I'm trying to understand is: var empty = ($(":not(script)", destination).length == 0); destination resolves to a selector "#TabContent", which is a div. The context is the following Javascript function: PRISMbase.LoadPartialEx = function(url, data, destination, successCallback, loadingMessage, appendNotOverwrite)
the basic - basics
How do I get started with all this? I did a google search on creating a photo-viewer of some sort and came across JQuery. What do I do with the code for Query 1.3.2 or later? Do I create a Javascript document? and how do I do that? Do i just take a notepad and rename it ".js" ?
Simple selector fails in IE6..
Hi, I'm having trouble with this line in IE6 only: var links = $('#ctl00_MainContent_dgFileAttachments a[title=Download]'); It just fetches the download links from a table with id: ctl00_MainContent_dgFileAttachments Works everywhere but IE6.. i thought jQuery was IE6 compatible? regards, Brunis
Scrolling and fading
Hi, I have this demo page and would like to make both top navigation box and header fade when I scroll the page. How can I get it via jQuery + external javascript file? Thanks for any help. Alessandro
jQuery cacheImage
Hi: Each time I think I have a handle on jQuery plugins I run into a brick wall (largely erected by my scripting challenged brain). Alex Rabarts plugin is just what I need for my video pages. I HAVE been able to use his Demo example on a page I created. URL for plugin at bottom. BUT . . . In his usage section he says to: $.cacheImage('/path/to/image.png'); Then add some callbacks $.cacheImage('/path/to/image.png', { load : function (e) { console.log('Loaded', this, e); }, error: function (e)
Embed Wordpress Into a Div
I have a Wordpress account hosted on GoDaddy.com for a website that will be up and running in the very near future. I have a blog page that has a blog submission form that emails submissions to my account and once or twice a month I will select a submission and post it, giving credit to the author. On this page, I plan on having it load the Wordpress posts in the content div on the page by default. Then when you click a link just above the div, it will switch out that div with the one containing
How to set the selected attribute on a dropdown box.
Let say I have the following HTML. <select id="gt_pref_bl"> <option value='enabled'>Enabled</option> <option value='disabled' selected>Disabled</option> </select> Now what I am trying to do is if the person clicks the Enabled option. I want it to changed the option to be selected. Any ideas? I am going to store this value also.
A General Overview and Why Would I Need It.
Greetings, I browsed the other postings first, and didn't find what I wanted. Please forgive if I overlooked the information and repeat the question. Please point me in the right direction. I stumbled upon jQuery.com mentioned in a podcast, and thought I'd take a peek. I've been programming for many years and jQuery has crossed my path many times. It was one of those things I kept putting on the back burner until I could give full attention to it. And, well, you probably know the rest of the
DatePicker IF Statement?
I have successfully installed the datepicker jQuery plugin...works great. Here is what I am trying to do, and have not been able to figure it out. I would like our clients to be able to select any date that is past the current date, BUT, if the selected date is within 72 hours, I would like a popup javascript alert with a custom message. i.e. Today is 7/30/2010...Bob selects 8/1/2010 from the calendar. It returns the date in a MM/DD/YYYY format to the form...and an alert pops up letting Bob now
jQuary in body
Hi! I can put the jQuery with scripts in the body, right? (It's for a mediawiki-page)
All AJAX is Returning False
All my AJAX is returning false, I think it could be something about serializing my data but I'm not exactly sure what that means. However this is my jQuery AJAX Post $.post( "post_updateImages.php", function(data){ if (data.success) $("#fileView").css({'color':'green'}), $("#fileView").html(data.message); else $("#fileView").css({'color':'red'}), $("#fileView").append("failure"); }, "json" ); in FireBug my response comes back like this: {"success":true,"message":"<img
JQuery calendar to be used in ASP.NET
hi I am working on a personal Planner/Scheduler kind of application. I am using my own database schema. I need all the data to be kept on my own server. I was looking for an interactive interface like google calendar (calendar.google.com). After a little research I found out that it is not possible to use only UI of google calendar and use my own customized database. I am using ASP.NET C# and SQL Server 2008. Someone suggested me to use Full Calendar(http://arshaw.com/fullcalendar/). It seems to
How to pass arguments to jQuery function?
Hello! I have a page that display all the projects created by customer. These projects have phases. The user/customer clicks on the project and a div slides down to show all the phases related to that project. I used javascript & AJAX to achieve this functionality. The AJAX function was taking "projectID" to get phases for that project. That's why, clicking on each project gives different phases. Now I want to achieve same functionality by using jQuery. I wrote the following code: function displayphases
sliding effect not working proplery
Hi, im new to jqueyr , im using sliding effect in my website View Demo here in the box just above to the Designing tip of the week consists of the rows which slides after every 6 seconds. problem is the way they slide it is nt as expected. cant explain more in detail . one can understand only after viewing the page. Thanks in advance! Regards, Sangeeta J Singh
problem with ajax and utf-8?
Hi, After searching for a while I'm asking for help. I have a little html file with the character ° in it, aka ° or ° If i just include the html file in the php script, it displays them allright but I would like to fetch that html file by an ajax call: var txt = $.ajax({ url: 'web.html', datatype: 'html', async: false}).responseText; It displays square blocks instead (character 65533). I do have <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" > in the html
Issues with unorderd list generated by JQuery
Hello all, I am not sure if the problem I am having is with JQuery or it is with using the incorrect CSS. Here is the HTML: <div id="links"> <ul> <li id="link_index"><a href="/game/index?town_id=52164">City overview</a></li> <li> <a href="/game/message?action=index&town_id=52164&h=d0LJTsN1">Messages <span id="new_messages" style="background-image: url(http://static.grepolis.com/images/game/message/new.png);" class="no_new_messages"></span> </a> </li> <li id="link_report"> <a href="/game/report?action=index&town_id=52164&h=d0LJTsN1">Reports
$.post does not work on server
Hi there, the follwing script works fine on xampp at home: $(".SFV_I").live('click',function(event) { whereVal=$(this).attr("whereVal"); vars=$(this).attr("vars"); idHtml=$(this).attr("idHtml"); alert("1111111"); $.post("do/setFieldVal_Input.php", {whereVal:whereVal, vars:vars}, function(data) { alert("22222222"); //document.getElementById('test').innerHTML=data; document.getElementById(idHtml).innerHTML=data; }); event.preventDefault();
Next Page