jQuery tabs and url links
Hello Everyone: My question is about jQuery tabs and external URL links. I've installed some jQuery tabs on my site. Following is the html format: <div id="vtab"> <ul> <li id="tab_1" class="home"></li> <li id ="tab_2" class="experience"></li> </ul> <div id="tab1_content" class="outer"> <iframe src="http://www.mysite.com/runtime/tab1.php" frameBorder="0"></iframe> </div> <div id="tab2_content" class="outer"> <h1>Experience</h1> <ul>
AJAX fail in Mobile App
Anyone build a Web App with jQuery where the AJAX had no response in the web app but code worked outside the web app? 1. When we run the code outside a web app it works. 2. We add the mainfest and include it in the header and AJAX (jQuery) gets no returned value from the outside world. <html manifest="/member.appmanifest"> Anyone conquered this in a web app? (We saw comments about outside web apps but they did not appear to help.) Note all the AJAX and jQuery run fine... the issue is with the AJAX
Help to get element under one TR
not sure what is wrong, when I tried to get the below element <tr id='123'>.....<span class='userstatus'.... <tr id='124'>.....<span class='userstatus'.... <tr id='125'>.....<span class='userstatus'.... I tried $('#123 .userstatus'), I expect it return one element, but it returns 3, any idea how I get the userstatus span under a special tr? Thanks
Problem with fadeIn, then fade back again if clicked on .
Hey guys! I made a "menu" and I want some content inside a div element to fadeIn if any of the menu numbers are clicked. And each number in the menu has a diffrent content. It works fine if I click on the number 1 then nr1's content shows up, same with number 2. But lets say that I click on number 1, then on number 2, if now try to click on number 1 again nothing happens, nr1's content wont fadeIn again. My code is: $(document).ready(function(){ $(".one").click(function(){ $("#contText").fadeIn("slow");
removing multiple lables as well as text boxes
Hi, I'm just starting out using jquery and would like to do something fairly simple. Here is my code 13 <script type="text/javascript"> 14 $(function() { 15 $("#show_button").click(function() { 16 $("#id_1, #id_2").fadeIn(); 17 }); 18 $("#hide_button").click(function() { 19 $("#id_1, #id_2").fadeOut(); 20 }); 21 }); 22 </script> This works, but the labels for id_1
Table edit cell without plugins
i want to edit table cells in zend framework use to jquery ajax without any plugins.
before fetching data by the scroll event screen goes grey for a moment
I am using an infinite scrolling paging. Every thing is going fine. But when the scroll bar reaches at the bottom the screen goes grey for a while and then the data appears. I need to show a loading image at that grey out time when data is fetching from the database. Please help me.
Jquery JsonP - Callback undefined error
Dear All, I am calling my server side page using JSONP to get the values from server and it looks like Server side code:(asp.net) "getResponse({""Name"": ""Foo"", ""Id"" : ""1234"", ""Rank"": ""7""});" Client side looks like: <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> $.getJSON("http://mydomain.com/temp/getjsonpcode.aspx?format=jsonp&callback=?", function(data) { alert(data.items); }); and am getting below error : Webpage error
Problem at json from web url
i using the json jquery in the WebApplication Java with this method and working: jQuery.ajax({ type: "GET", url: "webresources/generic", dataType: "json", success: function(e){ alert("yes"); }, error: function(e){ alert("no"); } }); however when i using this method outside the WebApplication Java not working jQuery.ajax({ type: "GET", url: "http://localhost:8080/WebApplication21/webresources/generic", dataType: "jsonp", success: function(e){
How to add an image over video thumbnail?
Hi there, Can anyone tell me how to add an image over video thumbnail using Jquery or javascript? What exactly I'm trying to do is I want to add play button over every video thumbnail image. Like this. In this site. Please find the video module below. There are some video thumbnails.
Weird problem with loading/rendering DOM
Hello, i already spent more than 48 hours for this problem, and still no idea to solve it.. here's my scenario: i have a function (i.e: getPreview() ) that load a preview of an image , the load are done with ajax. now getPreview() is triggered from a button (i.e: .renderbtn) There's no problem with the above scenario, the problem arise when i want to build a button to show all preview. Here's my function code: function showall(){ $j.each($j('.renderbtn'), function(index) {
jSupportChecker: checks $.support elements for Jquery (version > 1.8)
I Just programmed a piece of codes to loop all the elements $.support for Jquery 1.8.0. It can checks Browser supporting items. Please check IE,Firefox, chrome to see which browser supporting items for each browser. http://www.caoglish.info/jSupportChecker/
Showing an initially hidden element as inline instead of block
Let's say I have an element that's initially hidden (I used display:none in my css file). I would like to show it using slideToggle, fadeIn, or another similar method. What's the best way to go about this if I want it to be shown as display:inline rather than display:block? Can I specify this with jQuery? I know I can "trick" jQuery using css specificity or inline styles, but is there a clearer way? An example of "tricking" jQuery into using display:inline initially: http://jsfiddle.net/JYsnd/
Problem with ifs statements, slider and select
Building an app with jquery mobile (and jquery), I try to use a unique slider in conjunction with a select element to modify different div values. The principe is the following: the user select first a category using the selector (which is defined with the class poolattribute). His selection is registered and depending on the option selected, it should trigger the appropriate function with the slider value as input. My code is the following: function attribute(){ $('select[class="poolattribute"]').change(function(){
Loop through input/select to check for class
Hi all. In the 'else' section of my code below I am having an issue. What I am trying to do, is to find if each of the input, or selects in the div has a class of 'hidden'. If it does add the class 'required' and remove the class 'hidden'. The problem is, because one has hidden, it adds required to all. How can I loop through each input/select to check each individually? $('#order_shipping_same_as_billing').change(function() { if ($(this).is(':checked')) { $('#shipping_details').css({
how can i assign checkbox id to database?
<input type="checkbox" id="checkAddress" onclick="checkAddress(this)"/> function checkAddress(checkbox) { if (checkbox.checked) alert("a"); } } here i have checked the checkbox,if it is checked i want to update the checkbox result to databaseso i want to update the checkbox id or value to database..how can i do this??
Select icon for multiple labels
Hi, I am new to newbie to jquery. I have already done when selecting arrow icon,the drop down will come(second fig)(Code is attached with this).Now I want to do when I click more than one arrow icon, drop down should come for different arrow icons(like second fig).For the above functionality I got the code from JSFIDDLE.So please help me regarding this. $(document).ready(function() { $(".dropdownarrowIcon").click(function() { var X=$(this).attr('id');
modifying cloned select box makes it unresponsive in IE
This feels like a bug to me, but I don't have much experience with jQuery so I'm posting here first. In short: if I clone a select list, and then remove an option from the cloned list, it becomes unresponsive in IE (so far I've tried IE versions 8.0.6, 8.0.7, and 9.0.8). Here's a jsbin snippet, because I couldn't reproduce it in jsfiddle: http://jsbin.com/otawoc/5/quiet And the code: http://jsbin.com/otawoc/5/edit The second select list has been cloned from the first one. When you press the button,
Jquery 1.4 to 1.7+
I have the following code taken from JQuery in action. <!DOCTYPE html> <html> <head> <title>DVD Ambassador — Disc Locator</title> <link rel="stylesheet" type="text/css" href="dvds.css"> <script type="text/javascript" src="../../scripts/jquery-1.4.js"></script> <script type="text/javascript"> var filterCount = 0; $(function() { $('#addFilterButton').click(function(){ var filterItem = $('<div>') .addClass('filterItem') .appendTo('#filterPane')
fadeOut removes the table cell completely
Hi everyone, I have been struck at a point where i want to edit a table cell using jeditable plugin. It's working fine and update the cell content perfectly. I want to change the table background to red(for few seconds) for error update and green(for few seconds) for successful update. So i use fadeOut property and it works but the cell is removed after fade out. Below is my code snippet : success(function (response) { $("tr:eq("+ row_index +") td:eq("+ col_index +")").css('backgroundColor', 'green').fadeOut("slow");
on click hide n show div
i want when click on div its display property should become block byt when clicked 2 time change dispplay to none plz help
download window state
I want to send to user two files in series and I use setTimeout("__doPostBack('Button2', 'OnClick')", 3000) to initialize a postback for download a second file 3 second after first. If I have time to handle first file, it's working great, but if I'm doing nothing first file is being lost. The window (that little window where are displayed a file for download and those buttons like open, save and close) is still there, but file is absent so I want to synchronize that postback with that window
How to convert addEventListener function in JQuery?
Hello, I am new in JQuery. I want to convert following javascript code in JQuery. document.addEventListener("DOMSubtreeModified", throttle( function() { //code }, 50 ), false ); I have tried it using bind method but it is not working. Please help me.
q about bubbling
why would anyone want to have event bubbling occur?
reg- data security in jquery with RESTfull webservice
I want to know the security of the data, when data sending from client to server and vice versa. How to implement and also tell me the authentication, etc...
Making JavaScript/jQuery available in dynamically loaded content
Hi guys, is there a way / what is the best way to make JavaScript/jQuery available in content that has been dynamically loaded using jQuery's "load" function? Of course I can just put JS Code in there, but it will be run first, so any objects (like functions or the Facebook API Connection) will not be known to code in there. Any ideas? Thanks in advance
jQuery.prepend changes specified tag all to lowercase...?
Does anyone know why the line below results in the following line in HTML (note the case of "clipPath") $('#designCanvas > defs').prepend('<clipPath id="clippingPath"></clipPath>'); <clippath id="clippingPath"> <use x="0" y="0" width="300" height="300" xlink:href="#clip1"></use> <use x="0" y="0" width="100" height="100" xlink:href="#clip2"></use> </clippath>
How do I show/hide div tags with jQuery?
Objective: Have 2 links, when one is click the corresponding div is opened. When the other link is clicked, the new div opens and the old one closes. When clickign a link to open the div, clickign again should close it. I have the following code, allowing one or the other div to be displayed, however I cannot get the div to close again once opened. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" language="javascript">
A problem with Jquery gallery
Hi, I made a JavaScript gallery for my friends site and it looks great except when changing images, the preview image disappears for a split second and the layout gets messed up. http://hisakoando.lolipop.jp/picturebook1.html Any ideas? Thanks in advance
AJAX JSONP WebService call not working on IPad or IPhone
Hi Guys, Hope you can help, I have a simple Ajax web service call to a WCP JSONP enabled service. On all browsers except for safari on IPhone and IPad, the call works just fine, but on the IOS devices the web call is made but it never returns. I have turned on browser debugging and it reports no errors. All of my other JQuery code is working just fine, it's just the call that is never returning. Is this a security issue or bug on these devices? Both are running IOS 5. I have tried restarting them
[jQuery] Form plugin - success callback not executed ?
Hi, it seems that my success callback is not getting executed, however, the Ajax post seems to be ok (200) with the correct text output ... The other params have effect, e.g. the ajax calls will be synchronous (option async to false) $('td[id^=order]').each(function(i) { var tdId = $(this).attr('id').substring(5, $(this).attr('id').length); var options = { target: '#dummy', beforeSubmit: function(formData, jqForm, options) { return true; }, success: function(responseText,
$(document).ready but js file is not loaded yet
I am using jquery from google cnd, https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js, so should be the lastest version. I have a asp.net webservice, it creates a jsdebug js file dynamically, <script src="../app_ws/linkdataservice.asmx/jsdebug" type="text/javascript"> </script> the first line of the file is Type.registerNamespace('LinkLibrary'); .. in $(document).ready, I call the LinkLibrary class, it worked fine, but recently, I always got LinkLibrary is not defined error, After
jQuery load image from XML
Hi i am just starting using jquery. I want to load images from xml. I,ve got a script but it only load a single image, and i wan't to load all images called lightbox in XML. here is an xml file: <?xml version="1.0" encoding="utf-8"?> <images> <image source="Zdjecia/Galeria/Kategoria1/Miniaturki/image1.jpg" lightbox="Zdjecia/Galeria/Kategoria1/Duze/image1.jpg"> <lightbox>Zdjecia/Galeria/Kategoria1/Duze/image1.jpg</lightbox> </image> <image source="Zdjecia/Galeria/Kategoria1/Miniaturki/image2.jpg"
how to get corresponding combo box select value
how to get the combo box value when changing combo box . please give some sample code thanks in advance G.Lenin
IE - less than 9 append issue... how can i solve it?
I unable to append the element in less than ie9's how can i fix this? this is my function : var processModules = function (mData) { var lMData = mData; $.map(lMData, function (mVal,i) { $(mVal.type === 'form' ? '<form></form>' : '<div></div>',{ id : mVal.attributes.id, 'class' : mVal.attributes['class'] }) .appendTo(mVal.container); // not appending in less than ie9. } ) } $(document).ready(function () { $.getJSON('json.txt',
Event handler for dynamically created checkboxes doesn't work
I want to use my own event handler for all five checkboxes. I create one checkbox in the code and then clone it four times. My problems with this code: I can check and uncheck the first checkbox (the checkbox in the code). But the first checkbox doesn't use my event handler but its own (I set a breakpoint in my "$('input:checkbox').live('click', function (event) {..." code and it is never reached if I click the first checkbox. The four other boxes reach my event handler but all four get checked if
JSon php and jquery
Hi, I have some problem with json when i try to work with json object that returned from php, here is the jquery code: $(document).ready(function() { $.getJSON('../php/functions/all_city.php',function(data){ alert(data); });and here is the php code: <?php require_once 'connection.php'; $link = conenct('localhost', 'root', '', 'w_db'); mysql_query( "SET NAMES utf8" ); mysql_query( "SET CHARACTER SET utf8" ); mysql_set_charset('utf8', $link); $query = mysql_query("SELECT cityName FROM city ORDER BY
Problem with event binding on clone rows
Hi , I am working on a functionality where on the blur of every cell in a table, I have to trigger a auto-save. For the last cell of the last row I have to add a new clone row with the same blur event binding as in the exiting rows.. Following is the code ..Please help i have stuck for a few days now.. $("#myTable1").live("blur", function(){ var elementValue = document.getElementById("<%=count%>").value.toString(); var value = $("#<%=count%>_hidden").attr('value').toString();
Multiple toggle and expand/collapse image problem
I have two toggle divs that have same class name. When i click one of them, the plus symbol on the right side is not replacing with the minus symbol unless i click both of them. http://jsfiddle.net/adige72/rxW3H/ html: <div class="collapseTitle">Open 1<div class="symbol"> </div></div> <div class="collapseContent">Content 1</div> <div class="collapseTitle">Open 2<div class="symbol"> </div></div> <div class="collapseContent">Content 2</div> js: var $coll = $('.collapseTitle'); $coll.click(function()
Jquery code
I have the following java script code. This java script code, onclick of the button creates clone of newdiv and appends on my_div, with id= null. Please provide me with the corresponding jquery code. function addWork(){ var obj= ''; document.getElementById("newdiv").style.display ='block'; obj = document.getElementById("newdiv").cloneNode(true); obj.id =''; document.getElementById("newdiv").style.display ='none'; document.getElementById("my_div").appendChild(obj);
Next Page