using tabs to change multiple divs
Hi Need some assistance in changing some divs using tabs on a website I am building. I currently have it set up so that it changes through a set of scrolling tabs on mouseover of a separate div. I now want to also change another div with separate content as well. This works currently on the first div: $(document).ready(function() { $("#selector").tabs("div.scrollable", {event:'mouseover', initialIndex:2}); }); However is I add similar to change the extra div it only changes the last div referenced
Jquery Sliding images on ASP.NET
I am working on website which includes lot of images. I decided to use jquery.i refer to this code Here. In this it shows album of images when you click on album it shows all images thumbnail.clicking on thumbnail it shows large view of that image. It works fine in html page. When i used in .aspx page as I click on album image thumbnail it not showing large preview. It shows text under image. All path are correct. After so many tries I found that it not working in chrome browser in office but same
load event not triggering
Hi, I'm loading the div successfully but it is not showing the alert message on load. I want to set click event on the input field which is inside this div. Please somebody help me. . Here's my code. <form method="post" id="frm"> <select id="opt"> <option value="1">Controlled</option> <option value="2">With Notification</option> <option value="3">Periodically</option> <option value="4">Simple</option> </select> </form> <div> </div> <script src="js/jquery.ui.core.js"></script>
Onclick of an image, dropdown hide
Hi, I am need of a help regarding onclick image in a dropdown. When I click any of this dropdown, I am able to show the dropdown. When an user click any image inside the dropdown, I can able to replace the dropdown arrow with that selected image. But user need to click the next arrow two times to show the dropdown. This is screen shot of the actual, First Screenshot: Second Screenshot: Third Screenshot: My JS: -----------------------------Starts here-------------------------------- var icon ; function
I am trying to add nav buttons and a caption to a slideshow. Please help.
Hello all, I have just began experimenting with customizing the features with JQUERY. I have used a few ( but not many) plugins in the past but could not find a free one that alows me to do what I want. Anyways, I have started with the JSFIDDLE code found in another thread on here (https://forum.jquery.com/topic/how-to-make-an-image-clickable-in-jquery-slider) and it is working great! However I need to be able to add a pevious and next button as well as a caption that shows on hover. the Idea is
jQuery Watermark (light text hint over input fields)
What is Watermark? You have seen it in many websites! A watermark typically appears as light text within an input or textarea element whenever the element is empty and does not have focus. This provides a hint to the user as to what the input or textarea element is used for, or the type of input that is required. (Some watermarks such as this one can show the watermark as long as the first character is not entered). Those gray tips in below example are called watermarks This plugin is designed to
Voiding a back button opens the pandorra's box at ready function ...
I am trying to disable the back button through a forward trick in a common include page. Now the forwarded page which depends on select functions through .ready is failing. How do I recognize the request as forwarded and open ready again?
onclick goto a URL...how?
Hey guys How do I complete this so that when a user clicks on on the div rollOver, it loads in a new html page into the current browser window. $('rollOver').click(function(){ // load URL index.php }); Thanks so much in advance Vic
script broken when change to 1.7 version
HI friends! I need your help... when I change to jquery new version (1.7), my menu script was broken, could anybody help me to fix it? thanks!! function mainmenu(){ // Oculto los submenus $("#nav ul").css({display: "none"}); // Defino que submenus deben estar visibles cuando se pasa el mouse por encima $(" #nav li").hover(function(){ $(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400); },function(){ $(this).find('ul:first').slideUp(400);
JQuery.get() -receive text and Javascript objects
Hi I have send data with <a href="javascript:void(0)">1</a> / Get. The script response from the site (url), but the javascript inside (like this <a href="javascript:void(0)">2</a> and other scripts) doesnt work.Someone has an idea how I can enable javascript/respone? Thank you! $(document).ready(function() { $('a').click(function(){ var that = this; $.get('url', {'page':$(that).text()}, function(data){ $('#div_id').html(data); }); }); });
Why does this work and not this (wrapInner() inside a function works but not standalone)
// This entire post is related to IE9 only. All other browsers work // this works if ($('.bttnnew').length) { $('.bttnnew').addClass('hasIcon').each(function(){ var content = $(this).html(); $(this).html('<span class=txtDesc>'+content+'</span><span class=iconHolder></span>'); }); };yields: <a href="..." class="bttnnew hasIcon"><span class="txtDesc">Default Button Text</span><span class="iconHolder"></span></a> // But this does NOT work // in IE 9 if ($('.bttnnew').length)
Moving an element
I have image that I want to move from one place to second place, I use animate and left, right or top. What I want is to kill in someway the element because when I moved it to the bottom for example I get scroll bars for X and Y because the screen is now too big, Who I can move element to any place that I want and save the screen size?
jQuery animation glitch
Hello, I'm developing a portfolio for a client with animations using jQuery. The website is http://go4impact.com/site/index2.html The problem I'm having is that when you click on Client Samples >> Print, Graphics, Websites, Case Studies it starts an animation of sorts. If you click on the same tab again before the animation starts, it calls for the animation to be started again, which leaves the previous animation kind of glitchy and leaves a sort of "residue". How do I fix this? I've tried using
jQuery Template Engine
Hi All, As you see we've been busy developing couple of plugins for our new projects. One is jQuery Template Engine. To merge loaded data at ajax call with templates in project. Its easy to use and free for everyone. see more samples here jTemplate Samples <select id='countries'> <option loop='true'>%#field%</option> </select> var loadedData = ['Australia', 'Brazil', 'Canada', 'China', 'England', 'France', 'Italy', 'United State']; $('#countries').template(loadedData); <select id="countries">
value of checkbox attr not changing as expected
using this html <p><input id="agree" type="checkbox" /> I agree: </p> and this jquery $(document).ready(function() { $('#agree').change(function() { alert($(this).attr('value')); }); }); When I run this I start with a unchecked checkbox as I should. When I click the first time a check appears in the box ant the alert messate says on however the next time I click the check goes away but the alert box comes up with the on (shouldn't it be blank?) every time I click the the alert
How to create tabs with “content” on fly on click of hyperlinks under grid?
In my legacy webapplication (using jquery,struts, java), i show the emails in grid(using datatable) where subject is one of the column under grid and values under it is hyperlink generated on the fly at server side.Right now, when i click on any subject hyperlink , its contents is shown (as hyperlink points to struts action class which process the request for that specific email id and forward to another jsp) on the same browser and return button is provided on that so that user once view the content,
Jquery.post response Text not working.
Hello, I am having difficulty getting message from response text from the server. I was wondering if anyone can assist? My code is as follows: $(document).ready(function() { $('#xmail').submit(function(){ $("#loader").fadeOut(100).show(); var name = $("#name").val(); var email = $("#email").val(); var subject = $("#subject").val(); var message = $("#message").val(); var pattern = /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
How to do a page 'slide' from left to right? Example inside.
If you click on this link: http://asyraf9.github.com/jquery-mobile/#scroll and click on the 'Features' item on the left, the page transition that occurs is my goal. I'd like to know how to do that action with my code. I don't need the split-view, but the ability to click on a menu item and pop over to a new page with the nifty little sliding animation. Thanks for the ideas!
Differences in deferred $.when...done() handling one or many results
I would expect this code to give the same answer twice - but it doesn't. Why? $.when( $.getJSON("test.json") ) .done(function(p){ console.log(p); }); $.when( $.getJSON("test.json"),$.getJSON("test.json") ) .done(function(p,q){ console.log(p); }); I get 99 [99, "success", Object]
Downloading
I can't download any version of the jquery(minified or uncompressed). I know these is not the best place to report this. But I realy need the jquery and I'm not beeing able to get it. Thank you.
jQuery conflict causing drop down menu to stop working
You can see what I am referring to here: http://sneakylink.com/g If you click on "home" you will see that the "Bikes" menu tab has a drop down menu. However, if you go to any of the bike pages - you will notice that the drop down menu doesn't work anymore. It stopped working as soon as I added the image pan/zoom feature that you see on any of the bike pages. Apparently there is a conflict somewhere. I can either try to fix the conflict, or go with another option for the drop down menu. Your thoughts?
Live search function suddenly stopped working!
$.extend($.expr[":"], { "containsNC": function(elem, i, match, array) { return (elem.textContent || elem.innerText || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0; } }); $("input[name$='search']").keyup(function() { var filter = $(this).val(); $("#contentchampions a:not(:containsNC(" + filter + "))").css("display","none"); $("#contentchampions a:containsNC(" + filter + ")").css("display","block"); }); This code has always been working. I didn't change anything and suddenly it stopped
Example of a jQuery Designer?
Hi, I'm looking around for an example of a jQuery app where your can design a room, art, or a t-shirt. I found one where you design a t-shirt and change its color but nothing sophisticated like scaling, rotating etc... thanks.
Modifying this snippet for use in wordpress
I have this snippet of code success: function(data){ //create jquery object from the response html var $response=$(data); //query the jq object for the values var oneval = $response.filter('#one').text(); var subval = $response.filter('#sub').text(); } and i want to prepare it for use in the wordpress backend.How can i replace the $ with jQuery?.
how to retrieve data from database based on postition in phonegap?
I'm displaying the alphabets in a grid view,whenever i click on each alphabet it has to display the corresponding words of that alphabet,for that i could able to get the position of each alphabet,so how can i retrieve or pass the data from database? here is the screenshot of that var a2zArray =['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z']; $(document).ready(function() { createA2ZGrid(); }); function createA2ZGrid(){ var rowElem=''; for
[jQuery] New jQuery Editable released.
You can check it here:http://plugins.jquery.com/project/Editable It's fully customizable: #1 Easy to use $('div.editable').editable(); #2 Submission can be set on any Event $('div.editable').editable({submitBy:'change'}); #3 Can use onSubmit and onEdit to define your own behavior. $('div.editable').editable(type:'select',options:{'a':'Item 1', 'b':'Item 2'},submit:'save',cancel:'cancel',onSubmit:endFunction); #4 Currently it convert tags to textbox, password, textarea, drop-down list. you can extend
Weird behaviour on show/hide layers all of a sudden
A site I built a while ago has recently started behaving weirdly. I used show/hide layers to make several rollover maps, and now the rollover layers all seem to be sliding up and down and all over the place. Before they were just showing normally, in place, on mouseover. See this page for example: http://www.thehaymarketedinburgh.com/the-haymarket/site-plan/ Rollover the buildings and the highlight appears to slideup from the bottom of the browser, where before, and for months, it didn't. If you
syntax error missing closing }
I get this error message: SyntaxError: missing } after property list right before the ↵$('#taskform'). I checked all opening and closing () & {} in a syntax checker so i can't figure out where the missing } is? ------code-------- $(document).ready(function() { $.ajax({ url: 'ajax/get_todosx3.php', dataType : 'json', success: function(data) { alert(success); var list_start ='<li "class" = "todo-list" >'; var list_end ='</li>';
Button's click event fires, but can't trigger ajax call
In a page of my asp.net mvc website, I load data into a jqGrid when the page loads, works perfectly without any problem. Now I added a button for users to search employees by last name. The click event fires, because I can see my alert("Last name is " + lastName) popup. But the ajax call is ignored. <input type="text" id="keyword" /> <input type="button" id="search" value="Search" /> $(document).ready(function () { $("#search").click(function () { var keyword = $.trim($("#keyword").val());
filtering images with checkbox
Hello, I'm looking for the next and can't solve it. I have N pictures, car red fast car blue car blue fast car green slow bike blue bike green ... <?php echo "<html>"; echo "<head>"; echo '<script src="jquery-1.7.2.min.js" type="text/javascript"></script>'; // JavaScript echo " <script language='JavaScript'> function run() { }; </script>\n "; echo "</head>"; echo "<body>"; echo '<div id="cuerpo">';
How i display the status of a upload in a element
Hello, Well, i'm brazilian i don't speak English very good. Example, when i upload de image or others files appears: Sending...(STATUS) I want display this Status in a element, you can help me?
Using Jquery/prototype + innerHTML replacement.
I currently have a problem where I have used Jquery and Prototype on the same page with noconflict. Everything works fine up until I call Javascript functions on individual pages(in wordpress) to replace a div label. The conflicting code is: $('#variation_select_327_10 :not(:has(*))').text(function(i, v) { return v.replace(/--Please Select--/g, 'Quantity'); }); where the div for replace is #variation_select_327_10 I have tried using jQuery.noConflict(); var $j = jQuery; and then replacing
Multiple $(function () { on one page
I have been searching and searching for this, but I have yet to find anything. I have a jquery function that is loaded in the header of my home page. That header is loaded for every page on my site, and when I visit a page with another $(function () { on it, that pages script doesn't work. Here is my home page code: <script type="text/javascript"> $(function () { $("#basic-combo").sexyCombo(); $("#basic-combo1").sexyCombo(); }); </script> Below is an example of the second $(function(){
Set value for select lists?
I have a script for setting checkboxes checked or unchecked with $('.checkall_pub').click(function () { $(this).parents('fieldset:eq(0)').find(':checkbox[name=pub_list\\[\\]]').attr('checked', this.checked); }); Now I want to have the same for a bunch of select lists... How do I set all select lists to the value 0?? Thanx in advance!
Radio Button & ajax_load
Hi i try to send a value from an radio button. But the script doesent work because the value was not send. Any idea to solve this problem? $(function () { $('#id_radio').click(function () { var checkedradio = $('[name="id_radio"]:radio:checked').val(); $("#div_container").html(ajax_load).load("my_url"); }); });
Identifying dataType returned when using jQuery
Hi, Is it possible to identify what dataType is being returned by a page when using jQuery? Problem is, one page is a form which submits to user_verify.php. If the form does not contain errors the user_verify.php returns HTML and later redirects. If it finds errors, it returns json data (an array) which is sent to errorDivs. user_verify.php only does processing and does not contain any content headers etc. Any idea how something like this can be done? Thanks, Norman $("#sform").submit(function()
Controlling image position using scroll bar of browser
I want to guide an image through a path. The scroll down of browser should bring the image down the path, and the scroll up of browser should make the image to trace back its path. how can i achieve this using jQuery? Please help!! Thanks in advance! [duplicate of Controlling image position using scroll bar of browser - jQuery Forum ]
"submit()" event, "serialize()" and submit buttons. Get the button name
Hi everyone, On the server side, I'm using a web framework that use submit button "name" attribute to decide which action to perform. On the client side, I have an script that submit forms in Ajax with the "serialize()" functions. But as the JQuery documentation said, the serialize() function don't send the submit buttons names. I have tried to get the event.target object but this object is the form itself. So, I wonder to know if he is a way to discover obtains the name of the button that has triggered
problem in a jquery file.js
hi i have a slideshow, i download it from internet but it has a problem it's true in the main site but when i use it, one of the jquery.js files has problem, it redirect the page to the google site!!! i try to test it's files step by step and i understood this jquery file cuases this redirection! i check the jquery file and i understood that it uses a username and password, you can see that by search "user" in the .js file text , when i delete the if condition(about username and password) it don't
How to transfer/post byte array using AJAX
Hi there, i hope anybody can help me to find the correct way. I call a function from js in a activex class which return a byte array. Question one: Is follow code the correct way to store an byte array in js? var byteArray = []; byteArray = activexfunction() Ok should it be correct than i have to post this byteArray over AJAX to a WCF service. Question two: What's the correct content-type in ajax settings? Application/binary? BIG BIG THANKS FOR ANY ADVICES !!!!!
Next Page